nicht angemeldet
Menü verschwindet bei mouseout nicht!
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>-->
-
Hallo Mia
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?
Du solltest erstmal in aller Ruhe und Schrittweise eine Dokumentation für JS durcharbeiten. Dein Skript enthält einige Fehler und man gewinnt den Eindruck, dass du vielleicht zuviel für den Anfang willst.
Natürlich ist selfhtml http://selfhtml.teamone.de/javascript/index.htm ein guter Platz um seine Kenntnisse über JS ein wenig zu fördern ;-)
Struppi.
-
Hallo Struppi!
Danke erstmal für deine Antwort! Jaaaaa ich will tatsächlich ein wenig viel - kann sein.. :) Ich werd mich auf jeden fall mal einlesen!
Aber vielleicht erbarmt sich ja jemand und bügelt mir die fehler raus... ;)
Grüße, Mia
-