Afficher des <li> sur un clic

Fermé

CJ - 31 mars 2009 à 19:36
Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 - 1 avril 2009 à 01:20

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

A voir également:

Afficher des <li> sur un clic
Windows 11 clic droit afficher plus d'options par défaut - Guide
Afficher mot de passe wifi android - Guide
Afficher appdata - Guide
Afficher calendrier outlook dans google agenda - Guide
Double clic excel renvoi cellule ✓ - Forum Excel

5 réponses

Réponse 1 / 5

CJ
31 mars 2009 à 19:38

hop là en me relisant je me suis rendu compte d'une erreur

onclick="javascript:montre('lien')"
devient
onclick="javascript:montre('test')"

désolé

Réponse 2 / 5

CJ
31 mars 2009 à 21:52

arf, personne du tout pour m'aider?

Réponse 3 / 5

Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 6
31 mars 2009 à 21:55

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 :).

<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 :)

Réponse 4 / 5

CJ
31 mars 2009 à 22:43

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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 6
1 avril 2009 à 01:20

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>

Discussions similaires

programme qui n'affiche pas le mot secret

Clic molette qui ne marche pas

Afficher toutes les lignes masquées excel

Chanson la li la li la la la?

Touche ctrl + clic ?

Discussions similaires

Newsletters