Menu déroulant

Résolu/Fermé

uniuc Messages postés 196 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 29 juin 2023 - 8 déc. 2013 à 20:55
uniuc Messages postés 196 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 29 juin 2023 - 9 déc. 2013 à 10:11

Bonjour à tous,

Je n'y connais pas grand choses en javascript et je cherche pour un de mes menu une application qui me permettrais de dérouler un sous menu avec un clic et le refermer de la même façon.
J'ai déjà trouvé ce code mais je ne vois absolument pas comment m'en servir.

<script type="text/javascript">
function ShowHide(EltId) {
with(document.getElementById(EltId).style) {
 display=(display=="block" || display=="" ) ? "none" : "block";
}
}
</script>

Il semblerait que je doive le placer dans mon code Html

<div id="monelement" style="display:none">
texte caché
</div>

<a href="#" onclick="ShowHide('elementId'); return false">Recherche avancée </a>

Vous allez certainement me dire que c'est très simple mais je ne vois pas trop comment il fonctionne.
--

A voir également:

Menu déroulant
Menu déroulant excel - Guide
Excel menu déroulant en cascade - Guide
Menu déroulant google sheet - Accueil - Guide bureautique
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires

3 réponses

Réponse 1 / 3

Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
8 déc. 2013 à 22:24

Bonjour,

<div id="monelement" style="display:none">
texte caché
</div>

<a href="#" onclick="ShowHide('monelement'); return false">Recherche avancée </a>

Pense à bien changer l'id envoyer sur le onclick de ton lien.
En gros, à chaque clique il envoie la valeur à ta fonction, qui recherche l'élément ayant cette id et joue avec le display pour l'afficher/cacher

Réponse 2 / 3

uniuc Messages postés 196 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 29 juin 2023 8
8 déc. 2013 à 23:43

Décidément chez Moi ça ne va pas si je suis ce qui est dit çà me planque totalement le menu sans le ré-ouvrir.

Plutôt que de multiples mots pourrais tu me montrer ou je dois placer mes deux lignes ?

<!DOCTYPE html>
<html class="no-js" lang="fr">


<head>


<script type="text/javascript">
function ShowHide(EltId) {
with(document.getElementById(EltId).style) {
 display=(display=="block" || display=="" ) ? "none" : "block";
}
}
</script>


</head>


<body>

  <div id="leftnav">
        
              
        <div> <!--menu Club -->
         <a href="#" ><h3>Le club</h3></a>


         <ul> <!-- LES SOUS MENU -->

            <li><a href="#">Le bureau</a></li>
            <li><a href="#">L'encadrement</a></li>
            <li><a href="#">Les équipements</a></li>
                <li><a href="#">les inscriptions</a></li>
                <li><a href="#">Le règlement</a></li>
                <li><a href="#">Les lettres du Club</a></li>
                
         </ul>
       
        </div>
        

</body>

</html>

Merci d'avance.
--

Réponse 3 / 3

Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
Modifié par Nhay le 9/12/2013 à 08:35

Hum, essaye ceci :

<!DOCTYPE html>
<html class="no-js" lang="fr">


<head>


<script type="text/javascript">
function ShowHide(EltId) {
with(document.getElementById(EltId).style) {
 display=(display=="block" || display=="" ) ? "none" : "block";
}
}
</script>


</head>


<body>

  <div id="leftnav">
        
              
        <div> <!--menu Club -->
         <a href="#" onclick="ShowHide('sousmenuclub'); return false"><h3>Le club</h3></a>


         <ul style='display:none;' id='sousmenuclub'> <!-- LES SOUS MENU -->

            <li><a href="#">Le bureau</a></li>
            <li><a href="#">L'encadrement</a></li>
            <li><a href="#">Les équipements</a></li>
                <li><a href="#">les inscriptions</a></li>
                <li><a href="#">Le règlement</a></li>
                <li><a href="#">Les lettres du Club</a></li>
                
         </ul>
       
        </div>
        

</body>

</html>

uniuc Messages postés 196 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 29 juin 2023 8
9 déc. 2013 à 10:11

OKI si je comprend bien c'est l'ID qui ne collais pas et qui faisait que ca ne fonctionnais pas.

Un grand merci en tout cas.

Une question bête, je veut faire en sorte que mon menue soit indépendant de ma page html pour ne pas avoir a ce recharger à chaque cliques, a ton avis le js je le laisse intégré à la page ?

et si oui il est possible d'en coller deux sur une page?

Dans tout les cas je te remercie grandement pour ton aide.

Discussions similaires

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer liste déroulante

supprimer une liste déroulante

Supprimer Liste déroulante