Afficher et masquer une div (2)
Même script que là mais avec le lien "afficher" qui change et devient "masquer" lorsque la div est affichée.
<script>
function visibilite(thingId,txtAff,txtMasque)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = txtMasque ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = txtAff ;
}
}
</script>
<a href="javascript:visibilite('Div1','Afficher la zone 1','Masquer la zone 1');" id="Div1Link">Afficher la zone 1</a>
<div id="Div1" style="display:none;">contenu</div>
<br>
<a href="javascript:visibilite('Div2','...ou la zone 2','Masquer la zone 2');" id="Div2Link">...ou la zone 2</a>
<div id="Div2" style="display:none;">contenu</div>
Mat
05-03-2007 15:03
Salut,
Merci pour le code
Petite question : est il possible que le script affiche ou réduise plusieurs div mais avec un seul et unique lien ?
Merci
Jérôme
05-03-2007 15:03
Mat > dans ce cas, pour faire simple, utiliser la version 1
et mettre :
<a href=”visibilite(’divid’);visibilite(’divid2′);”>afficher/masquer</a>
La version du script ci-desus doit également être utilisable dans votre cas, mais moins simplement.
Sylvain
06-03-2007 16:03
Merci bcp pour ce script qui m’a fait gagner quelques précieuses heures.
gino
12-04-2007 21:04
Simpa le code et merci.
Si quelqun sait comment faire pour que ca donne ca:
http://www.newstoday.com/bookshelf/bookshelf.php
merci.
NicuS_PokuS
08-05-2007 00:05
Youhouuuu !!! Trop cool ce petit script !!! Je n’ai pas utilisé la dernière version, car je voulmias un lien avec une image qui serait toujours pareil … Le résultat est parfait (J’ai testé sur IE et firefox) !!! Impeccable !!!
Un grand merci !!!
qidam
08-05-2007 23:05
Bonjour, je trouve également que ces codes (celui-ci et celui linké par jérôme) sont forts interessants et très pratique.
Cependant j’ai un petit soucis pour l’utiliser avec un autre code, celui servant à faire les menus “dropdown” :
le menu fonctionne très bien jusqu’à ce que j’active le lien révélant la div cachée .. dès lors que celui est cliqué, le mouseover ne fonctionne plus sur le script du menu.
Est ce que quelq’un aurait une idée sur l’incompatibilité des deux script ?
J’ai essayé de le modifier pour qu’ils n’entrent pas en conflit, mais sans succès .. il faut dire que je suis plus webdesigner que programmeur ^^
Jérôme
15-05-2007 12:05
qidam > une url pour voir le bug serait plus pratique pour le résoudre
aTol
20-06-2007 15:06
Super, juste ce que je cherchais ! Merci bien à toi, je vais méditer sur ce petit code qui peut s’avérer bien utile
.
aTol.
Fl0w3D
02-09-2007 17:09
Pour Mat (Contrôler plusieurs div):
- S’il n’y a qu’un lien :
Afficher
Contenu de la Div1
Contenu de la Div2
- S’il y a deux liens (qui changent) :
Lien 1 quand Div1 et 2 masquées
Lien 2 quand Div1 et 2 masquées
Contenu de la Div1
Contenu de la Div2
J’utilise le dernier cas : deux liens distinct permettent totu deux d’ouvrir 2 div communes.
Fl0w3D
02-09-2007 17:09
Saleté de commentaires qui interprètent le html :/
Lo
24-03-2008 17:03
Merci pour ce code qui est parfait!!!
Valentin
24-05-2008 15:05
est tro cool le code html/javascript merci c exactement se que je chercher .