rollover sous firefox

Version imprimable

01/03/2005, 12h44
nicolb

rollover sous firefox
Bonjour. :D
Pour un menu de mon site, j'ai fait deux petites fonctions dont le but est de faire un rollover:
Code:

1 2 3 4 5 6 function sourisOn(ident){ document.images[ident].src="../imgsite/"+ident+"2.jpg"; } function sourisOut(ident){ document.images[ident].src="../imgsite/"+ident+".jpg"; }
La variable ident est passée en paramètre des évènements onMouseOver et onMouseOut de mes images, et représente l'Id (et le Name) de celles-ci.
Cela fonctionne parfaitement sous IE et netscape, mais rien ne se passe sous firefox (les images ne changent pas, et pas d'erreur dans la console javascript). :?:

Quelqu'un pourrait-il me donner un p'tit coup de pouce s'il vous plait?!?
01/03/2005, 13h13
Anonymous

Oui car tu utilises un module du type "document.all"

Le plus simple (et le plus compatible) reste le préchargement des images

ça se fait comme cela prenons un bouton avec son image normale
par exemple mes images/bouton.gif
Et le meme quand la souris est dessus
par exemple mes images/boutonA.gif

juste avant le <BODY tu place un Javascript qui dans notre exemple serait

Citation:

<SCRIPT LANGUAGE="JavaScript" >

</SCRIPT>

Ensuite dans chaque bouton tu écris

Citation:

<a href="lehtml.htm" alt="" onMouseOver="Lb02.src=LimgA.src" onMouseOut="Lb02.src=Limg.src"><IMG SRC="images/bouton.gif" BORDER=0 HSPACE=0 VSPACE=0 ID="Lb02" NAME="Lb02"></A>

et ça marchera avec tous les navigateurs ;-)
01/03/2005, 13h20
Anonymous

Je te détail cette partie ...

<a href="lehtml.htm" alt=""

Bon ça tu connais c'est du classique ...

onMouseOver="Lb02.src=LimgA.src"

Quand la souris arrive sur le bouton les images sont inversées, c'est bien le bouton que j'ais appelé LimgA qui se place dans l' <IMG de nom "Lb02"

Moi j'utilises toujours le même nom que l'image bouton suivie d'un A comme allumé ;-)

onMouseOut="Lb02.src=Limg.src">

L'image d'origine, bouton éteint est restitué

<IMG SRC="images/bouton.gif" BORDER=0 HSPACE=0 VSPACE=0 ID="Lb02" NAME="Lb02"></A>

Ici j'ais mis ID=xx" et NAME="xx" car Netscape (4/5) ne reconnaissent pas ID ... je te conseil d'en faire autant !!!
01/03/2005, 13h37
nicolb

Merci Fox pour la réponse.

Je crois que je vais devoir utiliser cette méthode...
Je pensais que les compatibilités avec l'objet document étaient les mêmes entre netscape et firefox. Mais visiblement non...

Où pourrais-je trouvé une liste de la compatibilité des différents navigateurs avec l'ensemble des objets javascripts???
01/03/2005, 14h34
Anonymous

Citation:

Envoyé par nicolb

Merci Fox pour la réponse.

Je crois que je vais devoir utiliser cette méthode...
Je pensais que les compatibilités avec l'objet document étaient les mêmes entre netscape et firefox. Mais visiblement non...

Où pourrais-je trouvé une liste de la compatibilité des différents navigateurs avec l'ensemble des objets javascripts???

Je sais que sur certains sites chaque fonction est suivi des icones des "navigateurs/version" qui acceptent cette fonction.

mais c'est un travail ENORME a tenir a jour alors il y en a de moins en moins qui s'y frottent !
01/03/2005, 16h37
nicolb

Merci beaucoup Fox!!! :D