Problème onmouseout sur ul li div

Problème onmouseout sur ul li div - HTML/CSS - Programmation

Marsh Posté le 26-05-2008 à 15:11:15    

Bonjour à tous,
 
J'ai passé plusieurs heures à éplucher les forums pour trouver une solution à mon problème mais je n'ai rien trouvé et là je calle.
 
Je m'explique, je suis en train de réaliser un menu horizontal avec css et javascipt (prototype et scriptaculous) pour des effets visuels.
 
Tout marche bien sauf le onmouseout, chaque partie de mon menu ressemble à ça :

Code :
  1. <div class="panel">
  2.     <h3>Catégorie</h3>
  3.     <div class="panel_body">
  4.         <div>
  5.         <ul>
  6.         <li><a href="#">Item 1</a></li>
  7.         <li><a href="#">Item 1</a></li>
  8.         <li><a href="#">Item 1</a></li>
  9.         <li><a href="#">Item 1</a></li>
  10.         <li><a href="#">Item 1</a></li>
  11.         </ul>
  12.         </div>
  13.     </div>
  14. </div>


 
J'ai essayé le onmouseout sur les différents div et ça ne marche pas en effet dès que je passe sur un élément li le menu se ferme, j'ai essayé onmouseout sur l'élément ul et c'est idem le menu se ferme au passge sur li, j'ai alors tenté en désespoir de cause le onmouseout sur le li mais ca ne marche pas mieux. Je ne comprend pas pourquoi le onmouseout ne prend pas en compte le div dans sa globalité.
 
J'ai essayé de mettre un fond sur le div mais rien à faire.
 
Alors si quelqu'un peut m'aider ce serait genial.
 
D'avance merci beaucoup

Reply

Marsh Posté le 26-05-2008 à 15:11:15   

Reply

Marsh Posté le 26-05-2008 à 16:39:57    

Ton problème s'appelle l' "event bubbling" :  
En gros le comportement de onMouseOut est tout à fait normal.
 
Je te laisse trouver une solution qui remplit tes besoins sur ce site qui explique tout très bien :
http://www.quirksmode.org/js/event [...] #mouseover
 

Reply

Marsh Posté le 26-05-2008 à 17:01:38    

Tout d'abord merci pour cette réponse.
 
Mais là je suis pas trop sur de comprendre, car ils expliquent comment savoir d'où vient la souris et ou elle va et du coup je vois pas trop le truc avec mon problème.
 
Si tu pouvais m'en dire un peu plus
 
D'avance merci

Reply

Marsh Posté le 26-05-2008 à 17:18:57    

Eh bien dans ta description que je ne comprends pas parfaitement, tu cherches à faire quelque chose quand ta souris quitte un élément (onmouseout), mais pas si, en le quittant, elle va sur un autre élément en particulier (ici : les ul li etc.)

 

Je pense qu'il te suffit de déterminer un event qui contre-carre, annule ou complémente l'action que tu veux faire quand tu es sur les li, sachant que tu "viens" depuis son ul ou sa div parente.

 

Cela est très bien expliqué, me semble-t-il, dans le paragraphe "Mousing out of a layer".


Message édité par ZeBix le 26-05-2008 à 17:19:48
Reply

Marsh Posté le 26-05-2008 à 17:26:47    

Le paragraphe "Mousing out of a layer" correspond bien à ce que je veux faire mais je ne comprend pas du tout le code qui va avec et comment le mettre en place sur mon menu

Reply

Marsh Posté le 29-05-2008 à 11:10:11    

up!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed