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.
142 lines
5.7 KiB
142 lines
5.7 KiB
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<script src="css/jquery-3.5.1.js"></script>
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/VuePrincipale.css">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">TP de Base De Données</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="#TP2">TP2</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="#TP3">TP3</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="#TP4">TP4</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="#TP5">TP5</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<header class="bg-primary text-white">
|
|
<div class="container text-center">
|
|
<h1>Demonstrations</h1>
|
|
<p class="lead">TEST</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div style="font-weight: bold" id="Temps-Restant"></div>
|
|
|
|
<section id="TP2">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2>TP 2</h2>
|
|
|
|
<form id="demoForm" method="get" >
|
|
<?php $i=0;
|
|
foreach ($dVueDemonstrations as $q) {
|
|
?>
|
|
<?php $i++; echo $q->getNumQuestion() .'.'.$q->getQuestion(); $_SESSION['num']=array(); $_SESSION['num'][$i] =$q->getNumQuestion(); ?> <br/>
|
|
<textarea rows="5" cols="70" name="demo<?php echo $q->getNumQuestion(); ?>" id="demo<?php echo $q->getNumQuestion(); ?>" >
|
|
<?php echo $q->getReponse(); ?>
|
|
</textarea>
|
|
<p><input class="submitDemoData" type="button" value="Exécuter" onclick="SubmitDemoData(<?php echo $q->getNumQuestion(); ?>);" ></p>
|
|
|
|
<div id="results<?php echo $q->getNumQuestion(); ?>">
|
|
<!-- les résultats s'affichent içi -->
|
|
</div><br/>
|
|
<?php $i++; } //fin foreach ?>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<form method="get">
|
|
<input type="submit" name="test" id="test" value="Générer Base de données aléatoire" /><br/>
|
|
<input type="submit" name="regenererDemo" id="regenererDemo" value="Reintiliser les demonstrations" onclick="resetDemo()" /><br/>
|
|
</form>
|
|
<a href="vues/VueAjoutDemo.php"><button>Ajouter Une Démonstration</button></a>
|
|
<a href="vues/VueLibre.php"><button>Creation table</button></a>
|
|
|
|
<form method="get" role="form">
|
|
<input type="submit" name="action" value="Afficher les questions" /><br/>
|
|
<input type="submit" name="action" value="Afficher les QCM" ><br/>
|
|
</form>
|
|
|
|
<?php
|
|
if(array_key_exists('test',$_GET)){
|
|
$oraDb = new OracleDb;
|
|
}
|
|
if(array_key_exists('regenererDemo',$_GET)){
|
|
$message = "wrong answer";
|
|
echo "<script type='text/javascript'>alert('$message');</script>";
|
|
$db = new SqliteDb();
|
|
$db->createDemonstration();
|
|
$URL="index.php";
|
|
echo '<META HTTP-EQUIV="refresh" content="0;URL=' . $URL . '">';
|
|
}
|
|
|
|
|
|
?>
|
|
|
|
|
|
<script>
|
|
function resetDemo(){
|
|
alert("ok");
|
|
<?php $db = new SqliteDb();
|
|
$db->createDemonstration();
|
|
?>
|
|
}
|
|
|
|
function SubmitDemoData(numQuestion) {
|
|
var l= [];
|
|
//document.write($('#demo'+numQuestion).val());
|
|
var txt = $('#demo'+numQuestion).val() ;
|
|
/*$('textarea[name^="demo"]').each(function() {
|
|
l.push($(this).val());
|
|
});*/
|
|
$.get("Traitement/AffichageDemo.php", { textbox: txt},
|
|
function(data) {
|
|
$('#results'+numQuestion).html(data);
|
|
//$('#demoForm')[0].reset();
|
|
});
|
|
}
|
|
</script>
|
|
<!-- Footer -->
|
|
<footer class="py-5 bg-dark">
|
|
<div class="container">
|
|
<p class="m-0 text-center text-white">IUT Clermont-Ferrand 2020</p>
|
|
</div>
|
|
<!-- /.container -->
|
|
</footer>
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
|
|
|
<!-- Custom JavaScript for this theme -->
|
|
<script src="js/scrolling-nav.js"></script>
|
|
|
|
</body>
|
|
</html>
|