Questionnaire avec compte à rebours

Version imprimable

05/04/2009, 12h02
keyga

Questionnaire avec compte à rebours

Bonjour à tous, :D

J'espère que je poste au bon endroit pour mon problème. :?
Je dois faire un questionnaire qui doit etre limité dans le temps. Par exemple ou l'utilisateur n'a que 2 min pour répondre à un maximum de question... Au dela des 2 min ou après confirmation de l'utilisateur, le formulaire est envoyé à une page de traitement.

Je ne sais pas quelle technologie peut me permettre de faire ce genre de chose, je me tourne instinctivement vers le javascript... Si vous avez des pistes je suis preneur :lol:

++
05/04/2009, 12h06
javatwister

oui: utilise la méthode setInterval(), qui permet de relancer une instruction toutes les x millisecondes;

disons que ton instruction est d'incrémenter une variable tant qu'elle n'a pas atteint 120 et que x=1000;
05/04/2009, 12h13
keyga

ok merci je vais chercher dans cette voie ;)
05/04/2009, 14h21
le_chomeur
assez simplement :
Code:

1 2 3 4 5 6 function validFormulaire(){ alert('temps dépassé le formulaire va être envoyé'); leformulaire.submit(); } setTimeout("validFormulaire",120000);
au bout de 2 minutes on avertis l'utilisateur et on envois automatiquement le formulaire !

120000 pourquoi ? car on utilise des milisecondes : 1000 = 1 seconde ;-)
05/04/2009, 16h29
keyga

oki merci, je vais adapter ce que vous me dites parce qu'il faut que l'utilisateur voit le compte à rebours en direct... :roll:

Dans ce cas il faut faire un fonction chrono qui actualise toute les secondes, une zone :)

Code:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<script type="text/javascript">
			var timeChrono = 0
			var chronoX = null;
			function chrono(){
				timeChrono = parseInt(document.getElementById('temps').value);
				chronoX = setInterval("voirTemps()",1000);
			}
			function voirTemps(){
				timeChrono = timeChrono - 1;
				document.getElementById("retourChrono").innerHTML = timeChrono;
				if(timeChrono == 0){
					alert('terminé');
					clearInterval(chronoX);
				}
			}
		</script>
	</head>
	<body>
 
		indiquez le temps en secondes : <input type="text" id="temps" /> <br />
		<input type="button" onclick="chrono()" value="lancer">
		<div id="retourChrono" style="font-size:20px;"></div>
	</body>
</html>

06/04/2009, 13h49
keyga

merci beaucoup ! :lol: ca me fait une bonne base:king: