Bouton avec une image : n'envoie pas la commande espérée

Bonjour,

Je rencontre un problème avec un simple bouton web affichant une image, en effet lorsque je créé un bouton web simple (sans image) celui ci execute bien la commande souhaitée :

Code:

---

1 2 3

<form method="get" action="index.htm"> <input name="CLR" type="submit" value="5"> </form>

---

Lorsque je reprends le même type de code, mais en modifiant le type en 'image', l'action executée n'est plus du tout celle attendue :

Code:

---

1 2 3

<form method="get" action="index.htm"> <input name="BOUTON" type="image" value="5" src="image.png"> </form>

---

Lorsque je clique sur le bouton image, le navigateur envoi ceci :
htpp://xxxxx/index.htm?x=12&y=9

Pourriez vous me dire pourquoi, je voudrai créer un bouton image qui envoi ceci mais je n'y arrive pas :

htpp://xxxxx/index.htm?CLR=5

Merci de votre aide,

Peut-être une piste de réflexion dans cette discussion ^^

J'ai testé la piste et elle est bonne.

Je confirme, cette méthode fonctionne.

Par contre si on veut gérer plusieurs boutons web ayant tous une 'action' et 'name' identiques il faut malgré tout à chaque fois refaire un formulaire form avec à chaque fois un 'id' différent, sinon lorsque l'on clique sur 1 bouton, celui ci envoi une trame ayant la value de chacun des boutons crée et c'est vraiment un problème.

Il faut donc procéder comme ceci, c'est domage ça fait beaucoup de code pour 1 bouton.

Dans mon cas je veux que ce soit uniquement le champ value qui varie lorsque l'on clique sur un bouton, les champs action="index.htm" et name="send" doivent rester identiques.

Code:

---

1 2 3 4 5 6 7 8

<!-- Bouton n°1 --> <form method="get" action="index.htm" id="entete_1"> <td width="26" align="center" height="34" bgcolor="#90B005"> <input type="hidden" name="send" value="0" /> <img src="./cross.png" alt="Envoyer" onclick="document.getElementById('entete_1').submit()"/> </td> </form>

---

Code:

---

1 2 3 4 5 6 7

<!-- Bouton n°2 --> <form method="get" action="index.htm" id="entete_2"> <td width="26" align="center" height="34" bgcolor="#90B005"> <input type="hidden" name="send" value="1" /> <img src="./cross.png" alt="Envoyer" onclick="document.getElementById('entete_2').submit()"/> </td> </form>

---

Bonsoir,
qu'est ce qui t'empêche de modifier un champ caché et de modifier sa valeur, suivant le button image, avant soumission.

Code:

---

1 2 3 4 5 6

<form method="get" action="index.htm"> <input type="hidden" name="CLR" value=""> <input type="image" value="1" src="image.png" onclick="this.form['CLR'].value=this.value"> <input type="image" value="2" src="image.png" onclick="this.form['CLR'].value=this.value"> <input type="image" value="3" src="image.png" onclick="this.form['CLR'].value=this.value"> </form>

---

côté serveur tu ne t'occupes que de $_GET["CLR"]