Hallo ,
Ich habe gerade ein Javascrip Menü in meine Page eingebunden. Aber wie Ihr auf meiner Website sehn könnt funktioniert es nicht !
Ich habe es offlin egestest das funzt alles prima aber nach dem FTP upload ins Netz sieht es so aus !!
heir der Quellcode :
der links.html von meiner Page
<html> <head> <title>links</title>
</head> <body background="stars2.gif" text="#00A0FF" link="#00C0FF" alink="#00C0FF" vlink="#00C0FF">
<br><br> <a href="http://phelanward.bei.t-online.de/"target="_top"><font color="#00A0FF"><font face="MS Sans Serif">Home</font></font></a><p></p> <br><br><br><br><br><br><br><br>
<style type="text/css"> <!-- a:link { text-decoration:none; font-weight:bold; color:#E0000; } a:visited { text-decoration:none; font-weight:bold; color:#00A0FF; } a:hover { text-decoration:none; font-weight:bold; background-color:#FFFF00; } a:active { text-decoration:none; font-weight:bold; background-color:#0000FF; } --> </style> <title>Text des Titels</title>
<body onload="init()"> <table border="0" cellpadding="4" cellspacing="3" width="100%"> <tr> <td align="left" width="20%" height="70"> <style> DIV.clTop {position:absolute; width:170} DIV.clSub {position:absolute; left:25; width:170;} #divCont {position:relative; left:1; height:200; width:170;} A.clMain {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black;} A.clSubb {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:black;} #divMain {position:absolute;} </style>
<script language="JavaScript"> <!-- var stayFolded=false var exImg=new Image(); exImg.src='dsmh.gif' var unImg=new Image(); unImg.src='usm.gif' var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this } function b_showIt(){this.css.visibility="visible"} function b_hideIt(){this.css.visibility="hidden"} function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oTop[5]=new makeMenu('divTop6','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') oSub[5]=new makeMenu('divSub6','divCont.document.divTop6') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } function menu(num){ if(browser){ if(!stayFolded){ for(i=0;i<oSub.length;i++){ if(i!=num){ oSub[i].hideIt() oTop[i].ref["imgA"+i].src=unImg.src } } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } if(oSub[num].vis()){ oSub[num].showIt() oTop[num].ref["imgA"+num].src=exImg.src }else{ oSub[num].hideIt() oTop[num].ref["imgA"+num].src=unImg.src } for(i=1;i<oTop.length;i++){ if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } } // --> </script>
<div id="divCont"> <div id="divTop1" class="clTop"><a href="nix.html" target="haupt" onclick="menu(0); return false" class="clMain"> <img src="usm.gif" name="imgA0" alt="" border="0">Seti@Home</a><br> <div id="divSub1" class="clSub"> <a href="was-ist-seti.html" target="haupt" class="clSubb">Was ist Seti?</a><br> <a href="teleskop.html" target="haupt" class="clSubb">Das Telekop</a><br> </div> </div> <div id="divTop2" class="clTop"><a href="nix.html" target="haupt" onclick="menu(1); return false" class="clMain"> <img src="usm.gif" name="imgA1" alt="" border="0">Seti und Ich</a><br> <div id="divSub2" class="clSub"> <a href="system-und-ich.html" target="haupt" class="clSubb">Mein System</a><br> <a href="ich.html" target="haupt" class="clSubb">Kontakt</a><br> </div> </div> <div id="divTop3" class="clTop"><a href="nix.html" target="haupt" onclick="menu(2); return false" class="clMain"> <img src="usm.gif" name="imgA2" alt="" border="0">Omegafaktor</a><br> <div id="divSub3" class="clSub"> <a href="subteam.html" target="haupt" class="clSubb">Das Team </a><br> <a href="anleitung.html" target="haupt" class="clSubb">Seti Anleitung</a><br> </div> </div> <div id="divTop4" class="clTop"><a href="nix.html" target="haupt" onclick="menu(3); return false" class="clMain"> <img src="usm.gif" name="imgA3" alt="" border="0">Links</a><br> <div id="divSub4" class="clSub"> <a href="andere-seiten.html" target="haupt" class="clSubb">Links</a><br> <a href="nix.html" target="haupt" class="clSubb">non Computer </a><br> </div> </div> <div id="divTop5" class="clTop"><a href="nix.html" target="haupt" onclick="menu(4); return false" class="clMain"> <img src="usm.gif" name="imgA4" alt="" border="0">Counter</a><br> <div id="divSub5" class="clSub"> <a href="counter.html" target="haupt" class="clSubb">Statistik</a><br> <a href="nix.html" target="haupt" class="clSubb">inaktiv</a><br> </div> </div> <div id="divTop6" class="clTop"><a href="nix.html" target="haupt" onclick="menu(5); return false" class="clMain"> <img src="usm.gif" name="imgA5" alt="" border="0">inaktiv</a><br> <div id="divSub6" class="clSub"> <a href="nix.html" target="haupt" class="clSubb">inaktiv</a><br> <a href="nix.html" target="haupt" class="clSubb">inaktiv</a><br> </div> </div> </div> </td> </tr> </table>
<div align="left"><font size="-1"><font color="#808080">Letzte Änderung am</font><br><font color="#C0C0C0">30.06.2002</font></font></font></div>
</html>