Une histoire de compte à rebours (avec formulaire)

**Olivier14** · 21/03/2006, 18h12

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 :

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
 
<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

**tomy4ever** · 21/03/2006, 19h34

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.

**SpaceFrog** · 21/03/2006, 21h03

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 ...

**Olivier14** · 22/03/2006, 02h23

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

**SpaceFrog** · 22/03/2006, 09h02

avec un cookie ?

**Olivier14** · 22/03/2006, 09h44

et avec plus de détails algorithmique ?

Merci d'avance,

Olivier14

**SpaceFrog** · 22/03/2006, 10h14

Un vieux code qui trainait dans ma bibli ...

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

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
 
//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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

puis (pour stocker un cookie) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

(pour consulter un cookie) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**flow-bolox** · 02/03/2009, 17h15

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 ?

Merci

**Matthieu2000** · 02/03/2009, 17h21

session + ajax

**SpaceFrog** · 02/03/2009, 17h27

oui ça reste la seule solution session + ajax

**flow-bolox** · 03/03/2009, 01h13

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 :

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
<?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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

**Matthieu2000** · 03/03/2009, 10h43

renvoie la variable de session si pas de js

**flow-bolox** · 03/03/2009, 11h38

Mais comment faire pour detecter l'etat activé/désactivé du javascript du client
pendant le décompte ?

**Matthieu2000** · 03/03/2009, 11h46

noscript

**flow-bolox** · 03/03/2009, 11h56

J'ai déja utilisé ce code mais ca n'agit qu'au rafraichissement de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<noscript><meta http-equiv="refresh" content="0;url=./page.php?js=no" /> </noscript>

**flow-bolox** · 03/03/2009, 15h46

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...

**SpaceFrog** · 03/03/2009, 15h50

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