Déplacement d'une DIV avec la souris
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:
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:
<a onMouseOver='pop0("blabla")' onMouseOut='disparaitre0()'>Survolez ce texte pour voir la légende</a>
Merci d'avance pour votre aide ^^
