rollover sous firefox

**nicolb** · 01/03/2005, 13h44

Bonjour.

Pour un menu de mon site, j'ai fait deux petites fonctions dont le but est de faire un rollover:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Anonymous** · 01/03/2005, 14h13

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

Ensuite dans chaque bouton tu écris

et ça marchera avec tous les navigateurs ;-)

**Anonymous** · 01/03/2005, 14h20

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

**nicolb** · 01/03/2005, 14h37

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

**Anonymous** · 01/03/2005, 15h34

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 !

**nicolb** · 01/03/2005, 17h37

Merci beaucoup Fox!!!

rollover sous firefox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager