11552 sujets

JavaScript, DOM et API Web HTML5

Bonjour à toutes et à tous,

J'ai plusieurs icônes sur une page HTML et j'ai programmé en Javascript, les évènements associés à chaque icône :

--> le "onmouseover" ouvre une note explicative.
--> le "onmouseout" referme cette même note explicative.

Rien de plus classique. Sauf que je désire déplacer mon curseur sur la note explicative, pour faire une saisie par exemple, sans que celle-ci se referme.

Comment dois-je procéder ?

Merci !
@+
Modifié par Artemus24 (05 May 2012 - 01:19)
Bonjour,
perso j'aurais mis l'icone et la div d'explication dans une même div parent,
ensuite j'aurais mis l'évènement sur la div parent. Ce qui permet de rester dans le onmouseover (en etant sur l'icone ou la div d'explication)


PS : je l'ai déjà fait en utilisant uniquement du css en jouant sur :HOVER, mais avec du javascript tu pourra rajouter des effets de fondu etc
Modifié par qualithras (04 May 2012 - 10:20)
Bonsoir qualithras,

merci pour ta solution.
Je viens de la tester et elle fonctionne correctement.
J'ai dû revoir l'organisation de mes <div> dans mon script javascript.

@+