Alle DIVs an und ausschalten. - javarea.de Forum powered by javarea.de

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41:

<html>
<head>

<style type="text/css" media="screen">
<!--
div
{
	display: block;
}
//-->
</style>

<script language="JavaScript" type="text/javascript">
<!--
function on_off_div()
{
	with (document)
	{
		var anz = getElementsByTagName('div').length;

		for (var x = 0; x < anz; x++)
		{
			var styl = getElementsByTagName('div')[x].style.display;
			getElementsByTagName('div')[x].style.display = (styl != 'none') ? 'none' : 'block';
		}
	}
}
//-->
</script>

</head>
<body>

<div style="background-color: #f00;">erster</div>
<div style="background-color: #0f0;">zweiter</div>
<div style="background-color: #00f;">dritter</div>

<a href="javascript:on_off_div();">verstecken | anzeigen</a>

</body>
</html>