Home + Webmaster + Script + Javascript + Finestre e Frame + Interrutore CSS

Interrutore CSS

Questo javascript consente di creare un interruttore che andrà ad interagire con il contenuto che si vuole visualizzare, molto utile per non occupare troppo spazio sulla pagina.

Download codice sorgente

<html>
<head>
<style>
#piu {
	padding: 10px;
	display: none;
}

#foto {
	display: none;
}

#form {
	display: none;
}
</style>
<script language="JavaScript">
function toggleLayer(whichLayer)
{
	if (document.getElementById)
	{
		// this is the way the standards work
		var style2 = document.getElementById(whichLayer).style;
		style2.display = style2.display? "":"block";
	}
	else if (document.all)
	{
		// this is the way old msie versions work
		var style2 = document.all[whichLayer].style;
		style2.display = style2.display? "":"block";
	}
	else if (document.layers)
	{
		// this is the way nn4 works
		var style2 = document.layers[whichLayer].style;
		style2.display = style2.display? "":"block";
	}
}
</script>
</head>

<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nisl neque, tempor sed, congue vel, luctus et, mauris.Pellentesque id velit et pede pulvinar porta. Pellentesque sit amet arcu eget purus placerat semper. Nunc luctus dictum lacus.</p>

<div id="piu">
Nam interdum pellentesque nibh. Pellentesque imperdiet turpis eget risus. Morbi dui magna, viverra quis, tempor ac, lacinia sit amet, felis. Maecenas ultrices, turpis eu convallis cursus, pede augue fermentum leo, vel faucibus purus purus ac velit. Fusce a nisi et risus dignissim egestas.</div>

<p><a href="javascript:toggleLayer('form');">Commento</a></p>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Virus Scan McAfee Protteggi al meglio il tuo computer. Mcafee Total Protection con il 20% di sconto.

Javascript e DHTML Corso per imparare lo scripting lato client con Javascript adatto a qualsiasi livello di esperienza.

Hosting illimitato Scegli l'offerta di hosting illimato di Hostek per il tuo sito web. Ottimo servizio e soprattutto ottimi prezzi!