nicht angemeldet
hallo!
wer kann mir bitte bei diesem menü helfen? ich hab da probleme mit dem "show" und "hide"...
vielen dank im voraus für eure hilfe!!
das wär das script:
<html>
<head>
<title></title>
</head>
<body bgcolor="#ffffff" topmargin="4">
<script language="JavaScript">
<!--
function clean ()
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5'))
{
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='hidden';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
return;
}
function menu (i)
{
switch(i)
{
case 1:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.m1.visibility="show";
window.document.m2.visibility="hide";
window.document.m3.visibility="show";
window.document.m4.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='visible';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='visible';
return;
}
case 2:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.m1.visibility="hide";
window.document.m2.visibility="show";
window.document.m3.visibility="hide";
window.document.m4.visibility="show";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='visible';
layers[6].style.visibility='hidden';
layers[8].style.visibility='visible';
return;
}
case 3:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="show";
window.document.m4.visibility="show";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='visible';
layers[6].style.visibility='hidden';
layers[8].style.visibility='visible';
return;
}
}
}
//-->
</script>
<div id="b" style="position:absolute; left:30; top:5; width:340; height:170; z-index:1; visibility: hidden;">
<a href="#" onmouseover="clean()" onmouseout="clean()"></a>
</div>
<div id="h1" style="position:absolute; left:215; top:5; z-index:2; visibility: visible; background-color=#FEFCE6">
<a href="#" onmouseover="menu(1)">Menu 1</a>
</div>
<div id="m1" style="position:absolute; left:215; top:25; z-index:3; visibility: hidden; background-color=#FEFCE6" >
<a href="#">Punkt 1</a><br>
<a href="#">Punkt 2</a><br>
<a href="#">Punkt 3</a><br>
<a href="#">Punkt 4</a>
</div>
<div id="h2" style="position:absolute; left:300; top:5; z-index:4; visibility: visible; background-color=#FEFCE6">
<a href="#" onmouseover="menu(2)">Menu 2</a></div>
<div id="m2" style="position:absolute; left:300; top:25; z-index:5; visibility: hidden; background-color=#FEFCE6">
<a href="#">Punkt 1</a><br>
<a href="#">Punkt 2</a><br>
<a href="#">Punkt 3</a><br>
<a href="#">Punkt 4</a>
</div>
<div id="h3" style="position:absolute; left:350; top:5; z-index:6; background-color=#FEFCE6">
<a href="#" onmouseover="menu(3)">Menu 3</a>
</div>
<div id="m3" style="position:absolute; left:350; top:25; z-index:7; visibility: hidden; background-color=#FEFCE6">
<a href="#">Punkt 1</a><br>
<a href="#">Punkt 2</a><br>
<a href="#">Punkt 3</a><br>
<a href="#">Punkt 4</a>
</div>
<div id="h4" style="position:absolute; left:400; top:5; z-index:8; background-color=#FEFCE6">
<a href="#" onmouseover="menu(4)">Menu 4</a>
</div>
<div id="m4" style="position:absolute; left:400; top:25; z-index:9; visibility: hidden; background-color=#FEFCE6">
<a href="#">Punkt 1</a><br>
<a href="#">Punkt 2</a><br>
<a href="#">Punkt 3</a><br>
<a href="#">Punkt 4</a>
</div>
<table border="0" cellpadding="0">
<tr>
<td width="215"> </td>
<td bgcolor="#FEFCE6" width="500"> </td>
</tr>
</table>
</body>
</html>