Faire afficher du texte au clique d'un autre
Résolu/Fermé
coastlyne
-
6 mars 2013 à 15:22
duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 - 6 mars 2013 à 16:45
duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 - 6 mars 2013 à 16:45
A voir également:
- Faire afficher du texte au clique d'un autre
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Mettre un texte en majuscule - Guide
- Afficher mot de passe wifi android - Guide
4 réponses
Chocobo_tofu1
Messages postés
164
Date d'inscription
lundi 1 mars 2010
Statut
Membre
Dernière intervention
10 juillet 2014
362
6 mars 2013 à 16:00
6 mars 2013 à 16:00
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
Chocobo_tofu1
Messages postés
164
Date d'inscription
lundi 1 mars 2010
Statut
Membre
Dernière intervention
10 juillet 2014
362
6 mars 2013 à 16:44
6 mars 2013 à 16:44
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é.
duweb
Messages postés
353
Date d'inscription
dimanche 30 mai 2010
Statut
Membre
Dernière intervention
6 mars 2014
72
6 mars 2013 à 16:45
6 mars 2013 à 16:45