Mouseover un div dont on bouge la position
Bonjour.
J'ai une image, ainsi qu'un div.
Quand je mouseover l'image je fais appaitre le div. Cependant je vérifie avant que le div ne depasse pas de la page, auquel cas je modifie le .style.left de mon div.
onmouseover de l'image:
Code:
1
2
| TheHelpTextDiv.style.display = 'block';
TheHelpTextDiv.style.position = 'fixed'; |
J'ai mis un onmouseout qui fait disparaitre le div quand la souris n'est plus par dessus.
J'ai aussi un mouseout sur mon image qui vérifie que si le div est affiché, alors il disparait.
Code:
1
2
3
4
5
6
7
8
|
links[i].onmouseout = function() {
var DivToHide = document.getElementById(HelpTipDivID);
if (DivToHide.style.display == 'block') {
DivToHide.style.display = 'none';
}
} |
Mon probleme est le suivant. Quand je mouseover mon image sans qu'il y ai besoin de replacer le div, j'ai un comportement normal : Si je bouge la souris en dehors de l'image et directement sur le div, il ne disparait pas.
En revanche, si il y a eu un redimensionnement, je ne peux plus mouseover mon div car il disparait dès que je quitte l'image.
