Admin

Menu

/ Accueil / Javascript / Quelques astuces

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

Article Commentaires

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

Site créé par Arthezius © 2008-2012