la validation d'un formulaire

**morgan47** · 02/12/2010, 14h36

Bonjour,
J'explique en 2 mots ce que je cherche � faire.

j'ai une page avec un timer, lorsque le timer arrive � zero, j'affiche en javascript un bouton de formulaire suivant.
Lorsque l'on clique dessus, ca ouvre une nouvelle page, et ca relance le compteur.

j'ai un soucis par rapport au bouton qui s'affiche apr�s le compteur, celui ci ne fonctionne pas.

Alors que le formulaire lorsqu'il est sur la page d�s le d�but fonctionne tr�s bien.

Voici le script :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<script language="javascript">
x=5;
y=0;
 
function modif(id, text) {
	if (document.getElementById)
	{
		res = document.getElementById(id) ;
	}
	else if (document.all)
	{	
	res = document.all[id]; 
	}
	else if (document.layers)
	{
		res = document.layers[id];
	}
	res.innerHTML = "<b>"+text+"</b>";
}
 
function timer() {
x--;
 
if(x == 0) 
{ 
	var show='<form id="form1" name="form1" method="post" action="autosurf_site.php" target="_blank">'; 
	show = show+'<input type="submit" name="button" id="button" value="Site suivant" onclick="recharge();" />';
    show = show+'</form>';
	modif('info','Veuillez cliquer sur le bouton suivant'); 
}
else
{
	var show=x;
 
	setTimeout('timer()', 1000);
}
modif('timer', show);
}
 
function recharge()
{
 
	if (y >= 2)
	{
		window.location.reload()
	}
	else
	{
		y++;
		x=5;
		timer();
	}
}
 
</script>
</head>
 
<body>
<div align="center" id='info'><strong>Veuillez patienter</strong></div></font>
<div style="text-align:center; font-family: Tahoma, sans-serif; font-size: 2em;" id="timer"><strong>Chargement...</strong></div>
<script>
			timer();
		</script>
<form id="form1" name="form1" method="post" action="autosurf_site.php" target="_blank">
<input type="submit" name="button" id="button" value="Site suivant" onclick="recharge();" />
</form>
</body>
</html>

Est ce que vous auriez une id�e d'ou cela peut provenir?

Merci d'avance pour votre aide.

**vermine** · 02/12/2010, 14h47

Bonjour,

Je dirais que tout va bien malgr� que vous utilisiez innerHTML au lieu de createElement. Vous avez ici cette petite condition :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
 
	if (y >= 2)
	{
		window.location.reload()
	}
	else
	{
		y++;
		x=5;
		timer();
	}

qui est fort bien respect�e. Donc il n'y aura aucun rechargement tant que vous n'aurez pas relancez deux fois le timer.

Ha oui, j'ai aussi fait mes tests sans le formulaire d'exemple qui est l� d�s le chargement de la page. Sinon, vous essayez d'ajouter un nouveau formulaire avec un name et un id d�j� existants.

**morgan47** · 02/12/2010, 19h04

Qu'entendez vous par tout va bien? Le script fonctionne chez vous?

Car chez moi, le compteur repart � zero, mais la nouvelle page ne s'ouvre pas.

**vermine** · 02/12/2010, 21h18

J'ai voulu dire que ce qui est cod� fonctionne tr�s bien. Vous avez cod� un "if" qui dit que vous devez relancer deux fois le compteur avant de changer de page :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if (y >= 2)

1) y vaut 0. Le premier d�compte se fait et le bouton apparait. Vous cliquez. Ca relance le compteur.
2) y vaut 1. Le second d�compte se fait et le bouton apparait. Vous cliquez. Ca relance le compteur.
3) y vaut 2. Le troisi�me d�compte se fait et le bouton apparait. Vous cliquez. Ca ouvre une nouvelle page.

**morgan47** · 03/12/2010, 22h15

Oui oui cela est voulu.

Mais mon soucis, c'est lorsque l'on clique sur le bouton site suivant affich� par le script javascript, la nouvelle page (du formulaire) ne s'ouvre pas. le compteur est seulement remis � 0 (ou bien la page est recharg�)

**vermine** · 04/12/2010, 12h03

D�sol�, je ne comprends pas ce que vous d�sirez. Apr�s combien de fois voulez-vous que la page suivante apparaisse ?

**morgan47** · 04/12/2010, 17h42

Le fait de recharger toutes les 2 fois �tait facultatif :

Voici le code basic :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<script language="javascript">
x=5;
y=0;
 
function modif(id, text) {
	if (document.getElementById)
	{
		res = document.getElementById(id) ;
	}
	else if (document.all)
	{	
	res = document.all[id]; 
	}
	else if (document.layers)
	{
		res = document.layers[id];
	}
	res.innerHTML = "<b>"+text+"</b>";
}
 
function timer() {
x--;
 
if(x == 0) 
{ 
	var show='<form id="form1" name="form1" method="post" action="autosurf_site.php" target="_blank">'; 
	show = show+'<input type="submit" name="button" id="button" value="Site suivant" onclick="recharge();" />';
    show = show+'</form>';
	modif('info','Veuillez cliquer sur le bouton suivant'); 
}
else
{
	var show=x;
 
	setTimeout('timer()', 1000);
}
modif('timer', show);
}
 
function recharge()
{
		window.location.reload()
}
 
</script>
</head>
 
<body>
<div align="center" id='info'><strong>Veuillez patienter</strong></div></font>
<div style="text-align:center; font-family: Tahoma, sans-serif; font-size: 2em;" id="timer"><strong>Chargement...</strong></div>
<script>
			timer();
		</script>
</body>
</html>

Celui ci est sens�, apr�s le d�compte du timer, afficher un formulaire avec un bouton.
Jusque la ca fonctionne.
Ensuite lorsque l'on clique sur le bouton, une autre fenetre doit s'ouvrir(la page validant le formulaire) et en m�me temps, le compteur se remet � z�ro.
Et la ca coince, la page ne s'ouvre pas, il y a seulement le compte qui se remet � z�ro.

**vermine** · 05/12/2010, 10h53

Bah oui. Ce code fonctionne parfaitement.

V�rifiez les param�tres de votre navigateur � propos de l'ouverture automatique de fen�tre.

la validation d'un formulaire

JavaScript

Discussions similaires

Partager

Partager