Menu déroulant
Résolu
uniuc
Messages postés
304
Date d'inscription
Statut
Membre
Dernière intervention
-
uniuc Messages postés 304 Date d'inscription Statut Membre Dernière intervention -
uniuc Messages postés 304 Date d'inscription Statut Membre Dernière intervention -
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.
Il semblerait que je doive le placer dans mon code Html
Vous allez certainement me dire que c'est très simple mais je ne vois pas trop comment il fonctionne.
--
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
- Supprimer menu déroulant excel - Forum Word
- Canon quick menu - Télécharger - Utilitaires
3 réponses
Bonjour,
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
<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
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 ?
Merci d'avance.
--
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.
--
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>
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.
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.