nicht angemeldet
Hallo,
ich versuche gerade folgendes Script in meine Seite einzubinden. Es ist ein Pop-Up-Navigations Script und scheint auch zu funktionieren. Es gibt aber zwei Probleme:
- Da meine Seite 2 Frames hat (oben/unten) und die Navigationsleiste am der unteren Kante des oberen Frames liegt verdeckt der untere (main frame) die Pop Up Navigationspunkte wenn sich diese nach unten öffnen. Kann ich die "Reihenfolge" der Frames irgendwie beeinflussen oder was könnte ich machen?
und 2.: Eigentlich habe ich alle Tabellen im Script gleich bearbeitet. Die Tabellen 1-3 & 7 funktionieren auch (d.h. das pop up öffnet sich nacht unten). Bei 4, 5 & 6 tut sich allerdings gar nichts & ich kann keinen Fehler finden...
Vielen Dank schon mal für die Hilfe!
Gruß Rönne
Hier noch mein kompletter oberer Frame inkl. Script:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>
<body text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" background="top_groß.gif"> <tr> <td width="1000" height="142"><p align="right"> </p> <br> </td> <td background="../support_test/top_klein.gif"> </td> </tr> </table> <style>
.menu
{
position: absolute;
top:85;
z-index: 2;
}
.submenu
{
position: absolute;
top: 85;
z-index: 0;
visibility: hide;
visibility: hidden;
}
</style> <script> <!-- var old; var memold; if(document.layers) { window.captureEvents(Event.MOUSEDOWN); window.onmousedown=do_out; } else { document.onmousedown=do_out; } 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"; } 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> <div id="m1" class="menu" style="left: 230; z-index: 2"> <table width="50" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td bgcolor="333366"><div align="center"><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b><font face="Arial Narrow">Home</font></b></a> </div></td> </tr> </table> </div> <div id="m1x" class="submenu" style="left: 230; top:85; z-index: 0;"> <table width="50" height="130" border="1" align="left" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> </tr> </table> </div>
<div id="m2" class="menu" style="left: 280; z-index: 2"> <table width="100" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td bgcolor="333366"><div align="center"><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b><font face="Arial Narrow">Unternehmen</font></b></a> </div></td> </tr> </table> </div> <div id="m2x" class="submenu" style="left: 280; top:85; z-index: 0;"> <table width="100" height="130" border="1" align="left" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td height="128" valign="bottom" bgcolor="333366"><a href="#"><font size="2" face="Arial Narrow">Unternehmen und Credo</font></a><font size="2" face="Arial Narrow"><br> <a href="#">Standorte</a><br> <a href="#">Stellenangebote</a><br> <a href="#">Impressum und AGB</a></font></td> </tr> </table> </div>
<div id="m3" class="menu" style="left: 380;"> <table width="70" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td><div align="center"><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b><font face="Arial Narrow">Produkte</font></b></a> </div></td> </tr> </table> </div> <div id="m3x" class="submenu" style="left: 380; top:85; z-index: 0;"> <table width="70" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td height="143" valign="bottom"><a href="#"><font size="2" face="Arial Narrow">Produkt-Entwicklung</font></a><font size="2" face="Arial Narrow"><br> <a href="#">Formenbau-Lösung</a><br> <a href="#">Fertigung<br> <a href="#">Datenaus-tausch (Automotive)</a></font></td> </tr> </table> </div>
<div id="m4" class="menu" style="left: 450; z-index: 2"> <table width="100" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td bgcolor="333366"><div align="center"><a href="javascript:do_menu('m4x')" onmouseover="do_check('m4x')"><b><font face="Arial Narrow">Unternehmen</font></b></a> </div></td> </tr> </table> </div> <div id="m4x" class="submenu" style="left: 450; top:85; z-index: 0;"> <table width="100" height="130" border="1" align="left" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#333366"> <tr> <td height="128" valign="bottom" bgcolor="333366"><a href="#"><font size="2" face="Arial Narrow">Unternehmen und Credo</font></a><font size="2" face="Arial Narrow"><br> <a href="#">Standorte</a><br> <a href="#">Stellenangebote</a><br> <a href="#">Impressum und AGB</a></font></td> </tr> </table> </div>
<div id="m5" class="menu" style="left: 550;"> <table width="60" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000"> <tr> <td bordercolor="#FFFFFF" bgcolor="#333366"><div align="center"><a href="javascript:do_menu('m5x')" onmouseover="do_check('m5x')"> <b><font face="Arial Narrow">Support</font></b></a> </div></td> </tr> </table> </div> <div id="m4x" class="submenu" style="left: 580; top:85; z-index: 0;"> <table width="100" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000"> <tr> <td height="110" valign="bottom" bordercolor="#FFFFFF" bgcolor="#333366"><a href="#"><font size="2" face="Arial Narrow">Kontakt-Hotline</font></a><font size="2" face="Arial Narrow"><br> <a href="#">Nützliche-Links</a><br> <a href="#">Hardware-IT-Empfehlung</a><br> <a href="#">Downloads</a> </font> </td> </tr> </table> </div>
<div id="m6" class="menu" style="left: 610;"> <table width="60" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000"> <tr> <td bordercolor="#FFFFFF" bgcolor="#333366"><div align="center"><a href="javascript:do_menu('m6x')" onmouseover="do_check('m6x')"><font face="Arial Narrow"><strong>Kontakt</strong></font></a></div></td> </tr> </table> </div> <div id="m6x" class="submenu" style="left: 610; top:85; z-index: 0;"> <table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="70"> <tr> </tr> </table> </div>
<div id="m7" class="menu" style="left: 670;"> <table width="80" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000"> <tr> <td bgcolor="#333366"><div align="center"><a href="javascript:do_menu('m7x')" onmouseover="do_check('m7x')"><b><font face="Arial Narrow">Referenzen</font></b></a></div></td> </tr> </table> </div> <div id="m7x" class="submenu" style="left: 670; top:85; z-index: 0;"> <table width="80" height="73" border="1" cellpadding="2" cellspacing="0" bordercolor="#FFFFFF" bgcolor="000000"> <tr> <td height="71" valign="bottom" bgcolor="#333366"><a href="#"><font size="2" face="Arial Narrow">Referenzliste</font></a><font size="2" face="Arial Narrow"><br> <a href="#">Showroom</a></font> </td> </tr> </table> </div> </body> </html>