<!-- Ce script permet d'afficher ou masquer des une zone DIV avec un lien -->
<!-- Le lien qui permet d'afficher ou masquer : <a href="javascript:visibilite('###');" id="###Link">texte_afficher_ou_maquer_ou_image</a> -->
<!-- La zone DIV qui doit être affciher ou masquer : <div id="###" style="display:none;">texte</div> -->
<!-- il faut remplacer ### par la valeur que l'on veut le mieux c'est l'ID mais elle doit être identique pour le lien et la zone div -->
<!-- on peut afficher ou masquer plusieurs zone en même temps avec ce script -->
<!-- Le plus important c'est le lien, l'id du div qui doit être identique au lien -->
<!-- Enlever le none du lien pour afficher la zone div, sinon elle sont masqué par defaut -->

<!-- J'utilise ce type de lien pour le style graphique : <a href="javascript:visibilite('.$row_texte['id'].');" id="'.$row_texte['id'].'Link"><img src="/src/puces/texte_plus.gif" width="16" height="16" border="0" align="absmiddle"></a> -->

function visibilite(thingId)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
targetElementLink.innerHTML = 'txtMasqueAff' ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = '<img src="/src/puces/texte_moins.gif" width="16" height="16" border="0" align="absmiddle">' ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = '<img src="/src/puces/texte_plus.gif" width="16" height="16" border="0" align="absmiddle">' ;
}
}

// Fait exactement la même chose que visibilite() sauf que les images plus est moins sont remplacer par un image masquer / afficher
function visibilite1(thingId)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
targetElementLink.innerHTML = 'txtMasqueAff' ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = '<img src="/src/puces/menu_hide.gif" width="63" height="15" border="0" align="absmiddle">' ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = '<img src="/src/puces/menu_show.gif" width="63" height="15" border="0" align="absmiddle">' ;
}
}

// Fait exactement la même choses que visibilite() sauf qu'il n'y a pas de texte ou image prédéfini pour dire que c'est affiché ou masqué
// Donc on peut enlever id="###Link" du lien
function visibilite2(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}