Chris: onmouseout auch auf a, div Elementen

Beitrag lesen

Hi,

ich komme einfach nicht weiter.
Bei onMouseOut soll das Menü noch sichtbar bleiben, wenn ich von NavigationLevel3 nach a wechsel.
Ohne a oder div um die Inhalte im Sprungmenü geht´s.

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Unbenanntes Dokument</title>  
  
<script language="javascript" type="text/javascript">  
function hideMe (event)  
{  
 document.getElementById("NavigationLevel3").style.visibility = "hidden";  
}  
  
function hideLayer(event)  
{  
 var target = event.target || event.srcElement || false;  
 var toElement = event.relatedTarget || event.toElement || false;  
  
 if (target.id == "NavigationLevel3"  && toElement.id != "14")  
 {  
  document.getElementById("NavigationLevel3").style.visibility = "hidden";  
 }  
 else  
 {  
 }  
}  
  
  
function showLayer(menuid)  
{  
 posLeft = document.getElementById(menuid).offsetLeft;  
 document.getElementById("NavigationLevel3").style.left = posLeft;  
 document.getElementById("NavigationLevel3").style.visibility = "visible";  
}  
  
</script>  
  
</head>  
  
<body>  
<div id="14" onmouseover="showLayer(14)" onmouseout="hideLayer(event)">testlink</div>  
  
<div id="NavigationLevel3" style="visibility:hidden; padding: 6px 0px 0px 0px; position:absolute; top:150px; left:200px; z-index:2; border:1px solid #3172A8; background-color: #F8F8F8;" onmouseout="hideMe(event)">  
 Testmenue1<br />  
    <a href="test.html">Testmenue</a>  
</div>  
  
</body>  
</html>  
  

Das muss doch irgendwie zu schaffen sein?

Danke schon mal.
Bye, Chris