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:
    40
    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:
    280
    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:
    40
    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
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice