compatibilité Javascript sous Firefox

**P3dr0** · 29/01/2011, 20h42

slt,
J'ai quelques images, et je veux lorsque le curseur de la souris survole sur chaque image, un menu " ul " affiche et disparaît lorsque la souris n'est plus sur elle.
le problème c'est que ça fonctionne parfaitement sur IE mais pas sous Firefox ou Google Chrome.

et voici mon code

Code Javascript

Code :

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

1
2
3
4
5
6
 
function AffDescription(ele,showmode) 
{ 
var show=document.getElementById(ele); 
show.style.display=showmode; 
}

Code HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<html> 
... 
<body> 
<div style="position:absolute; left:90; top:220;"> 
<img class="zoom" src="image1.jpg" style="opacity:0.6;filter:alpha(opacity=60)" 
onmousemove="this.style.opacity=1; this.filters.alpha.opacity=100; 
this.style.width=160; this.style.height=210; 
AffDescription('info1','block');" 
 
onmouseout="this.style.opacity=0.6; this.filters.alpha.opacity=60; 
this.style.width=150; this.style.height=200; 
AffDescription('info1','none');" /> 
</div> 
 
<div style="position:absolute; left:100; top:170;"> 
<ul class="infobulle" id="info1" style="display:none;"> 
<li> 
bla bla bla 
</li> 
</ul> 
</div> 
 
</body> 
</html>

**Bovino** · 29/01/2011, 21h29

Heu... pourquoi faire apparaitre la liste sur le onmousemove plutôt que le onmouseover ?

**micetf** · 29/01/2011, 21h45

Bonjour,

A priori, ton script plante sur l'affectation :

Code :

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

this.filters.alpha.opacity=60;

FF, je crois, ne reconnait pas la propriété filters et tout ce qui suit cette affectation, dont l'appel à AffDescription(), n'est pas exécuté.

MiCetF

**P3dr0** · 29/01/2011, 22h12

Envoyé par micetf

Bonjour,

A priori, ton script plante sur l'affectation :

Code :

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

this.filters.alpha.opacity=60;

FF, je crois, ne reconnait pas la propriété filters et tout ce qui suit cette affectation, dont l'appel à AffDescription(), n'est pas exécuté.

MiCetF

ta raison,j'ai enlevé " this.filters.alpha.opacity=60; " et tous marche parfaitement maintenant.

PS: this.filters.alpha.opacity=60; est pour IE qui ne connait pas this.style.opacity=0.6; utilisé par FF ..Google chrome ...etc

Merci

**P3dr0** · 29/01/2011, 22h17

Envoyé par Bovino

Heu... pourquoi faire apparaitre la liste sur le onmousemove plutôt que le onmouseover ?

..c'est juste une petite faute de ma part,malgré "onmousemove" a le même effet dans ce cas.

Merci aussi

compatibilité Javascript sous Firefox

JavaScript

Discussions similaires

Partager

Partager