pb de submit d'un form sous IE et Opera

**the.chojin** · 26/08/2005, 18h28

Voila j'ai un petit souci, j'ai un formulaire :

Code :

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

<form name="a_b_c" method="post">

que je veux valider en JS :

Code :

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

1
2
3
var elm = document.getElementsByName('a_b_c');
		alert(elm[0].name+' '+elm[0].method+' '+elm[0].action);
		elm[0].submit();

Bon ca marche trés bien sous Firefox, mais sous IE est opera ca ne marche pas tout le temps (notament quand seulement ces 3 lignes sont appelés), le formulaire est bien dans elm[0] et si je remplace submit par reset ca marche.
Là j'avous être bloqué, je ne vois pas du tout où est le problème.
Si quelqu'un a une idée....

**ryan** · 26/08/2005, 23h22

'Soir the.chojin

Si ce que tu nous montres de la déclaration du formulaire est réellement ce qu'il y a dans ta page, je dirais, à première vue, que ton formulaire n'a pas d'action.

Yan
Je piquerais bien un petit somme, mais à qui?

**the.chojin** · 27/08/2005, 10h04

Exact, mais ca ne change rien

(sans en être sur, je crois que sans action un form boucle sur lui même, moi je fais juste de la maintenance sur ce truc

)

**ryan** · 27/08/2005, 10h59

Yop!

Et en faisant directement appel à l'objet sans passer par une variable?

Code :

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

1
2
3
 
alert(document.forms.a_b_c.name+' '+document.forms.a_b_c.method+' '+document.forms.a_b_c.action); 
document.forms.a_b_c.submit();

De plus, il me semble me souvenir que si tu veux faire référence à l'action d'un formulaire, tu dois initialiser la propriété dans la déclaration du formulaire, même si c'est avec une chaine vide.
J'ai pas vérifié, c'est samedi et j'ai la flemme....

Yan
La nourrice montre son sein, et le pont s'affaisse

**the.chojin** · 29/08/2005, 10h22

Hi,
merci de me répondre,
bon je suis devant ce code, ce qui se passe, c'est que quand je fais ce code ca ne valide pas, mais le formulaire peut être validé en JS quand même (c'est fait dans une autre fonction).
Le plus drole c'est que si je rajoute un alert aprés le submit, le formulaire sera submit mais pas rechargé, ce qu fait que quand je le recharge à la main les varialbes POST sont bien rempli et ca marche comme ca le devrait.

Bref je ne comprend rien...

**javatwister** · 29/08/2005, 10h31

et l'appel de script, tu le fais où-comment?

**the.chojin** · 29/08/2005, 10h59

J'ai une liste, avec pour chaque entrée une checkbox, on peu cocher les checkbox pour valider une action sur un ensemble de chexbox, cette partie marche.
J'ai rajouter en plus une image :

Code :

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

1
2
<td width="20" align="center"><input type="checkbox" name="a_b_c_selection[]" value="49" ></td>
   <td width="20" align="center"><a href="javascript:void(0);" style="cursor:hand;"><img src="blabla.jpeg" width="14" height="15" border="0" onClick="debloqueOnce('49')"/></a></td>

l'apelle de la methode debloqueOnce marche :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	function debloqueOnce(value) {
		var elm = document.getElementsByName('a_b_c_selection[]');
		indice = searchValue(elm, value);
		if(indice != -1) {
			elm[indice].checked = true;
			var elm1 = document.getElementsByName('a_b_c');
                        alert(elm1[0].name+' '+elm1[0].method+' '+elm1[0].action);
                        elm1[0].submit();
		}
 
	}

La case se coche bien, mais le formulaire n'est pas validé.

**the.chojin** · 29/08/2005, 11h36

Bon comme je suis vraiment bloqué j'ai fait ce bout de code pour essayé de reproduire mon pb :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script type="text/javascript">
	function searchValue(tableau, value) {
		for(i = 0; i < tableau.length; i++) {
			if(tableau[i].value == value)
				return i;
		}
		return -1;
	}
 
	function debloqueOnce(value) {
		var elm = document.getElementsByName('a_b_c_selection[]');
		indice = searchValue(elm, value);
		if(indice != -1) {
			elm[indice].checked = true;
			 var elm1 = document.getElementsByName('a_b_c');
             alert(elm1[0].name+' '+elm1[0].method+' '+elm1[0].action);
             elm1[0].submit(); 
		}
 
	}		
</script>
 
<title>Document sans nom</title>
</head>
<body>
<form name="a_b_c" action="" method="post">
<input type="checkbox" name="a_b_c_selection[]" value="1" >
<a href="javascript:void(0);" style="cursor:hand;"><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" border="0" onClick="debloqueOnce('1')"/></a>
<input type="submit" name="Submit" value="OK">
</form>
</body>
</html>

Ca ne marche que sous IE 5 et Firefox.

**Matthieu2000** · 29/08/2005, 11h51

Envoyé par the.chojin

Bon comme je suis vraiment bloqué j'ai fait ce bout de code pour essayé de reproduire mon pb :

Code :

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

<input type="submit" name="Submit" value="OK">

->

Code :

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

<input type="submit" name="[b]autreNom[/b]" value="OK">

**the.chojin** · 29/08/2005, 16h54

Je suis sous Mac OS X donc je ne teste que sous Opera et Firefox (et IE 5, mais bon ...), et ce changement ne fais rien de plus sous Opera.

**Matthieu2000** · 29/08/2005, 17h11

il faut en plus ajouter un id à ton formulaire

**the.chojin** · 29/08/2005, 17h47

Non ca ne change rien

Voila j'ai fait ce petit bout de page pour montrer clairement le problème, quand on click sur l'image ca devrait valider le formulaire aussi, la methode de validation est la même pour les deux :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script type="text/javascript">
	function searchValue(tableau, value) {
		for(i = 0; i < tableau.length; i++) {
			if(tableau[i].value == value)
				return i;
		}
		return -1;
	}
 
	function debloqueOnce(value) {
		var elm = document.getElementsByName('a_b_c_selection[]');
		indice = searchValue(elm, value);
		if(indice != -1) {
			elm[indice].checked = true;
			validate();
		}
	}
 
	function validate() {
		var elm1 = document.getElementsByName('a_b_c');
		elm1[0].submit(); 
	}
 
	// test pour  savoir si le formulaire est submit
	var tmp = window.location.search;
	if(tmp != "") {
		alert('Formulaire Submit' + tmp.substring(1, tmp.indexOf("=")) + ' = ' + tmp.substring(tmp.indexOf("=")+1, tmp.length));
		// rechargement de la page sans le search
		window.location.href = window.location.href.substring(0, window.location.href.indexOf("?"));
	}
 
</script>
 
<title>Document sans nom</title>
</head>
<body>
<form name="a_b_c" action="" method="get" id="test">
<input type="checkbox" name="a_b_c_selection[]" value="1" >
<a href="javascript:void(0);" style="cursor:hand;"><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" border="0" onClick="debloqueOnce('1')"/></a>
<input type="button" name="autreNom" value="OK" onclick="validate();">
</form>
</body>
</html>

**Matthieu2000** · 30/08/2005, 08h58

code testé sous ie 6 -> aucun problème.

**the.chojin** · 30/08/2005, 14h23

Je viens de tester sous IE 6.0.xxx sous win XP et quand je clic sur l'image ca ne valide pas le formulaire.

**the.chojin** · 30/08/2005, 14h51

Voila j'ai trouvé, ca va peut être semblé débile :

Code :

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

1
2
3
<a href="javascript:debloqueOnce('1');" style="cursor:hand;">
<img src="http://www.google.fr/intl/fr_fr/images/logo.gif" border="0" />
</a>

Le

Code :

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

href="javascript:void(0);

a l'air de parasiter le onclick de l'image, ca ne l'empéche pas de s'executer, mais il ne peut pas submit de formulaire (seul limitation que j'ai trouvé pour le moment).

pb de submit d'un form sous IE et Opera

JavaScript

Discussions similaires

Partager

Partager