nicht angemeldet
onMouseOut
Hallo,
ich möchte ein DHTML-Menü mit Links aufbauen. Das DHTML-Menü soll ausgeblendet werden, sobald die Maus den Menü-Bereich verlässt. Das hat hin, solange sich im Menü kein Link befindet.
Sobald ein Link im Menü eingesetzt ist, wird das Menü bereits nach dem Überfahren des Links ausgeblendet. Warum?
Grüsse
Georg
<HTML>
<HEAD>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function myAusblenden(myID)
{
obj = eval(myID);
obj.style.visibility = "hidden";
}
//-->
</SCRIPT>
<BODY>
<SPAN ID="m2" STYLE="visibility:visible;width=300;z-layer:0;background-color:#FFFF00" onMouseOut="myAusblenden('m2')">
<A HREF="http:www.irgendwohin.com" STYLE="z-layer:100" >erster Eintrag</A><BR>
zweiter Eintrag<BR>
dritter Eintrag<BR>
vierter Eintrag<BR>
fünfter Eintrag<BR>
sechster Eintrag
</SPAN>
</BODY>
</HTML>
-
Hi Georg,
wenn Du statt <span> <div> nimmst - geht's dann immer noch schief?
Grüße,
Utz
-
Tag Utz
Habe alles mögliche probiert (div, table, p ..).
Haut nirgends hin.
Gruss
Gregor-
Hi Gregor,
hm, ich hatte gehofft, Kind-Elemente würden nicht den onMouseOut-Event feuern...machen sie aber wohl doch...
Also hilft wohl nur ein Workaround, d.h. alle Kind-Elemente mit Einblenden-Skripten zu versehen. Folgender Code ist zwar nicht hübsch, hat aber das gewünschte Verhalten:
<HTML>
<HEAD>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function myAusblenden(myID)
{
obj = eval(myID);
obj.style.visibility = "hidden";
}function myEinblenden(myID)
{
obj = eval(myID);
// alert(obj.style.visibility);
obj.style.visibility = "visible";
}
//-->
</SCRIPT>
<BODY>
<SPAN ID="m2" STYLE="visibility:visible;width=300;z-layer:0;background-color:#FFFF00" onMouseOut="myAusblenden('m2')" onMouseOver="myEinblenden('m2');">
<A HREF="http://www.irgendwohin.com" STYLE="z-layer:100" onMouseOver="myEinblenden('m2');" onMouseOut="myEinblenden('m2');">erster Eintrag</A><BR>
zweiter Eintrag<BR>
dritter Eintrag<BR>
vierter Eintrag<BR>
fünfter Eintrag<BR>
sechster Eintrag</div>
</BODY>
</HTML>Grüße,
Utz
-
Hallo Utz
Haut hin, macht genau das, was ich möchte. Danke für die Hilfe.
Gruss
Jörg
-
-
-
-
Hoi,
ich möchte ein DHTML-Menü mit Links aufbauen. Das DHTML-Menü soll ausgeblendet
werden, sobald die Maus den Menü-Bereich verlässt. Das hat hin, solange sich im Menü
kein Link befindet.<SPAN ID="m2" STYLE="visibility:visible;width=300;z-layer:0;background-color:#FFFF00" onMouseOut="myAusblenden('m2')">
Benutze mal div stattdessen und ein position:absolute (fuer NN4x)
<A HREF="http:www.irgendwohin.com" STYLE="z-layer:100" >erster Eintrag</A><BR>
Hast du schon ein onMouseOut="return false;" hier im Link versucht?
Gruesse,
CK