Afficher / masquer une ‹div›

0Ted • 22nd avr 2009 • Script html • HTML, Javascript, Script

Exemple :

Afficher la zone 1

contenu zone 1

…ou la zone 2

contenu zone 2

Code :

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