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

[silverbeach]

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:

<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?

 

[jcaron]

Essaie avec className

http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#ID-011100101

Jacques.

 

[silverbeach]

merci pour le lien mais comment dois-je l'intégrer?

 

[Leonick]

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]

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.

 

[Leonick]

en plus, pour IE6 un hack js existe permettant de simuler le hover sur toute balises

 

[silverbeach]

Merci pour vos réponses.

Je pense que je vais le faire en css.