Afficher des <li> sur un clic
CJ
-
Nieli Messages postés 85 Statut Membre -
Nieli Messages postés 85 Statut Membre -
Bonjour,
alors voilà mon soucis,
j ai cherché sur le net et j ai commencé à trouver des soolutions mais un petit soucis perciste
en fait je cherche à faire un principe de liste comme on peut le voir ici: http://ww17.skatevideosonline.net/
un clic et ca affiche la sous liste
voilà un bout de mon code :
<h2><a href="">Part & Frame</a></h2>
<h3><a href="" onclick="javascript:montre('lien')">marque1</a></h3>
<ul style="display: none;">
<div id="test">
<li><a href="lien">lien1</a></li>
<li><a href="lien">lien2</a></li>
</div>
</ul>
et la fonction en js que j'ai pu récuperer sur un forum
montre(element) {
document.getElementById(element).style.display='block';
}
donc mon but est que lorsque l on clique sur marque1, lien1 et liens2 s'affiche en dessous
suis je sur la bonne piste?
et quelqu'un pourrait il m'aider afin de faire fonctionner ce bout de code
merci à tous
alors voilà mon soucis,
j ai cherché sur le net et j ai commencé à trouver des soolutions mais un petit soucis perciste
en fait je cherche à faire un principe de liste comme on peut le voir ici: http://ww17.skatevideosonline.net/
un clic et ca affiche la sous liste
voilà un bout de mon code :
<h2><a href="">Part & Frame</a></h2>
<h3><a href="" onclick="javascript:montre('lien')">marque1</a></h3>
<ul style="display: none;">
<div id="test">
<li><a href="lien">lien1</a></li>
<li><a href="lien">lien2</a></li>
</div>
</ul>
et la fonction en js que j'ai pu récuperer sur un forum
montre(element) {
document.getElementById(element).style.display='block';
}
donc mon but est que lorsque l on clique sur marque1, lien1 et liens2 s'affiche en dessous
suis je sur la bonne piste?
et quelqu'un pourrait il m'aider afin de faire fonctionner ce bout de code
merci à tous
A voir également:
- Afficher des <li> sur un clic
- Windows 11 clic droit afficher plus d'options par défaut - Guide
- Afficher appdata - Guide
- Atout clic - Télécharger - Éducatifs
- Afficher taille dossier windows - Guide
- Comment afficher des lignes masquées sur excel ✓ - Forum Excel
5 réponses
hop là en me relisant je me suis rendu compte d'une erreur
onclick="javascript:montre('lien')"
devient
onclick="javascript:montre('test')"
désolé
onclick="javascript:montre('lien')"
devient
onclick="javascript:montre('test')"
désolé
Je regarde ça. Pas sur de pouvoir t'aider mais je teste au moins ^^.
EDIT: Trouvé ^^. Tu mets ton div à l'interieur de tes balises <ul> et tu t'es trompé, tu as mis le display:none sur le ul, du coup, ça s'affiche pas, normal :).
et rajoute function devant montre tant qu'à faire :). Bon courage
EDIT2: Ah et puis rajoute return false pour pas qu'il te recharge la page :).
Voilou :)
EDIT: Trouvé ^^. Tu mets ton div à l'interieur de tes balises <ul> et tu t'es trompé, tu as mis le display:none sur le ul, du coup, ça s'affiche pas, normal :).
<h2><a href="">Part & Frame</a></h2>
<h3><a href="" onclick="javascript:montre('test')">marque1</a></h3>
<ul>
<div id="test" style="display: none;">
<li><a href="lien">lien1</a></li>
<li><a href="lien">lien2</a></li>
</div>
</ul>
et rajoute function devant montre tant qu'à faire :). Bon courage
EDIT2: Ah et puis rajoute return false pour pas qu'il te recharge la page :).
<a href="" onclick="javascript:montre('test');return false;">marque1</a>
Voilou :)
merci de ta reponse
mais malheureusement ca ne marche toujours pas
j ai beau cliquer sur marque 1 ca ne m affiche pas lien1 et lien2.
arf
mais malheureusement ca ne marche toujours pas
j ai beau cliquer sur marque 1 ca ne m affiche pas lien1 et lien2.
arf
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Personnellement avec ce code, ça marche.. (oui il est tard pour répondre).
<html>
<head>
<script type= "text/javascript">
function montre(element) {
alert('test');
document.getElementById(element).style.display='block';
}
</script>
</head>
<body>
<h2><a href="">Part & Frame</a></h2>
<h3><a href="" onclick="javascript:montre('test');return false">marque1</a></h3>
<ul>
<div id="test" style="display: none;">
<li><a href="lien">lien1</a></li>
<li><a href="lien">lien2</a></li>
</div>
</ul>
</body>
</html>
