pb de submit d'un form sous IE et Opera

Version imprimable

26/08/2005, 18h28
the.chojin

pb de submit d'un form sous IE et Opera
Voila j'ai un petit souci, j'ai un formulaire :

Code:

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

que je veux valider en JS :
Code:

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....
26/08/2005, 23h22
ryan

'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?
27/08/2005, 10h04
the.chojin

Exact, mais ca ne change rien :x
(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 :( )
27/08/2005, 10h59
ryan
Yop!

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

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
29/08/2005, 10h22
the.chojin

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...
29/08/2005, 10h31
javatwister

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

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:

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:

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

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

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

29/08/2005, 11h51
Matthieu2000

Citation:

Envoyé par the.chojin

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

Code:

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

->

Code:

<input type="submit" name="[b]autreNom[/b]" value="OK">
29/08/2005, 16h54
the.chojin

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.
29/08/2005, 17h11
Matthieu2000

il faut en plus ajouter un id à ton formulaire

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:

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>

30/08/2005, 08h58
Matthieu2000

code testé sous ie 6 -> aucun problème.
30/08/2005, 14h23
the.chojin

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.
30/08/2005, 14h51
the.chojin
Voila j'ai trouvé, ca va peut être semblé débile :
Code:

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:

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