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

Guadagna con i sondaggi! Iscriviti adesso e potrai guadagnare qualche soldino partecipando ai sondaggi online!

Motori di ricerca & Marketing Indispensabile a chiunque voglia imparare lo splendido lavoro del Web Marketer!

Linux Guida al sistema operativo open-source, completamente gratuito e potente.