Afficher plusieurs divs avec javascript
Bonjour,
j'utilise un script javascript pour camoufler des divs contenant du texte et lisibles via un lien js.
Pour l'instant j'ai un lien js par div, je voudrais savoir si c'etait possible d'assigner plusieurs divs à un seul lien js
voilà le lien java
<a href="" onclick="javascript:visibilite('nomdeladiv'); return false;" >afficher la div</a>
et voilà le script
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
merci pour votre aide
j'utilise un script javascript pour camoufler des divs contenant du texte et lisibles via un lien js.
Pour l'instant j'ai un lien js par div, je voudrais savoir si c'etait possible d'assigner plusieurs divs à un seul lien js
voilà le lien java
<a href="" onclick="javascript:visibilite('nomdeladiv'); return false;" >afficher la div</a>
et voilà le script
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
merci pour votre aide
Configuration: Windows Vista 64 Firefox 3.0.10
3 réponses
-
voilà le lien java <a href="" onclick="javascript:visibilite('nomdeladiv'); return false;" >afficher la div</a> et voilà le script function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } } -
heu j'ai pas collé le bon:
voilà le lien JAVASCRIPT <a href="" onclick="javascript:visibilite('nomdeladiv1','nomdeladiv2','nomdeladiv3'); return false;" >afficher la div</a> et voilà le script function visibilite(thingId1,thingId2,thingId3) { var targetElement1 = document.getElementById(thingId1) ; var targetElement2 = document.getElementById(thingId2) ; var targetElement3 = document.getElementById(thingId3) ; if (targetElement1.style.display == "none") { targetElement1.style.display = "" ; } else { targetElement1.style.display = "none" ; } if (targetElement2.style.display == "none") { targetElement2.style.display = "" ; } else { targetElement2.style.display = "none" ; } if (targetElement3.style.display == "none") { targetElement3.style.display = "" ; } else { targetElement3.style.display = "none" ; } } -
Merci alain pour ta réponse,
je m'en étais sorti en rappelant toute la fonction dans le lien java comme suit :
<a href="" onclick="javascript:visibilite('div_01'); javascript:visibilite('div_02'); javascript:visibilite('div_03'); javascript:visibilite('div_04'); return false;" >Tout afficher / dissimuler</a>
et sans toucher le script, mais ta solution a l'air plus propre ^^
