Stephen Schmidhofer: onmouseover stoert onmouseout.

Beitrag lesen

Ich will ein menusystem erstellen, das functioniert ganz gut, nur ich kann den layer nicht unsichtbar machen wenn ich mit der mouse hinausfahre... Was mach ich falsch...
hier ist der code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<html>
<head>

<STYLE TYPE="text/css">
  #tools{position:absolute; visibility:hidden; top:40; width:100;Left:25;height:60;background-color:"#8A8A8A";}
  </STYLE>

<script LANGUAGE="JavaScript">
<!-- hide from old browsers

<!--- A little bit DHTML  
function showlayer(name) {

document.all[name].style.visibility = "visible"  
document.all[name].style.zIndex = "10"  

}
function hidelayer(name) {

document.all[name].style.visibility = "hidden"  

}

function test(line) {

document.all.A1.style.setAttribute("color","black","false")
document.all.A2.style.setAttribute("color","black","false")
document.all.A3.style.setAttribute("color","black","false")
document.all.A1.style.removeAttribute("backgroundcolor","black","false")
document.all.A2.style.removeAttribute("backgroundcolor","black","false")
document.all.A3.style.removeAttribute("backgroundcolor","black","false")

document.all[line].style.setAttribute("color","white","false")
document.all[line].style.setAttribute("backgroundcolor","black","false")
}

//end script hiding -->

</script>

</head>
<body  bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#FFFFFF" alink="#FFFFFF">
<img src="..\images\menubar_tools.jpg" border="0" onmouseover=showlayer('tools')>
<br><br>
<p style="font:bold italic 24pt Palatino, serif">TESTPAGE</p>

<DIV ID="tools" onmouseout="hidelayer('tools')">
<table border=1 ><tr><td>
<li id="A1" style="font-size:8pt" onmouseover=test('A1')>A A A A A A A</li>
<li id="A2" style="font-size:8pt" onmouseover=test('A2')>B B B B B B B</li>
<li id="A3" style="font-size:8pt" onmouseover=test('A3')>C C C C C C C</li>
</td></tr></table>
</DIV>

</body>
</html>

bitte schreibt mir zurueck. die graphik ist nicht da aber der layer sollte auftauchen