changer l'apparence d'un bouton au passage de la souris

silverbeach

WRInaute occasionnel
Bonsoir,

Je ne suis pas fort en JavaScript et j'ai un problème avec ce langage:

J'aimerai changer l'apparence d'un bouton au passage de la souris.

Voici le code:
Code:
<input type="submit" class="envoi_anim" name="envoyer" value="" onmouseout="javascript:this.class='envoi_anim';" onmouseover="javascript:this.class='envoi_anim_h';" />

j'avais pensé de changer la class au passage de souris mais ca ne fonctionne pas.

J'ai fait un test en changeant class par value et dans ce cas là, value change au passage de la souris.

D'où vient l'erreur avec class?
Ou il y a-t-il une autre méthode?
 

Leonick

WRInaute accro
utilise plutôt les css, avec ton input#id_button:hover en faisant attention que le hover sur autre chose qu'un <a> ne fonctionne pas sur IE6
 

jcaron

WRInaute accro
silverbeach a dit:
merci pour le lien mais comment dois-je l'intégrer?

Ben tu utilises la propriété "className" au lieu de "class". C'est l'une des rares exceptions (la seule?) où la propriété DOM et l'attribut HTML n'ont pas le même nom.

Sinon effectivement mon premier instinct aurait été de te conseiller le :hover, mais comme ça ne marche pas partout c'est vrai que j'ai tendance à éviter, mais il faut que je me mette dans la tête que ça n'affecte plus que IE6 et que ce n'est donc plus très grave de nos jours.

Jacques.
 

Discussions similaires

Haut