Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1480 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème onmouseout sur ul li div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème onmouseout sur ul li div

n°1737245
toons43
Posté le 26-05-2008 à 15:11:15  profilanswer
 

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

mood
Publicité
Posté le 26-05-2008 à 15:11:15  profilanswer
 

n°1737298
ZeBix
edit &gt; preview
Posté le 26-05-2008 à 16:39:57  profilanswer
 

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
 

n°1737309
toons43
Posté le 26-05-2008 à 17:01:38  profilanswer
 

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

n°1737320
ZeBix
edit &gt; preview
Posté le 26-05-2008 à 17:18:57  profilanswer
 

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
n°1737327
toons43
Posté le 26-05-2008 à 17:26:47  profilanswer
 

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

n°1738727
toons43
Posté le 29-05-2008 à 11:10:11  profilanswer
 

up!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème onmouseout sur ul li div

 

Sujets relatifs
Probleme Boucle "pour" en nombre variable[RESOLU] problème script et commande awk
Problème d'insertion dans une table sous ACCESSProblème requête
Chdir, problème de droitProbleme de changement de fond d'écrans avec CSS
Probleme affichage IEPetit probleme de denombrement
problème affichage entre ie et mozilla[HTML] Problème de redirection
Plus de sujets relatifs à : Problème onmouseout sur ul li div


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR