nicht angemeldet
Navigationsleiste mit Ebenen
Hallo,
ich habe eine Navigationsleiste mit Ebenen, die sich nur öffnet wenn man darauf klickt, und sich erst wieder schließt wenn man auf ein Link klickt.
Ich würde dies nun gerne ändern, so das das Menü (die Ebene) erscheint wenn man mit der Maus darüberfährt (onMouseover ??) und das das Menü verschwindet wenn man davon weg geht.
Ich hoffe jemand hier kann mir helfen...
Gruß Dadsche
-
Hallo,
Wie waer's mit etwas Quellcode, damit man weiss, worum es geht?
Dieter
-
hi,
ich habe eine Navigationsleiste mit Ebenen, die sich nur öffnet wenn man darauf klickt, und sich erst wieder schließt wenn man auf ein Link klickt.
Ich würde dies nun gerne ändern, so das das Menü (die Ebene) erscheint wenn man mit der Maus darüberfährt (onMouseover ??) und das das Menü verschwindet wenn man davon weg geht.
was hast du dazu bisher probiert?
gruss,
wahsaga -
Hier nun der Quelltext (hab ich nach irgendeinem Tut. gemacht..)
Gruß Dadsche
---------------------------------------------------------------------
Quelltext
---------------------------------------------------------------------
<style>.menu
{
position: absolute;
top: 0;
z-index: 2;
}.submenu
{
position: absolute;
top: 22;
z-index: 0;
visibility: hide;
visibility: hidden;
}</style>
<script>
<!--function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}var old;
var memold;if(document.layers)
{
window.captureEvents(Event.MOUSEUP);
window.onmouseup=do_out;
} else
{
document.onmouseup=do_out; // oder auch: document.onmouseclick=do_out
}function do_menu(x)
{
if(!old)
old=memold;if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
}function do_out()
{
if(old)
hide_layer(old);memold=old; old="";
}// -->
</script></head>
<body bgcolor="#0000FF" text="#0000FF" leftmargin="0" topmargin="0">
<div id="m1" class="menu" style="left: 0;; top: 0; height: 0">
<table cellspacing=0 cellpadding=0 border=1 width=157 height="30" bgcolor="#FFFFFF" bordercolor="#000000">
<tr>
<td bgcolor="#FFFFFF">
<div align="center"><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')">Test</a> </div>
</td>
</tr>
</table>
</div><div id="m1x" class="submenu" style="left: 0;; height: 63; width: 157; top: 30">
<table cellspacing=0 cellpadding=0 border=1 width=157 height="63">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#000000" border=1 width="157" height="21" >
<font class="font2"><a href="datei.html"> - Test</a></font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#000000" border=1 width="157" height="21" >
<font class="font2"><a href="datei.html"> - Test</a></font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#000000" border=1 width="157" height="21" >
<font class="font2"><a href="datei.html"> - Test</a></font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#000000" border=1 width="157" height="21" >
<font class="font2"><a href="datei.html"> - Test</a></font></td>
</tr>
</table>
</div>-
Hallo,
Diesen Code solltest Du nicht mehr verwenden, da er nur in alten Netscapes und einigen IE's laeuft. Bitte lies in SelfHTML das Kapitel
http://selfhtml.teamone.de/dhtml/modelle/index.htm.Dieter
-
Danke, nur ich kenne mich in JavaScript noch nicht so gut aus, da gibt es doch auch möglichkeiten es in einer externen Datei zu speichern und dann die Datei einbindt, und dann die Informationen daraus liest. Kennst du irgendeine Quelle wo man sich enger mit JavaScript befassen kann?
Gruß Dadsche
-
hi,
Danke, nur ich kenne mich in JavaScript noch nicht so gut aus, da gibt es doch auch möglichkeiten es in einer externen Datei zu speichern und dann die Datei einbindt, und dann die Informationen daraus liest. Kennst du irgendeine Quelle wo man sich enger mit JavaScript befassen kann?
für den anfang tut's doch http://selfhtml.teamone.de/javascript/ ganz gut, oder?
gruss,
wahsaga
-
-
-