compatibilité Javascript sous Firefox [Résolu]

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

Citation:

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

Citation:

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

29/01/2011, 21h29	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	Heu... pourquoi faire apparaitre la liste sur le onmousemove plutôt que le onmouseover ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

29/01/2011, 21h45	#3
micetf Membre chevronné Fred Professeur des Ecoles Inscription : mai 2009 Messages : 503 Détails du profil Informations personnelles : Nom : Fred Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Professeur des Ecoles Secteur : Enseignement Informations forums : Inscription : mai 2009 Messages : 503 Points : 701 Points : 701	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
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email