Faire afficher du texte au clique d'un autre
Résolu
coastlyne
-
duweb Messages postés 353 Date d'inscription Statut Membre Dernière intervention -
duweb Messages postés 353 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerais faire une page html qui se composera de 2 liens qui font afficher chacun, d'autres liens. Pour cela j'ai commencé un code mais je n'arrive pas à faire afficher plusieurs liens pour le 1er.
Par exemple, j'ai 2 catégories Légumes et fruits sur ma page. Lors du clique sur l'un des 2 j'ai une liste qui s'affiche (soit légumes, soit fruits) qui seront eux aussi par la suite des liens:
<html>
<b><a href="" onclick="javascript:visibilite('id_div_1'); return false;">Légumes</a></b><br />
<div id="id_div_1" style="display:none;">harricots</div>
<div id="id_div_2" style="display:none;">tomates</div>
<script>function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
<b>Fruits</b>
</html>
D'avance merci.
J'aimerais faire une page html qui se composera de 2 liens qui font afficher chacun, d'autres liens. Pour cela j'ai commencé un code mais je n'arrive pas à faire afficher plusieurs liens pour le 1er.
Par exemple, j'ai 2 catégories Légumes et fruits sur ma page. Lors du clique sur l'un des 2 j'ai une liste qui s'affiche (soit légumes, soit fruits) qui seront eux aussi par la suite des liens:
<html>
<b><a href="" onclick="javascript:visibilite('id_div_1'); return false;">Légumes</a></b><br />
<div id="id_div_1" style="display:none;">harricots</div>
<div id="id_div_2" style="display:none;">tomates</div>
<script>function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
<b>Fruits</b>
</html>
D'avance merci.
A voir également:
- Faire afficher du texte au clique d'un autre
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Mettre un texte en majuscule - Guide
- Texte barré whatsapp - Guide
- Afficher taille dossier windows - Guide
4 réponses
je ne sais pas si c'est ce que tu cherches à obtenir, mais à défaut d'avoir plus d'explications, voilà un bout de code que tu pourrais tester:
<html>
<head>
<script>
function visibilite(thingId)
{
var targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{targetElement.style.display = "" ;}
else {targetElement.style.display = "none" ;}
}
</script>
</head>
<body>
<div>
<b>
<a href="javascript:visibilite('id_div_1');">Légumes</a>
</b>
</div>
<div id="id_div_1" style="display:none;">
<a href="http://www.monsite.com/haricots" >haricots</a>
<br/>
<a href="http://www.monsite.com/courgettes" >courgettes</a>
</div>
<br/>
<div>
<b>
<a href="javascript:visibilite('id_div_2') ;">
Fruits
</a>
</b>
</div>
<br/>
<div id="id_div_2" style="display:none;">
<a href="http://www.monsite.com/kiwi" >kiwi</a>
<br/>
<a href="http://www.monsite.com/bananes" >bananes</a>
</div>
</body>
</html>
<html>
<head>
<script>
function visibilite(thingId)
{
var targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{targetElement.style.display = "" ;}
else {targetElement.style.display = "none" ;}
}
</script>
</head>
<body>
<div>
<b>
<a href="javascript:visibilite('id_div_1');">Légumes</a>
</b>
</div>
<div id="id_div_1" style="display:none;">
<a href="http://www.monsite.com/haricots" >haricots</a>
<br/>
<a href="http://www.monsite.com/courgettes" >courgettes</a>
</div>
<br/>
<div>
<b>
<a href="javascript:visibilite('id_div_2') ;">
Fruits
</a>
</b>
</div>
<br/>
<div id="id_div_2" style="display:none;">
<a href="http://www.monsite.com/kiwi" >kiwi</a>
<br/>
<a href="http://www.monsite.com/bananes" >bananes</a>
</div>
</body>
</html>
Merci oui c'est tout à fait ce que je recherche !!
Juste une précision de plus :
Est-ce qu'il serait possible que lorsqu'on choisit légumes (la liste se déroule) mais si on choisit fruits juste après, la liste de légumes se replit quand la liste de fruits se déroule?
Désolé je sais pas si je suis très claire...
Merci beaucoup en tout cas
Juste une précision de plus :
Est-ce qu'il serait possible que lorsqu'on choisit légumes (la liste se déroule) mais si on choisit fruits juste après, la liste de légumes se replit quand la liste de fruits se déroule?
Désolé je sais pas si je suis très claire...
Merci beaucoup en tout cas
pour cela, je t'invite à consulter cette page:
https://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-avec-jQuery.html
PS: peux-tu changer le statut de ce sujet en résolu car la question de ton topic a été traité.
https://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-avec-jQuery.html
PS: peux-tu changer le statut de ce sujet en résolu car la question de ton topic a été traité.
