nicht angemeldet
Hallo liebes Forum!
Ich habe auf diesem Weg schonmal versucht eine Antwort auf mein Problem zu bekommen. Leider ist mein Eintrag nicht mehr vorhanden!?
Hier mein Problem:
Ich versuche mir ein Menüsystem zu erstellen. Jedoch werden die Layer durch den benachbarten Frame abgeschnitten. Wie kann ich dieses Problem beheben?
Hier das bisheriges Skript (stammt nicht von mir, sondern von traci.de, ich habe es nur zu meinen Gunsten umgeformt):
Es würde mich sehr freuen, wenn mir jemand sagen könnte, was falsch ist und wie man mein Problem lösen kann.
<script language="javascript"> <!-- if(document.layers) document.write('<frameset rows="86," frameborder="NO" border="0" framespacing="0" noborder marginwidth="0" marginheight="0" scrolling="NO" noresize>\n <frame src="top.htm" name="logo" frameborder="NO" marginwidth="0" marginheight="0" scrolling="NO" border="0" noborder noresize>\n'); if(document.all) document.write('<frameset rows="83," frameborder="NO" border="0" framespacing="0" noborder marginwidth="0" marginheight="0" scrolling="NO" noresize>\n <frame src="top.htm" name="logo" frameborder="NO" marginwidth="0" marginheight="0" scrolling="NO" border="0" noborder noresize>\n'); if(document.layers) document.write('<frameset cols="157," frameborder="NO" border="0" framespacing="0" noborder marginwidth="0" marginheight="0" scrolling="NO" noresize>\n'); if(document.all) document.write('<frameset cols="150," frameborder="NO" border="0" framespacing="0" noborder marginwidth="0" marginheight="0" scrolling="NO" noresize>\n'); //--> </script>
<SCRIPT language=JavaScript type=text/javascript> <!-- Browser=""; if(navigator.appName.indexOf("Netscape")==-1) Browser="IE" else { if (document.layers) Browser="NS4"; else Browser="NS6"; }
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0; layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0; if (Browser =="NS6")layer= (document.getElementById) ? "document.getElementById('L'+menu).style" :(document.layers && No3) ? "document.layers['L'+menu]" : 0;
var timer; function Show() { if(layer) { if(timer) clearTimeout(timer); for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } } for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = "visible"; } } } function Hide() { timer = setTimeout("Show()", 500); } //--> </SCRIPT>
<BR><DIC id=menubar style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: relative"> <div align="left"> <TABLE cellSpacing=0 cellPadding=3 width=113 border=0> <TBODY> <TR> <TD width="105" align="center"> <p align="center"><a onmouseover="Show(1,7)" onmouseout="Hide(1,7)" </a href="http://www.bstm.de/shop"><img border="0" src="images/buttons/shop.gif" width="94" height="26" align="left"></a></p> </TD> </TR> <TR> <TD width="105" align="center"><a onmouseover="Show(2,7)" onmouseout="Hide(2,7)" <a href="leistungen.gif"><img border="0" src="images/buttons/leistungen.gif" width="132" height="26"></a></TD> </TR> <TR> <TD width="105" align="center"></TD> </TR> <TR> <TD width="105" align="center"><A onmouseover=Show(3,7) onmouseout=Hide(3,7)<a href="http://www.bstm.de/leistungen"><img border="0" src="images/buttons/privat.gif" width="132" height="26"></a></TD> </TR> <TR> <TD width="105" align="center"><A onmouseover=Show(4,7) onmouseout=Hide(4,7)<a href="http://www.bstm.de/leistungen"><img border="0" src="images/buttons/kostenlos.gif" width="132" height="26"></a></TD> </TR></TBODY></TABLE>
</div>
<SCRIPT language=JavaScript> <!-- hovercolor = "#BBBBBB"; // color name/code bgcolor = "#ffffff"; // color name/code background = ""; // picture url menu_border = 0; // IE only border_color = "#000000"; // IE only arrow_pic = "script740849_0_2.gif"; // url of arrow picture for submenus
if(document.all) { if(!background) { background=bgcolor; } } if(Browser=="NS6") { if(!background) { background=bgcolor; } } if(Browser=="NS4"){ background = "url("+background+")"; }
function LayerSpecs(Left,Top,Width) { if(No3) { if(document.all) { Top+=7; Left+=2; Width-=6; } if(Browser=="NS6"){ Top+=7; Left+=2; Width-=6; } this.left = Left; this.top = Top; this.info = ""; T=0; for(i=3; i<arguments.length; i++) { if(Browser=="IE") { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=""+hovercolor+""' onMouseOut='this.bgColor=""'>"+arguments[i]+"</TD></TR>"; } if(Browser =="NS6") { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=""+hovercolor+""' onMouseOut='this.bgColor=""'>"+arguments[i]+"</TD></TR>"; } if(Browser == "NS4") { this.info += "<LAYER onMouseOver='this.bgColor=""+hovercolor+""' onMouseOut='this.bgColor=""+bgcolor+""' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+"> "+arguments[i]+"</LAYER>"; } T+=20; } } }
Layer = new Array(); arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=10 BORDER=0 ALT=''>";
Layer[1] = new LayerSpecs(100,22,110, '<a href="http://www.bstm.de/shop" onMouseOver="Show(1)"><img border="0" src="software.gif" width="94" height="26"></A>'
);
Layer[2] = new LayerSpecs(150,46,110, '<a href="http://www.bstm.de/shop" onMouseOver="Show(2)"><img border="0" src="webdesign.gif" width="94" height="26"></A>', '<a href="http://www.bstm.de/shop" onMouseOver="Show(2)"><img border="0" src="schreiben_scannen_archivieren.gif" width="94" height="26"></A>', '<a href="http://www.bstm.de/shop" onMouseOver="Show(2)"><img border="0" src="corporate_design_communication.gif" width="94" height="26"></A>', '<a href="http://www.bstm.de/shop" onMouseOver="Show(2)"><img border="0" src="programmieren.gif" width="94" height="26"></A>', '<a href="http://www.bstm.de/shop" onMouseOver="Show(2)"><img border="0" src="studentenservice.gif" width="94" height="26"></A>', '<a href="http://www.bstm.de/shop" onMouseOver="Show(2)"><img border="0" src="coaching.gif" width="94" height="26"></A>'
);
Layer[3] = new LayerSpecs(100,70,110, '<A HREF="http://www.traci.de">Layer 3</A> '+arrow <!--'<A HREF="http://www.traci.de">Javascript Archiv</A> ',--> <!--'<A HREF="http://www.traci.de">Javascript Archiv</A> ',--> <!--'<A HREF="http://www.traci.de">Javascript Archiv</A> ',--> <!--'<A HREF="http://www.traci.de">Javascript Archiv</A> '--> );
Layer[4] = new LayerSpecs(230,22,110, '<A HREF="http://www.traci.de" onMouseOver="Show(4,1)">Layer 4</A> ', '<A HREF="http://www.traci.de" onMouseOver="Show(4,1)">Javascript Archiv</A> ', '<A HREF="http://www.traci.de" onMouseOver="Show(4,1)">Javascript Archiv</A> ', '<A HREF="http://www.traci.de" onMouseOver="Show(5,4,1)">Javascript Archiv</A> '+arrow, '<A HREF="http://www.traci.de" onMouseOver="Show(4,1)">Javascript Archiv</A> ' );
Layer[5] = new LayerSpecs(360,22,110, '<A HREF="http://www.traci.de">Layer 5</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ' );
Layer[6] = new LayerSpecs(230,46,110, '<A HREF="http://www.traci.de">Layer 6</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ' );
Layer[7] = new LayerSpecs(230,60,110, '<a href="http://www.bstm.de/shop" onMouseOver="Show(1)"><img border="0" src="test.gif" width="94" height="26"></A>'
);
Layer[8] = new LayerSpecs(230,84,110, '<A HREF="http://www.traci.de">Layer 8</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ', '<A HREF="http://www.traci.de">Javascript Archiv</A> ' ); j = (Layer[0]) ? 0:1; for(i=j; i<Layer.length; i++) {
if(Browser=="IE") { document.write("<div onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer[i].top+"; left:"+Layer[i].left+";'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer[i].info+"</TABLE></div>"); } if(Browser=="NS4") { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer[i].top+" LEFT="+Layer[i].left+">"+Layer[i].info+"</LAYER>"); } if(Browser=="NS6") { document.write("<div ID='L"+i+"' onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer[i].top+"px; left:"+Layer[i].left+"px;'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer[i].info+"</TABLE></div>"); }
}
if(Browser=="IE"){ document.all["menubar_1"].style.visibility = "visible"; } if(Browser=="NS4") { document.layers["menubar_1"].visibility = "visible"; } if(Browser=="NS6") {document.getElementById('menubar_1').style.visibility = "visible"; }
// --> </SCRIPT>
<!--Ende des Scripts-->