Nouveau WRInaute
Hello,
J'ai mis en place un menu qui charge une div d'un fichier externe, tout se passe bien. Sauf que je n'arrive pas à garder le menu actif tant que le clic est dessus. Si je mets un OnMouseOut après le OnMouseOver, le menu reste actif seulement si mon curseur ne bouge pas. Je voudrais pouvoir circuler dans le menu déroulé sans qu'il se ferme et si mon curseur sort, alors qu'il se ferme.
Voici la fonction .js
Ensuite dans mon fichier index.php
La Div externe se construit ainsi
Puis dans mes .css
Si vous pouvez m'aider à résoudre ce casse tête .. merci beaucoup
J'ai mis en place un menu qui charge une div d'un fichier externe, tout se passe bien. Sauf que je n'arrive pas à garder le menu actif tant que le clic est dessus. Si je mets un OnMouseOut après le OnMouseOver, le menu reste actif seulement si mon curseur ne bouge pas. Je voudrais pouvoir circuler dans le menu déroulé sans qu'il se ferme et si mon curseur sort, alors qu'il se ferme.
Voici la fonction .js
Code:
function AllTags(){$("#slickbox").load("url/cloudy.php",function(){$("#slickbox").slideToggle(400)})}
Ensuite dans mon fichier index.php
Code:
<div class="menu-liste">
<ul class="nav">
<li class="cat">
<a href="#" class="categories" onmouseover="AllTags();">Jeux</a>
</li>
</ul>
<div id="slickbox"></div>
</div>
La Div externe se construit ainsi
Code:
<div class="menu-box">
<div class="tag_top">
<ul>
<li><a href="url" title="titre">titre</a></li>
<li><a href="url" title="titre">titre</a></li>
</ul>
</div>
</div>
Puis dans mes .css
Code:
#slickbox { display:none; }
.menu-box { margin: 10px 10px 5px 10px; background: #fff;border-radius:5px;text-align: left; overflow: hidden; margin-top: 10px; }
.tag_top { padding: 5px 0 30px 80px; }
.tag_top ul li { width: 150px; color: #2d9cdc; float: left; font-size: 16px; list-style-type:none; }
.tag_top ul li a { color:#333333; }
.tag_col { padding: 0 25px 20px 17px;float: left;color:#333333; }
.tag_col a { color:#1a77b5; }
Si vous pouvez m'aider à résoudre ce casse tête .. merci beaucoup