Javascript : Fonction masquer / afficher un bloc

Lien qui masque ou affiche un élément dans une page web.

Voici comment faire pour créer un lien qui masque ou affiche un élément dans la page :

– Créer le lien : <a href="#" onclick="javascript:ShowOrHide('MonPanel')" >Masquer / Afficher</a>

– Donner le bon ID à l’élément à masquer / afficher : <div ID="MonPanel">Bla bla</div>

– Insérer cette fonction dans la page :

function ShowOrHide(CtrlID)
{
oCtrl = document.getElementById(CtrlID);
if (oCtrl)
{
if (oCtrl.style.display == "none" || oCtrl.style.display == "")
{
oCtrl.style.display = "block";
}
else
{
oCtrl.style.display = "none";
}
}
}

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *