Bonjour,

Mon projet:
Site web de quiz en php avec BDD: "Vous avez droit à une partie par jour. Une partie est composée de 10 questions sur des thèmes aléatoires. Vous avez 10 secondes pour répondre. Chaque bonne réponse vous donne un point, chaque erreur ou absence de réponse vous attribut zéro à la question".

Moyens:
- Une BDD avec 3 colonnes: thème / questions / réponses
- page de jeu:
zone de question de la BDD
zone de réponse du joueur
zone des résultats (N° question, temps, score)


NUMERO DE LA QUESTION : indiquer le numéro de la question : 1, 2, 3…10. Ultérieurement, comme amélioration, mettre en rouge le numéro des 3 dernières questions et mettre une indication « Attention, il ne reste que 3 questions à jouer »

AFFICHAGE DU SCORE : 1/1 ; 1/2 ; 2/3 ; …

COMPTE A REBOUR: quand il est à 0, afficher la réponse, calculer le score, passer à la question suivante 5 seconde après la réponse.

LIMITER LE NOMBRE DE QUESTIONS A 10: ça doit être la dedans mais je ne sais pas comment faire...while($data = mysql_fetch_array($requete))

TOLERANCE ORTHOGRAPHIQUE : je ne vois pas comment faire, j’ai entendu parler de javascript mais y a-t-il un tutoriel ?

ENREGISTRER LE SCORE : je penses que c’est le mieux d’enregistrer dans une BDD : jour du questionnaire / pseudo du joueur / score

PAGE DE STATISTIQUE: sur le profil du joueur, indiquer: son palmarès: numéro de la ligue, nombre de points, thème favoris (thème dans lequel le joueur à répondu le mieux)

Je suis conscient qu’il reste énormément de travail et que je suis au tout début de mon projet… Je travail en parallèle sur la page d’espace membre.

Etant débutant et autodidacte, j’accepte l’aide de tous ! sans vous, je n’y arriverai pas…

Merci beaucoup

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
<title>QUIZ QPUC</title> 
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="css.css" />
<script type="text/javascript" src="chrono.js"></script> 
</head>
 
 
<body>
 
<!-- ######## TITRE ########
<div class="titre">
	<img src="img.bmp" height="80px" />
</div>
######## TITRE ######## -->
 
 
<!-- ZONE DE LA QUESTION -->
<div class="question">
<form method="post" action="quiz_qpuc_version1.php">
 
	<!-- ######## THEME DE LA QUESTION ######## -->
	<div class="theme">
		<?php
		mysql_connect("localhost", "root", "");
		mysql_select_db("QPUC");
		$requete = mysql_query("SELECT theme, question, reponse FROM qpuc ORDER BY rand() LIMIT 0,1") or die(mysql_error(select)); 
		while($data = mysql_fetch_array($requete)) {echo $data['theme'];} // THEME DE LA QUESTION
		?>
	</div>
	<!-- ######## THEME DE LA QUESTION ######## -->
 
	<!-- ######## QUESTION ######## -->
	<div class="quest">
	<p id="display"></p> <!-- ESPACE POUR LA QUESTION -->
 
<script type="text/javascript">
var vitesse = 60;			// vitesse de défilement
var txt = "<?php 
$requete = mysql_query('SELECT theme, question, reponse FROM qpuc ORDER BY rand() LIMIT 0,1') or die(mysql_error(select)); 
while($data = mysql_fetch_array($requete)) {echo utf8_encode(html_entity_decode($data['question']));} ?>",				// texte à afficher
 
display = document.getElementById('display');
 
for(var i = 0, l = txt.length; i < l; i++) {
(function(i) {
setTimeout(function() {display.innerHTML += txt.charAt(i);}, i * vitesse);
}(i));
}
</script>
 
	</div>
	<!-- ######## QUESTION ######## -->
 
	<!-- ######## REPONSE DU JOUEUR ######## -->
	<div id="reponse" class="reponse">
		<input type="text" name="rep" size="25" value="Tapez votre réponse" onfocus="this.value=''" />
		<input type="submit" name="valid" value="OK" onclick="" />
	</div>
	<!-- ######## REPONSE DU JOUEUR ######## -->
 
</form>
</div>
 
<!-- ######## ZONE DE RESULTAT (à droite) ######## -->
<div class="droite">
 
	<!-- ######## COMPTEUR A REBOUR ######## -->
	<input type="text" name="compteur" id="compteur"  class="chrono" size="2" readonly="readonly">
	<input type="hidden" name="MaCheck" id="MaCheck" onclick="Relance(this);">
	<!-- ######## COMPTEUR A REBOUR ######## -->
 
	<!-- ######## SCORES ######## -->
	<div class="score">
	<?php 
	$reponse = $data['reponse'];
	$reponsejoueur = $_POST['rep'];
	if ($reponse == $reponsejoueur) {echo '<font color="#00ff00">/10</font>';} 
	else {echo '<font color="#ff0000">/10</font>';} ?>
	</div>
	<!-- ######## SCORES ######## -->
 
	<!-- NUMERO DE LA QUESTION -->
	<div class="num">Question /10
	</div>
 
</div>
<!-- ######## ZONE DE RESULTAT (à droite) ######## -->
 
</body>
</html>