Discussion :

[PtitGénie]

Bonjour !

J'ai un problème d'adaptation IE/MozillaF d'un script...

C'est un code qui permet de déplacer une DIV (ici, "bulle") lorsque l'on survole un texte ou une image. La DIV suivant alors le curseur de la souris.
Sous IE, c'est nickel, mais sous les autres navigateurs ça ne fonctionne pas...
La DIV reste figée, ses valeurs left et top ne semblent pas se modifier.
La DIV "reçoit" pourtant bien les coordonnées du curseur souris, j'ai testé en les affichant par exemple à l'intérieur.
Bref, voici le code :

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
26
27
28
29
30
<div id="bulle" style="position: absolute;"></div>
 
<script>
var isIE = document.all;
var mouseX = 0;
var mouseY = 0;
 
function pop0(contenu){
document.getElementById("bulle").innerHTML = "contenu";
}
 
function getMouseXY(e)
{ 
  if (!e) e = window.event;
  if (e)
  { 
    mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
    mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
 
    document.getElementById("bulle").style.left = mouseX;
    document.getElementById("bulle").style.top  = mouseY;
    }
}
 
document.onmousemove = getMouseXY;
 
function disparaitre0(){
  document.getElementById("bulle").innerHTML = '';
}
</script>

Et, par exemple, sur mon texte :

Code :

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

<a onMouseOver='pop0("blabla")' onMouseOut='disparaitre0()'>Survolez ce texte pour voir la légende</a>

Merci d'avance pour votre aide ^^

[le_chomeur]

commence par : onmouseover à la place de : onMouseOver

dans ton exemple il manque , la bulle a afficher , elle est bien positionnée en absolute ?