Input remplacé par une image avec un rollover

11 nov. 2005, 01:02

Bonjour.

Je souhaite remplacer un input de type SUBMIT en fin de formulaire par une image avec un effet rollover lorsque le pointeur passe dessus.
Ce bouton-image renvoie les données sur la même page, avec un test en début de page pour gérer les données si elles sont rentrées... Sinon, on affiche le formulaire vierge.

Je ne trouve pas le code JS/HTML ou autre pour ce faire...

Merci d'avance.

11 nov. 2005, 01:33

Salut,

pour insérer une image comme bouton c'est simplement

Code : Tout sélectionner

<input type="image" src="./chemin/image.jpg">

pour les infos précises regarde ici : http://www.w3.org/TR/REC-html40/interac ... trol-types

sinon pour le rollover je ne saurais pas te dire exactement quelle techinque adopter, ImageReady le fait tout seul

11 nov. 2005, 02:36

Salut, juste comme ça .. tu est sur d'avoir cherché ?!?
avec les mot clé que tu as toi meme utilisé google en trouve plein

ICI je suis sur que tu trouvera ton bonheur rapidement

11 nov. 2005, 10:52

Comme un con, je n'ai pas cherché sur Google... Juste quelques sites spécialisés...
Quel idiot.
Je ne le referai plus, c'est promis !

Pour ceux qui cherchent comment faire :

Code : Tout sélectionner

<input name='XXX' type='image' src='imageOUT.gif' onmouseover="this.src='image OVER.gif';" onmouseout="this.src='imageOUT.gif" border=0>

XXX = nom de l'input
imageOUT.gif = chemin et nom de l'image quand le pointeur n'est pas dessus
imageOVER.gif = chemin et nom de l'image quand le pointeur est dessus

Input remplacé par une image avec un rollover

Qui est en ligne