Discussion :

[tralalaP1]

Bonjour

je souhaite afficher un sous-menu lors de l'entrée du curseur de la souris sur l’élément 'nosservices', et que se sous menu disparaisse automatiquement si on déplace le curseur en dehors de l’élément

Code :

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

1
2
3
4
5
6
nosservices.addEventListener('mousemove', function () {
sm1=createSm(nosservices,['Maintenance précurative','Maintenance curative','Installations and cie ']);
}, false);
nosservices.addEventListener('mouseout',function () {
sm1.parentNode.removeChild(sm1);
},false);

en sachant que: createSm est une fonction qui crée le sous menu et le place a partir de la chaine de caracteres, elle renvoie le sous menu en question

Code :

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

sm1.parentNode.removeChild(sm1);

ette ligne sert ensuite a supprimer l'element si le curseur sors de "nosservices"

mais voila, le première événement "mousemove"marche, tandis que le second ne marche pas, et j'ai eu beau chercher je ne trouve pas le probleme.

j'ai au tout début essayer de stopper l'action du première événement avec "removeEventListener" :

Code :

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

1
2
3
4
5
6
7
function nsmm() {
createSm(nosservices,['Maintenance précurative','Maintenance curative','Installations and cie ']);
}
nosservices.addEventListener('mousemove',nsmm , false);
nosservices.addEventListener('mouseout',function () {
nosservices.removeEventListener('mousemove',nsmm,false)
},false);

[NoSmoking]

Bonjour,

je souhaite afficher un sous-menu lors de l'entrée du curseur de la souris sur l’élément 'nosservices', et que se sous menu disparaisse automatiquement si on déplace le curseur en dehors de l’élément

as tu regardé la faisabilité en CSS avec la pseudo-class :hover

[tralalaP1]

je reposte une derniere fois, dans l'espoir que quelqu'un puisse m'aider

[feecochette]

Bonjour,

De prime abord , je dirais que tu devrais utiliser l’événement 'mouseover' et non 'mousemouve'.

DOC/Exemple http://www.w3schools.com/jsref/event_onmouseover.asp