nicht angemeldet
Hallo allerseits,
ich habe eine Menu erstellt, welches beim mouseover weitere Links anzeigt. Das klappt alles ganz gut!
Aber das Menu verschwindet nicht, wenn ich mich mit der Maus vom Menu entferne.
Stimmt was mit show und hide oder was hab ich falsch gemacht?
Wäre superfroh, wenn das Problem behoben werden könnte.
-----------------------------------------------------------
Hier der Quelletext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Navigation mit einfachem JavaScript Menu</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<STYLE type=text/css>A {
COLOR: black; FONT: 8pt Arial; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff3399; TEXT-DECORATION: underline
}
A.plain:hover {
COLOR: lime; FONT-SIZE: 8pt; TEXT-DECORATION: none
}
A:visited {
COLOR: grey
}
#box {
POSITION: absolute; VISIBILITY: hidden; layer-background-color: white
}
#gbox {
BACKGROUND-COLOR: white
}
#mnubar {
FONT: bold 8pt arial
}
</STYLE>
<SCRIPT language=JavaScript>
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"
function openIt(x) {
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show";
showbox.top=5
showbox.left=100;
var items = 1 ;
for (i=1; i<items; i++) {
elopen=document.layers[i]
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}
if(ie) {
curEl = event.toElement
curEl.style.background = "white"
showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top = 3
showBox.style.left = 100;
var items = 1 ;
for (i=0; i<items; i++) {
elOpen=document.all.box[i]
barEl=document.all.mnubar[i]
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "white"
}
}
}
}
function closeIt() {
var items = 1 ;
for (i=0; i<items; i++) {
if(ie){
document.all.box[i].style.visibility = "hidden"
barEl=document.all.mnubar[i]
barEl.style.background = "green"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}
</SCRIPT>
</HEAD>
<BODY bgColor=white leftMargin=0 topMargin=0 vLink=navy marginheight="0" marginwidth="0">
<TABLE bgColor=white border=0 cellPadding=0 height=1 id=mainmenu width="100%">
<TBODY>
<TR>
<TD align=middle noWrap width=54>
<A href="startseite.asp" id=mnubar onmouseover=openIt(0)>Linkempfehlung</A>
</TD>
</TR>
</TBODY>
</TABLE>
<FONT color=white face=Arial size=3>
<DIV onmouseover=closeIt()>
<LAYER onmouseover=closeIt()></LAYER></DIV>
<!-- Menu Bar Item 1 -->
<FONT size=8><DIV id=box style="LEFT: 2px">
<TABLE border=0 id=gbox cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD><A href="http://www.toiag-telefonbuch.de/NSAPI/Anfrage"
target=body>Telefonauskunft</A>
</TD>
</tr>
<tr>
<TD><A href="http://bahn.hafas.de/bin/query.exe/dn"
target=body>Bahnfahrplan</A>
</TD>
</TR>
<TR>
<TD><A href="http://www.unileoben.ac.at/~hlfbruck/sch/lage.htm" target=body>Lage
und Daten</A>
</TD>
</tr>
<tr>
<TD><A href="http://www.donnerwetter.de/region"
target=body>Wetter</A>
</TD>
</TR>
<TR>
<TD><A href="http://www.falk-online.de/"
target=body>Routenplaner</A>
</TD>
</TR>
<TR>
<TD><A href="http://www.verkehrslage.de/cgi-bin/vklp.cgi"
target=body>Verkehrslage</A>
</TD>
</TR>
<TR>
<TD><A href="http://www.langenscheidt.aol.de/"
target=body>Fremwörterbuch</A>
</TD>
</TR>
</TBODY>
</TABLE></DIV>
<DIV id=box style="LEFT: 378px"></DIV>
</FONT>
</BODY>
</HTML>
---------------------------------------------------------------
Danke & schönen Abend noch,
Stabilo