You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
259 lines
12 KiB
259 lines
12 KiB
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<script src="css/jquery-3.5.1.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/VuePrincipale.css">
|
|
</head>
|
|
<?php
|
|
$tp_str = implode(",", array_keys($tabQCM));
|
|
|
|
?>
|
|
<body id="vueqcm">
|
|
<input type="text" id='tp_keys' value="<?php echo $tp_str; ?>" hidden>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">Base De Données</a>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<?php foreach ($tabQCM as $qcm){ ?>
|
|
<li class="nav-item">
|
|
<a style = "text-transform:uppercase;" class="nav-link js-scroll-trigger" id="<?php echo $qcm->getNum(); ?>" onclick="changerSection('<?php echo $qcm->getNum();?>','<?php echo $tp_str ;?>')" ><?php echo $qcm->getNom(); ?></a>
|
|
</li>
|
|
<?php }?>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<header class="bg-primary text-white">
|
|
<div class="container text-center">
|
|
<h1>QCM</h1>
|
|
<p class="lead"></p>
|
|
</div>
|
|
</header>
|
|
<form method="get" role="form">
|
|
<input id="btn-ajout" type="submit" name="action" value="Ajouter QCM" />
|
|
<input id="inp-ret" type="submit" name="action" value="Retour au menu principal" >
|
|
</form>
|
|
<?php
|
|
foreach ($tabQCM as $qcm){ ?>
|
|
<section id="<?php echo 'qcm'.$qcm->getNum(); ?>">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2><?php echo $qcm->getNum().'-'.$qcm->getNom(); ?></h2>
|
|
<h5><?php echo $qcm->getIntroduction(); ?></h5>
|
|
<form class="QCMForm" method="get" >
|
|
<?php
|
|
foreach ($qcm->getQuestions() as $question) {
|
|
?>
|
|
<p><?php echo $question->getNumQuestion() .'.'.$question->getQuestion(); ?> <br/>
|
|
<?php
|
|
foreach ($question->getReponse() as $r ) {
|
|
if($qcm->getType() == "vraifaux") {?>
|
|
<input type="checkbox" id="textbox<?php echo $qcm->getNum().$question->getNumQuestion().$r->getNumReponse(); ?>" name="radiobox<?php echo $qcm->getNum().$question->getNumQuestion();?>" value="<?php echo $r->getReponse();?>" style="margin-bottom:15px"> <?php echo $r->getNumReponse().'. '.$r->getReponse(); ?> <br/>
|
|
<?php }
|
|
else{?>
|
|
<?php echo $r->getNumReponse().'.';?>
|
|
<input type="radio" id="textbox<?php echo $qcm->getNum().$question->getNumQuestion().$r->getNumReponse(); ?>" name="radiobox<?php echo $qcm->getNum().$question->getNumQuestion();?>" value="<?php echo $r->getNumReponse();?>" style="margin-bottom:15px" required> <?php echo $r->getReponse(); ?> <br/>
|
|
<?php }
|
|
}
|
|
if($qcm->getType() == "vraifaux"){
|
|
?>
|
|
<p>
|
|
<input class="SubmitQCMData" type="button" value="Valider" onclick="SubmitQCMData(<?php echo $qcm->getNum(); ?>,<?php echo $question->getNumQuestion(); ?>)" >
|
|
<?php }// fin if vraifaux ?>
|
|
<span id="inp-centre">
|
|
<input class="modifierQCM adm" type="button" value="Modifier" onclick="ModifierQCM(<?php echo $qcm->getNum(); ?>,<?php echo $question->getNumQuestion(); ?>);" >
|
|
<input class="supprimerQCM adm" type="button" value="Supprimer" onclick="SupprimerQCM(<?php echo $qcm->getNum(); ?>,<?php echo $question->getNumQuestion(); ?>);" >
|
|
</span>
|
|
<span id="inp-gauche">
|
|
<input class="monterQCM adm" type="button" value="Monter" onclick="MonterQCM(<?php echo $qcm->getNum(); ?>,<?php echo $question->getNumQuestion(); ?>)" >
|
|
<input class="descendreQCM adm" type="button" value="Descendre" onclick="DescendreQCM(<?php echo $qcm->getNum(); ?>,<?php echo sizeof($qcm->getQuestions()); ?>,<?php echo $question->getNumQuestion(); ?>)" >
|
|
</span>
|
|
</p>
|
|
<div id="results<?php echo $qcm->getNum().$question->getNumQuestion(); ?>">
|
|
<!-- les résultats s'affichent içi -->
|
|
</div><br/>
|
|
<?php
|
|
}//fin foreach
|
|
if($qcm->getType() !== "vraifaux"){?>
|
|
<input type="button" value="Valider" onclick="SubmitQCMDataTest(<?php echo $qcm->getNum(); ?>,<?php echo sizeof($qcm->getQuestions()); ?>)" />
|
|
<div id="results<?php echo $qcm->getNum(); ?>">
|
|
<!-- les résultats s'affichent içi -->
|
|
</div><br/>
|
|
<?php }
|
|
?>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php } //fin foreach ?>
|
|
<input type="text" id="verif-ad" value="<?php echo $_SESSION['typeSession'];?>" hidden/>
|
|
|
|
<form method="get" class="adm">
|
|
<input id="btn-ajout" type="submit" name="action" value="Ajouter QCM" />
|
|
</form>
|
|
<form method="get" role="form">
|
|
<input id="inp-questions" class="bouton" type="submit" name="action" value="QCM" hidden>
|
|
<input id="inp-ret" type="submit" name="action" value="Retour au menu principal" >
|
|
</form>
|
|
|
|
<form id="frm-exportqcm" class="adm">
|
|
<input type="button" value="Exporter" onclick="ExporterQcm()" />
|
|
</form>
|
|
<script>
|
|
function ExporterQcm(){
|
|
type = 'qcm';
|
|
$.get("Traitement/Export.php", { type:type}, function(data) {
|
|
alert(data);
|
|
alert("Les qcm ont été exportées");
|
|
});
|
|
}
|
|
|
|
/* $(document).ready(function() {
|
|
var tps = $('#tp_keys').val();
|
|
var i = 0;
|
|
var numQcm;
|
|
tpk = tps.split(",");
|
|
tpk.forEach(function(entry) {
|
|
numQcm = parseInt(entry)+1;
|
|
if(i==0) $("#qcm"+numQcm).show();
|
|
else $("#qcm"+numQcm).hide();
|
|
i++;
|
|
console.log(numQcm);
|
|
});
|
|
});
|
|
*/
|
|
function changerSection(tp,keys){
|
|
var qcm = tp;
|
|
var numQcm;
|
|
tpk = keys.split(",");
|
|
tpk.forEach(function(entry) {
|
|
numQcm = parseInt(entry)+1;
|
|
$("#qcm"+numQcm).hide();
|
|
console.log(numQcm);
|
|
});
|
|
$("#qcm"+qcm).show();
|
|
|
|
}
|
|
|
|
function SubmitQCMData(numQcm,numQuestion) {
|
|
var rep = [];
|
|
var verif = 0;
|
|
//alert($('input[name*="radiobox'+numQuestion+'"]').length);
|
|
for(var i=1 ; i<=$('input[name*="radiobox'+numQcm+numQuestion+'"]').length ; i++){
|
|
if ($('#textbox'+numQcm+numQuestion+i).is(':checked')){
|
|
rep.push(i);
|
|
verif++;
|
|
}
|
|
}
|
|
if(verif == 0) return ;
|
|
$.get("Traitement/CorrectionQCM.php", {numQcm:numQcm, numQuestion: numQuestion, rep : rep},
|
|
function(data) {
|
|
$('#results'+numQcm+numQuestion).html(data);
|
|
});
|
|
}
|
|
|
|
function SubmitQCMDataTest(numQcm, nbQuestions) {
|
|
var type = 'test';
|
|
var rep = [];
|
|
|
|
$('#results'+numQcm).empty();
|
|
for(var numQuestion=1 ; numQuestion<=nbQuestions ; numQuestion++){
|
|
rep[numQuestion] = [];
|
|
if(!$("input[name='radiobox"+numQcm+numQuestion+"']:checked").val()){
|
|
$('#results'+numQcm).append("<b>Veuillez répondre à toutes les questions</b>");
|
|
return;
|
|
}
|
|
rep[numQuestion].push($("input[name='radiobox"+numQcm+numQuestion+"']:checked").val());
|
|
}
|
|
|
|
$.get("Traitement/CorrectionQCM.php", {type : type , numQcm:numQcm, rep : rep},
|
|
function(data) {
|
|
$('#results'+numQcm).html(data);
|
|
});
|
|
}
|
|
|
|
function MonterQCM(numQcm,numQuestion) {
|
|
if(numQuestion > 1){
|
|
$.get("Traitement/OrdreQCM.php", { numQcm:numQcm, numQuestion : numQuestion },
|
|
function(data) {
|
|
|
|
//$('#questionsForm')[0].reset();
|
|
//$('#erreur').html(data);
|
|
$("#inp-questions").trigger("click");
|
|
//window.location.replace("index.php");
|
|
});
|
|
}
|
|
}
|
|
|
|
function DescendreQCM(numQcm,nbQuestions,numQuestion) {
|
|
//alert(nbQuestions);
|
|
var des = 1;
|
|
if(numQuestion < nbQuestions){
|
|
$.get("Traitement/OrdreQCM.php", { numQcm:numQcm,des : des , numQuestion : numQuestion },
|
|
function(data) {
|
|
|
|
//$('#questionsForm')[0].reset();
|
|
$("#inp-questions").trigger("click");
|
|
//window.location.replace("index.php");
|
|
});
|
|
}
|
|
}
|
|
|
|
function SupprimerQCM(numQcm,numQuestion)
|
|
{
|
|
var result = confirm("Êtes-vous sûr de vouloir supprimer la question "+numQuestion+" du qcm "+numQcm+" ?");
|
|
if(result){
|
|
var type = "qcm";
|
|
$.get("Traitement/Suppression.php", { numQcm :numQcm, numQuestion : numQuestion ,qcm : type},
|
|
function(data) {
|
|
//$('#results'+numDemo+numChapitre).html(data);
|
|
//$('#questionsForm')[0].reset();
|
|
$("#inp-questions").trigger("click");
|
|
});
|
|
}
|
|
}
|
|
function ModifierQCM(numQcm , numQuestion) {
|
|
$.get("Traitement/ModificationQCM.php", { numQcm : numQcm, numQuestion : numQuestion },
|
|
function(data) {
|
|
$('#vueqcm').empty();
|
|
$('#vueqcm').html(data);
|
|
//$('#questionsForm')[0].reset();
|
|
//location.reload();
|
|
});
|
|
|
|
}
|
|
$( document ).ready(function() {
|
|
var ad = $('#verif-ad').val();
|
|
|
|
if(ad == 'LJLf1')
|
|
$( ".adm").show();
|
|
else $( ".adm").remove();
|
|
|
|
|
|
|
|
if(ad == 'test'){
|
|
$('#vuep').empty();
|
|
}
|
|
|
|
});
|
|
|
|
window.addEventListener('scroll',function() {
|
|
localStorage.setItem('scrollPosition',window.scrollY);
|
|
},false);
|
|
window.addEventListener('load',function() {
|
|
if(localStorage.getItem('scrollPosition') !== null)
|
|
window.scrollTo(0, localStorage.getItem('scrollPosition'));
|
|
},false);
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|