2 Fragen!
Rönnie
- dhtml
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:
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>
Hallo Rönnie,
- 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.
Der Anzeigebereich für in Frames eingesperrte Seiten liegt meines Wissens
immer innerhalb der Framegrenzen. Dieses gilt auch für vermeintlich nicht
zur Seite gehörenen Dinge, in diesem Fall Popups. Die Alternative ist nur,
auf Frames zu verzichten.
und 2.:
Eigentlich habe ich alle Tabellen im Script gleich bearbeitet.
Weswegen ich mir diesen Quelltextwust auch nciht antue. Am besten, Du
überprüfst die Dateien, die Dein Frameset ausmachen mit dem Validator
des W3Cs. Ich finde beim überfliegen dieser Tag Soup einige Fehler, die
Du beseitigen solltest.