IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher/cacher sous menu


Sujet :

JavaScript

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    364
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 364
    Points : 253
    Points
    253
    Par défaut Afficher/cacher sous menu
    Voila j'ai un soucis, j'ai créer un menu qui contient également un sous menu.
    Je voudrais que mon sous menu s'affiche uniquement lorsque l'utilisateur se trouve dans la section contenant le sous menu.
    J'arrive bien à afficher le sous-menu mais dès que je veux y accèder il se retire.

    Voila le code de mon menu

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div id="menu">
    	<ul>
    	<li><a href="#">Menu1</a></li>
    	<li><a href="#">Menu2</a></li>
    	<li onmouseover="montre('smenu3',true);" onmouseout="montre('smenu3',false);"><a href="#">Menu3</a></li>
    	<ul id="smenu3">
    	<li><a href="#">Sous-Menu 3.1</a></li>
    	<li><a href="#">Sous-Menu 3.2</a></li>
    	<li><a href="#">Sous-Menu 3.3</a></li>
    	</ul>
    	<li><a href="#">Menu4</a></li>
    	</ul>
    </div>
    Et ma fonction montre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script type="text/javascript">
    window.onload=montre;
     
    //affichage du menu déroulant et placement de ce dernier
    function montre(id,affiche)
    {
    	var d = document.getElementById(id);
    	//si on quitte un élément du menu
    	if (d && !affiche) 
    	{
    		d.style.display='none'; //on l'efface
    	}
    	//sinon si on se mets sur un élément du menu
    	else if (d && affiche)
    	{ 
    		d.style.display='block'; //on l'affiche
    	}
    }
    </script>
    Existerait-il une solution pour que je puisse accèder à mon sous-menu ?

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 656
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 656
    Points : 11 153
    Points
    11 153
    Par défaut
    bonjour,

    dans la partie "contribuez" du forum, tu as un script de Menu déroulant vertical

  3. #3
    Membre actif
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    364
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 364
    Points : 253
    Points
    253
    Par défaut
    Ok il faut que je modifie complétement mon menu si je comprends bien.
    Ce qui est bizarre c'est que je viens de tester sur IE et il n'y a pas de soucis sauf qu'au chargement de la page, le sous menu est présent alors qu'il devrait être caché.
    Mais sinon le sous menu ne disparait pas quand je veux y accèder.

    Gatsu35, je suis désolé, je n'ai pas bien compris ta technique de foutre mon UL dans mon LI

  4. #4
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 656
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 656
    Points : 11 153
    Points
    11 153
    Par défaut
    Je vois régulièrement des questions sur ce menu déroulant

    tazmania : où as-tu trouvé ce code ?

  5. #5
    Membre actif
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    364
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 364
    Points : 253
    Points
    253
    Par défaut
    En fait, j'ai fait une recherche sur le forum car au début ma liste était faite par les balises <dt> et donc je suis tombé sur cette conversation :

    http://www.developpez.net/forums/sho...enu+javascript

    Puis j'ai suivi le lien conseillé par Bisûnûrs qui menait à cette conversation :

    http://developpez.net/forums/showpos...5&postcount=83

    Et donc je me suis appuyé sur le menu déroulant de trotters213.

    Mais à ce que je vois, je n'ai pas assez approfondi mes recherches

  6. #6
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 656
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 656
    Points : 11 153
    Points
    11 153
    Par défaut
    Citation Envoyé par tazmania
    Mais à ce que je vois, je n'ai pas assez approfondi mes recherches
    ce n'est pas ce je voulais dire .... Je vois très souvent des questions sur ce code... et je n'arrive pas à savoir d'où il vient

  7. #7
    Membre actif
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    364
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 364
    Points : 253
    Points
    253
    Par défaut
    Et bien pour mon compte, il vient de ce forum

    Par contre, serait-il possible d'inclure mon menu dans une page html et que je pourrais venir chercher à chaque fois que j'en ai besoin.
    Une forme d'include quoi mais sans passer par php

Discussions similaires

  1. JQuery cacher sous-menu
    Par dharkan dans le forum jQuery
    Réponses: 2
    Dernier message: 16/11/2011, 10h23
  2. Afficher le Sous Menu selectionne du Menu Principal?
    Par denebola dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/01/2011, 12h48
  3. Cacher sous menu après le click
    Par Greatz dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 27/05/2008, 11h14
  4. Comment afficher/cacher un menu avec balises ul et li?
    Par Jim_Nastiq dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 16/03/2007, 11h07
  5. Afficher/Cacher un sous menu au clic
    Par Toutankharton dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 28/09/2005, 17h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo