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.

Une histoire de compte à rebours (avec formulaire)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager