Mia: Menü verschwindet bei mouseout nicht!

Beitrag lesen

Hallo Ihr! Hab hier mal einen kompletten code für euch, komme da nicht weiter. Es handelt sich da um ein script das ich personalisiert habe, wo eigentlich vorher nur 2 menüs drin waren und ich hab 3 draus gemacht. Wenn man über das 3. geht und dann direkt wieder über das 2. oder 1. dann verschwindet das 3. pulldown menü nicht... Warum? Ich bin nicht sehr gut in javascript, kann mir jemand helfen? EIgentlich sollen es insegsamt sogar 7 menüpunkte werden. Was muss ich also prinzipiell beachten?

Vielen Dank für Hilfe! :)

<!--  <html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT for="document" event="onclick">
var menu2=false
if  (menu2==false)
  {
list1.style.display='none'
list2.style.display='none'
list3.style.display='none'
}
</SCRIPT>

<SCRIPT for="document" event="onmouseover">
if  (menu==false)

{
list1.style.display='none'
list2.style.display='none'
list3.style.display='none'
}
</SCRIPT>

<script language="javascript">
<!--
var menu = false

function show(number,numberhide){
 number.style.display=''
 numberhide.style.display='none'
}

function hide(){
 if(menu==false){
  list1.style.display='none'
  list2.style.display='none'
  list3.style.display='none'
 }
}
-->
</script>
</head>

<body style="margin-top: 0px; margin-left: 4px" bgcolor="ivory">
<table id="menutable" style="position:absolute; left:0; top:0" height="19" cellspacing="0" cellpadding="0" border="0">
    <td width="115" height="19" bgcolor="#FFA210" style="cursor:hand;" onmouseover="show(list1,list2); menu=true; menu2=true" onmouseout="menu=false; menu2=false">
      <center>
        <font face="Verdana" size="2" color="#FFFFFF"><b>Mail</b></font>
      </center>
</td>
    <td width="115" bgcolor="#FFA210" id="menutable2" style="cursor:hand;" onmouseover="show(list2,list1); menu=true; menu2=true" onmouseout="menu=false; menu2=false">
      <center>
        <font face="Verdana" size="2" color="#FFFFFF"><b>Javascripts</b></font>
      </center>
</td>
</td>
    <td width="115" bgcolor="#FFA210" id="menutable3" style="cursor:hand;" onmouseover="show(list3,list2,list1); menu=true; menu2=true" onmouseout="menu=false; menu2=false">
      <center>
        <font face="Verdana" size="2" color="#FFFFFF"><b>Blablabla</b></font>
      </center>
</td>
</table>

<div style="width:110; position:absolute; left:0; top:19; display:none; cursor:hand; border: #FFA210; border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-width:1" id="list1" onmouseover="menu=true" onmouseout="menu=false">

<table bgcolor="#FF9A00" style="cursor:hand" width="110px" border="0" cellpadding="0" cellspacing="0">

<td onclick="javascript:location.href='http://www.hotmail.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Hotmail</font>
</td><tr>

<td id="nr2" onclick="javascript:location.href='http://mail.yahoo.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Yahoo Mail</font>
</td><tr>

<td id="nr3" onclick="javascript:location.href='http://www.mail.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Mail.com</font>
</td><tr>

<td id="nr4" onclick="javascript:location.href='http://www.netadress.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Net@dress</font>
</td>

</table>

</div>

<div style="position:absolute; width:110; left:115; top:19; display:none; cursor:hand; border: #FFA210; border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-width:1" id="list2" onmouseover="menu=true" onmouseout="menu=false">

<table bgcolor="#EF6500" style="cursor:hand" width="110px" border="0" cellpadding="0" cellspacing="0">

<td onclick="javascript:location.href='http://www.hotmail.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Hotmail</font>
</td><tr>

<td id="nr2" onclick="javascript:location.href='http://mail.yahoo.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Yahoo Mail</font>
</td><tr>

<td id="nr3" onclick="javascript:location.href='http://www.mail.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Mail.com</font>
</td><tr>

<td id="nr4" onclick="javascript:location.href='http://www.netadress.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">Net@dress</font>
</td>

</table>
</div>

<div style="position:absolute; width:110; left:230; top:19; display:none; cursor:hand; border: #FFA210; border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-width:1" id="list3" onmouseover="menu=true" onmouseout="menu=false">

<table bgcolor="#EF6500" style="cursor:hand" width="110px" border="0" cellpadding="0" cellspacing="0">

<td onclick="javascript:location.href='http://www.hotmail.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">dshfgh</font>
</td><tr>

<td id="nr2" onclick="javascript:location.href='http://mail.yahoo.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">sfhgfsgh</font>
</td><tr>

<td id="nr3" onclick="javascript:location.href='http://www.mail.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">sfghsfh</font>
</td><tr>

<td id="nr4" onclick="javascript:location.href='http://www.netadress.com'" style="padding-left: 5px; background-color:#FFA210; cursor:hand" onmouseover="this.style.background='#EF6500'" onmouseout="this.style.background='#FFA210'">
<font face="Verdana" size="2" color="#FFFFFF">sfghfsh</font>
</td>

</table>
</div>

</body>
</html>-->