Fermer OnMouseOver menu déroulant

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Chronotest, 18 Novembre 2014.

  1. Chronotest
    Chronotest Nouveau WRInaute
    Inscrit:
    19 Juillet 2012
    Messages:
    46
    J'aime reçus:
    0
    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

    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
     
  2. -Romu-
    -Romu- WRInaute occasionnel
    Inscrit:
    19 Avril 2012
    Messages:
    279
    J'aime reçus:
    0
    Hello,

    Tu as une url pour comprendre un peu mieux ton raisonnement ?

    As tu essayé :
    #menu-liste:hover #slickbox { display:block; }
     
  3. Chronotest
    Chronotest Nouveau WRInaute
    Inscrit:
    19 Juillet 2012
    Messages:
    46
    J'aime reçus:
    0
    Je pense que le plus simple c'est de passer 1h à tout retaper en .css, la j'ai tout essayé et ça tourne à l'usine à gaz le Js à déployer pour faire un truc tout bête.

    Merci @-Romu-
     
Chargement...
Similar Threads - Fermer OnMouseOver menu Forum Date
Accordion jquery : onclick fermer la section ouverte Développement d'un site Web ou d'une appli mobile 13 Février 2020
Fermer un site, que faire des pages indexées? Crawl et indexation Google, sitemaps 2 Novembre 2018
Faut-il fermer les commentaires après un certain temps Référencement Google 13 Septembre 2015
Comment fermer proprement un site ? Netlinking, backlinks, liens et redirections 30 Août 2015
Précautions fermer un blog externe et "rapatrier" articles Débuter en référencement 25 Juin 2014
Facebook menace de fermer ma page fan Facebook 10 Avril 2014
Usurpation d'identité sur Twitter - comment faire fermer ? Twitter 17 Janvier 2014
Wordpress plugin : .htm à la fin des urls et / pour fermer les urls URL Rewriting et .htaccess 15 Avril 2013
Dois-je fermer mon site et tout recommencer ? Problèmes de référencement spécifiques à vos sites 21 Novembre 2012
iGoogle va fermer + 4 autres services Google : l'entreprise, les sites web, les services 5 Juillet 2012
Faire fermer un skyblog pour parasitisme Droit du web (juridique, fiscalité...) 19 Février 2012
Google + : profil dur a gerer + comment fermer un profil figé ? Google+ 23 Septembre 2011
Google veut faire fermer goggle.com Google : l'entreprise, les sites web, les services 25 Août 2011
[PHP & SSH] ouvrir et fermer un processus Développement d'un site Web ou d'une appli mobile 8 Août 2011
GoogleLabs va fermer ses portes Google : l'entreprise, les sites web, les services 21 Juillet 2011
Yahoo Yahoo Site Explorer fermera d'ici fin 2011 Autres moteurs de recherche connus 11 Juillet 2011
Comment obliger un webmaster à fermer un site web e-commerce 9 Juillet 2011
Directnom va-t-il fermer ? Noms de domaine et référencement 4 Juillet 2011
Le service Health de Google fermera au 1er janvier 2012 Google : l'entreprise, les sites web, les services 27 Juin 2011
Google décide de fermer google.cn pour rediriger vers Google.com.hk Google : l'entreprise, les sites web, les services 22 Mars 2010