Menu

Javascript / Quelques astuces

< Afficher/masquer un élément />
// Ecrit le 03/12/2009 à 11:39:12 par Arthezius

Voici l'exemple de code qui permet de masquer/afficher un bloc.
Dans cette exemple, je vais prendre la balise div.

Pour faire fonctionner le javascript, il faut ajouter ce script entre les balises head de la page:

<

<script type="text/javascript">
function switchMenu(obj)
{
var el = document.getElementById(obj);
if(el.style.display != "block")
{ el.style.display = "block"; }
else
{ el.style.display = "none"; }
}
</script>

>



Le lien

<
<a onclick="switchMenu('bloc');" href="#" >Afficher/masquer</a>
>



Le bloc

<
<div id="bloc" style="display:none;">
Ce bloc n'est plus masqué.
</div>
>



Tester

Bookmark and Share

Retour / Javascript - Haut de page

Arthezius © 2008-2010 - Page valide XHTML 1.0 Transitional