Une histoire de compte à rebours (avec formulaire)

Version imprimable

Bonjour à tous,

Je souhaiterai faire un petit compte à rebours qui valide un formulaire à la fin de celui-ci.

Voilà ce que j'ai fait pour l'instant :
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 30 <head> <script type="text/javascript"> var temps = 5; var tps = temps var x; function Init() { window.document.getElementById('compteur').value=tps; x = window.setInterval('Decompte()', 1000); } function Decompte() { tps = tps - 1; window.document.getElementById('compteur').value = tps; if(tps == -1) { window.document.getElementById('form').submit(); } } window.onload = Init; </script> </head> <form action=test.php name="form" id="form" method=post> <input type="text" name="compteur" id="compteur" size="2" readonly="readonly"> <input type="text" name="rep" id="rep" size="5"> <INPUT TYPE=submit NAME=Envoyer VALUE="Envoyer"> </form>
Le soucis que j'ai est que pour l'instant, un simple appui sur F5 fait redémarrer le compte à rebours.
Auriez-vous une idée pour remédier à ceci ?

Merci d'avance,

Olivier14

21/03/2006, 19h34
tomy4ever

je crains qu'on ne puisses pas y remédier étant donné que javascript s'exécute sur le client, si tu raffraichis il recharge l'application et par conséquent redémarre le compte à rebours en question.
21/03/2006, 21h03
SpaceFrog

et si tu ouvres une popup juste pour y coller ta variable ? le f5 ne devrait pas l'affecter ?

sinon sous IE avec une variable navigator ...
22/03/2006, 02h23
Olivier14

Effectivement, ce serai plutôt pour utiliser avec Firefox.
Si vous voyez une solution à mon problème avec une autre techno que Javascript, je suis preneur.

Merci d'avance,

Olivier14
22/03/2006, 09h02
SpaceFrog

avec un cookie ?
22/03/2006, 09h44
Olivier14

et avec plus de détails algorithmique ?

Merci d'avance,

Olivier14

Un vieux code qui trainait dans ma bibli ...

un fichier js que tu nomme par exemple Gato.js:

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
 
//Fonction de retrait des cookies
function getcook(nom) {
	var arg=nom+"=";
	var alen=arg.length;
	var clen=document.cookie.length;
	var i=0;
	while (i<clen) {
		var j=i+alen;
		if (document.cookie.substring(i,j)==arg) {
			var endstr=document.cookie.indexOf (";",j);
			if (endstr==-1)	{endstr=clen;}
			return unescape(document.cookie.substring(j, endstr));
            }
		i=document.cookie.indexOf(" ",i)+1;
        if (i==0) {break;}
		}
	return null;
}
 
//Fonction de dépot des cookies
function setcook(nom,valeur) {
	if (nom!="") {
		if (valeur!="") {
			document.cookie=nom+"="+escape(valeur);
		}
	}
}

la balise dans la page html qui lie le fichier js à la page :

Code:

<script language="javascript" src="Gato.js"></script>

puis (pour stocker un cookie) :

Code:

1
2
3
4
 
<script language="javascript">
	setcook(" nom_du_cookie "," valeur_du_cookie ");
</script>

(pour consulter un cookie) :

Code:

1
2
3
<script language="javascript">
	var cook=getcook(" nom_du_cookie ");
</script>

02/03/2009, 17h15
flow-bolox

Bonjour,

Je fais exactement la même chose.

Ça marche parfaitement bien avec les cookies seulement, l'utlisateur peut , avec son naviguateur préféré, modifier la valeur du cookie...

J'ai pensé a une variable de session mais ca me parait impossible du fait de l'execution coté serveur et client.

Une idée ? :roll:

Merci
02/03/2009, 17h21
Matthieu2000

session + ajax
02/03/2009, 17h27
SpaceFrog

oui ça reste la seule solution session + ajax

Merci de vos réponses

J'ai mis en place cette solution
Mais on se confronte a un autre problème : Le visiteur peut désactiver le javascript et ainsi bloquer le compteur.

voici le code :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?php session_start();
 
 
function increment_time($now)
{
        $_SESSION['yet']=$now;
}
require_once('./xajax_core/xajax.inc.php');
$xajax = new xajax(); //On initialise l'objet xajax
$xajax->register(XAJAX_FUNCTION, 'increment_time');
$xajax->processRequest();
$xajax->printJavascript();
?><head>
 
<script type="text/javascript">
<?php if(isset($_SESSION['yet'])){?>
	var temps = <?php echo $_SESSION['yet'];?>;
<?php }else{?>
	var temps = 50;
<?php }?>	
	var tps = temps;
	var x;
	function Init()	
	{
		window.document.getElementById('compteur').value=tps;
		x = window.setInterval('Decompte()', 1000);
	}
 
	function Decompte()	
	{
 
		tps = tps - 1;
		window.document.getElementById('compteur').value = tps;
		xajax_increment_time(tps);
		if(tps == 0)
		{
		window.document.getElementById('form').submit();
		}
	}	
	window.onload = Init;
</script>
</head>
 
 
<form action=test.php name="form" id="form" method=post>
<input type="text" name="compteur" id="compteur" size="2" readonly="readonly">
<input type="text" name="rep" id="rep" size="5">
<INPUT TYPE=submit NAME=Envoyer VALUE="Envoyer">
</form>

J'ai pensé à mettre un

Code:

header("Refresh:5 ;url=no_javascript.php");

à la fin de ma fonction increment_time mais l'ajax ne l'interprète pas.

03/03/2009, 10h43
Matthieu2000

renvoie la variable de session si pas de js
03/03/2009, 11h38
flow-bolox

Mais comment faire pour detecter l'etat activé/désactivé du javascript du client
pendant le décompte ?
03/03/2009, 11h46
Matthieu2000

noscript
03/03/2009, 11h56
flow-bolox
J'ai déja utilisé ce code mais ca n'agit qu'au rafraichissement de la page
Code:

1 2 <noscript><meta http-equiv="refresh" content="0;url=./page.php?js=no" /> </noscript>
03/03/2009, 15h46
flow-bolox

En reformulant ma question,

Est-il possible de detecter en temps reel (c'est a dire sans avoir a faire de rafraichissement ) si le client a désactivé son javascript ?

J'ai cherché des sources mais en vain...
03/03/2009, 15h50
SpaceFrog

non pas en temps reel tu ne pourras le faire que lors d'un retour sur le serveur
tu ne peux pas lancer un test coté serveur si le client n'y vient pas ...

tu pourrais avoir un ajax qui envoie regulièrement (setInterval) une info à php, et du coup si javascript est desactivé ajax ne fonctionnera plus
03/03/2009, 15h59
flow-bolox

Ok bien recu

Le questionnaire est pour une formation validante... :?
Je vais creuser pour trouver une solution

Merci a tous
04/03/2009, 13h43
Matthieu2000

tu invalide côté serveur les réponses qui n'ont pas été donné à temps!