remplacer le bouton rechercher par une image de loupe

salut à tous, je tiens à m'excusez au cas où j'ai pas posté sur le bon endroit.
je fais une application en php et j'ai un petit problème au niveau de mon formulaire. j'aimerai qu'au lieu du bouton rechercher afficher une image de loupe comme j'en voit sur beaucoup d'application.voici une partie du code:

Code:

---

1 2 3

<b>Recherche du faisceau par nom</b><br/> Nom Faisceau: <input type="text" name="faisceau" /> <input type="submit" value="rechercher"/>

---

Il faut utiliser un tout petit peu de javascript :

Code:

---

<a href="javascript:document.forms.nomdetonform.submit();"><img src="chemindetaloupe"></a>

---

Pas tout à fait...

Code:

---

<img src="chemindetaloupe" alt="Submit" onclick="document.forms['nomdetonform'].submit();" />

---

;)

Pourquoi jamais personne ne veut utiliser l'élément button? C'est un vrai bouton et tellement simple à personnaliser.

Bonjour,

Et un <input type="image"....> ça le fait pas ?

parfaitement si mais de la sorte :

Code:

---

<input type="image" src="img/valider.gif" name="mon_image" onclick="submit" />

---

et dans ton php

ne pas oublier de mettre $_POST['mon_image_x'] et non $_POST['mon_image'] sinon ca ne fonctionnera pas

x pour après dépendra si tu répètes ton image en ligne tu mettras x et en colonne y.
Si tu la mets une seule fois x marchera très bien ;)

après essai de toute les solutions proposées, ça marche toujours pas

Code:

---

1 2 3

<b>Recherche du faisceau par nom</b><br/> Nom Faisceau: <input type="text" name="faisceau" /> <input type="image" src="img/loupe.jpg" name="mon_image" onclick="submit" />

---

Salut,

Qu'est-ce qui ne fonctionne pas? Tu n'as pas besoin de onclick avec un <input type="image" />. Je persiste et signe <button> est plus facile à personnaliser.
Et si tu veux qu'on t'aide efficacement, il serait intéressant de suivre les règles incontournables d'utilisation de ce forum.

je te comprends parfaitement, mais un peu de design à mon application ne pose pas aussi de problème. en tout cas merci pour tes conseils.

Salut,
Ca ne marche pas parce que le submit que tu appelle dans le onclick est une fonction donc il faut écrire "submit()".

Code:

---

1 2 3 4

<b>Recherche du faisceau par nom</b><br/> Nom Faisceau: <input type="text" name="faisceau" /> <input type="image" src="img/loupe.jpg" name="mon_image" onclick="submit()" />

---

oui désolé de mon erreur .. et le mieux je pense serait de mettre this.submit()

pour ma part sur tous mes site ça fonctionne parfaitement...