Ich hoffe es kann mir jemand helfen:
1.Funktioniert das ganze nicht im Netscape,da kommt einfach kein untermenue zum Vorschein.
2.Wenn ich auf das untermenü klicke passiert nichts, außer das es verschwindet, aber kein Inhalt kein gar nix erscheint.
<style>
A:link {text-decoration: none; color:#ffffff;}
A:visited {text-decoration: none; color:#ffffff;}
A:active {text-decoration: none; color:#ffffff;}
A:hover {text-decoration: none; color:#ffffff;}
.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.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
if(document.layers)
{
window.captureEvents(Event.MOUSEUP);
window.onmouseup=do_out;
} else
{
document.onmouseclick=do_out; // oder auch: document.onmouseup=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="";
}
// -->
<div id="m1" class="menu" style="left: 5;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=115>
<tr><td>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>HOME</b></a>
</table>
</div>
<div id="m1x" class="submenu" style="left: 5;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=115>
<tr><td>
<a href="frames.htm">Wir über uns</a><br>
<a href="">Leistungen</a><br>
<a href="">Aktivitäten</a><br>
<a href="">Mitglieder</a>
</table>
</div>
<div id="m2" class="menu" style="left: 120;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=100>
<tr><td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>SCHULE</b></a>
</table>
</div>
<div id="m2x" class="submenu" style="left: 120;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=100>
<tr><td>
<a href="">Wir über uns </a><br>
<a href="">Aktivitäten</a><br>
<a href="">Stundenplan</a>
</table>
</div>
1.Funktioniert das ganze nicht im Netscape,da kommt einfach kein untermenue zum Vorschein.
2.Wenn ich auf das untermenü klicke passiert nichts, außer das es verschwindet, aber kein Inhalt kein gar nix erscheint.
<style>
A:link {text-decoration: none; color:#ffffff;}
A:visited {text-decoration: none; color:#ffffff;}
A:active {text-decoration: none; color:#ffffff;}
A:hover {text-decoration: none; color:#ffffff;}
.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.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
if(document.layers)
{
window.captureEvents(Event.MOUSEUP);
window.onmouseup=do_out;
} else
{
document.onmouseclick=do_out; // oder auch: document.onmouseup=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="";
}
// -->
<div id="m1" class="menu" style="left: 5;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=115>
<tr><td>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>HOME</b></a>
</table>
</div>
<div id="m1x" class="submenu" style="left: 5;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=115>
<tr><td>
<a href="frames.htm">Wir über uns</a><br>
<a href="">Leistungen</a><br>
<a href="">Aktivitäten</a><br>
<a href="">Mitglieder</a>
</table>
</div>
<div id="m2" class="menu" style="left: 120;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=100>
<tr><td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>SCHULE</b></a>
</table>
</div>
<div id="m2x" class="submenu" style="left: 120;">
<table bgcolor=003366 cellspacing=0 cellpadding=2 border=0 width=100>
<tr><td>
<a href="">Wir über uns </a><br>
<a href="">Aktivitäten</a><br>
<a href="">Stundenplan</a>
</table>
</div>