Discussion :

[MANU_2]

Bonjour,
J'ai un formualire avec plusieurs bouton de type image.
Sous FF, tout marche mais sous IE rien ne marche, qd on click ça charge mais rien se passe.

Le pb semblerait venir soit du type image soir de Onclick="submit();", j'ai essayer plusieurs façon d'écrire le Onclick (cf code ci dessous) mais rien ne marche.

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
<form method="post" action="..." name="formu">
	<table>				
		<tr>
			<td> 
				<input type="image" src="img/.." name="bt" value="bt_lieux" Onclick="this.form.submit();"><br />Gestion des lieux
			</td>
			<td>   
				<input type="image" src="img/.." name="bt" value="bt_hotel" Onclick="submit"><br />Gestion des hotels
			</td>
			<td>										   
				<input type="image" src="img/.." name="bt" value="bt_prog"><br />Gestion programmes
			</td>
			<td>										   
				<input type="image" src="img/.." name="bt" value="bt_pour" Onclick="this.submit();"><br />Gestion + pour -
			</td>
			<td>										   
				<input type="image" src="img/.." name="bt" value="bt_modif" Onclick="document.formu.submit();"><br />Editer
			</td>
		</tr>
	</table>  
[...]
</form>

Et test sur quel bouton on a cliqué :

Code :

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

1
2
3
4
5
if (isset($_POST['bt']))
{	 	
      if ($_POST['bt'] == "bt_lieux")	 
      {
[...]

Comment avoir différent bouton qui soit une image, qui valide le formualire et qui marche sous FF et IE ?

Merci d'avance

[Bisûnûrs]

Le bouton de type image étant un submit par défaut, il est inutile de préciser un onclick pour soumettre le formulaire, étant donné qu'il le fera de lui-même.

[_Mac_]

Un <input type="image"> est équivalent à un <input type="submit"> à ceci près que ça affiche une image à la place du bouton. Tout comme mettre un onclick n'a pas de sens avec un <input type="submit">, ça n'en a pas avec un <input type="image">. Conclusion : faut changer ta façon de faire :

• Tu mets un champ de formulaire caché qui s'appelle bt : <input type="hidden" name="bt">
• Tu écris une fonction JavaScript qui prend en paramètre le value de tes anciens <input type="image">, qui colle cette valeur dans ton nouveau champ caché bt et qui fait un submit de ton formulaire :
  

  Code :

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

  1
  2
  3
  4
  function submitForm(value) {
      document.forms[0].bt.value = value;
      document.forms[0].submit();
  }

• Tu mets tout simplement des balises <img> à la place <input type="image">
• et dans les onclicks des images, tu appelles ta fonction submitForm avec la valeur qui va bien : onclick="submitForm('bt_lieux');"

[MANU_2]

Bisûnûrs, ta solution était déjà tester.

_Mac_, j'ai testé ta solution mais sans succès, rien se passe qd je clilc sur l'image.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script language="javascript" type="text/javascript">
function submitForm(value) {
    document.forms[0].bt.value = value;
    document.forms[0].submit();
}
</script>
[...]
			<input type="hidden" name="bt" value="">
			<td> 
				<img src="img/ajouter.png" Onclick="submitForm('bt_lieux');">
				<br />Gestion des lieux
			</td>

[MANU_2]

Voici ce qui marche :

Code :

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

1
2
3
4
			<input type="hidden" name="bt" value="">
			<td> 
				<input type="image" src="img/" name="bt" value="bt_lieux" onClick='document.forms.bt.value="bt_lieux"'><br />Gestion des lieux	   
			</td>

[Bisûnûrs]

L'utilisation du onclick quand tu utilise un bouton de type submit ou image reste une très mauvaise idée.
En effet, à partir du moment que ton formulaire a le focus, tu peux le valider en appuyant sur la touche entrée de ton clavier, ce qui zappe l'étape du onclick sur ton bouton.