Page 1 sur 1

Input remplacé par une image avec un rollover

Posté : 11 nov. 2005, 01:02
par Néphaste
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.

Posté : 11 nov. 2005, 01:33
par ouckileou
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 :P

Posté : 11 nov. 2005, 02:36
par Truc
Salut, juste comme ça .. tu est sur d'avoir cherché ?!?
avec les mot clé que tu as toi meme utilisé google en trouve plein :wink:
ICI je suis sur que tu trouvera ton bonheur rapidement :wink:

Posté : 11 nov. 2005, 10:52
par Néphaste
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