AAAAARRRRRGGGGHHHHHH
Nu virker det i Explorer, men skidtet vil sgu' ikke i Netscape.
Jeg har på fornemmelsen, at det er p.g.a. de layers jeg bruger........PLEASE HELP ME - jeg bliver snart sindsyg. Her er koden:
<html>
<head>
<title>Funny.dk</title>
<link REL="STYLESHEET" HREF="../shared/style.css" TYPE="text/css">
<script language="JavaScript">
on=100
ani1=new Image(); ani1.src='ani1.gif'
ani2=new Image(); ani2.src='ani2.gif'
ani3=new Image(); ani3.src='ani3.gif'
ani4=new Image(); ani4.src='ani4.gif'
ani5=new Image(); ani5.src='ani5.gif'
ani6=new Image(); ani6.src='ani6.gif'
ani7=new Image(); ani7.src='ani7.gif'
ani8=new Image(); ani8.src='ani8.gif'
function skift()
{
if(!(on==100))document.images[on].src='menu'+on+'.gif';
}
var stayFolded=false
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')
oTop[6]=new makeMenu('divTop7','divCont')
oTop[7]=new makeMenu('divTop8','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')
oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')
oSub[7]=new makeMenu('divSub8','divCont.document.divTop8')
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()
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt()
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)
}
}
}
if(browser) onload=init;
</SCRIPT>
</HEAD>
<BODY bgcolor="#990000" topmargin="0" leftmargin="0">
<div id="divCont">
<div id="divTop1" class="clTop">
<a href="#" onclick="menu(0); document.et.src=ani1.src; skift(); on=0;" class="clMain"><img src="menu0.gif" border="0" name="et"></a><br>
<div id="divSub1" class="clSub">
<Font class="size14">
<a href="#">menu1</a><br>
<a href="#">menu1</a><br>
<a href="#">menu1</a>
</font>
</div>
</div>
<div id="divTop2" class="clTop">
<a href="#" onclick="menu(1); document.to.src=ani2.src; skift(); on=1;" class="clMain" ><img src="menu1.gif" border="0" name="to"></a><br>
<div id="divSub2" class="clSub">
<Font class="size14">
<a href="#">menu2</a><br>
<a href="#">menu2</a><br>
<a href="#">menu2</a>
</font>
</div>
</div>
<div id="divTop3" class="clTop">
<a href="#" onclick="menu(2); document.tre.src=ani3.src; skift(); on=2;" class="clMain" ><img src="menu2.gif" border="0" name="tre"></a><br>
<div id="divSub3" class="clSub">
<Font class="size14">
<a href="#">menu3</a><br>
<a href="#">menu3</a><br>
<a href="#">menu3</a>
</font>
</div>
</div>
<div id="divTop4" class="clTop">
<a href="#" onclick="menu(3); document.fire.src=ani4.src; skift(); on=3;" class="clMain"><img src="menu3.gif" border="0" name="fire"></a><br>
<div id="divSub4" class="clSub">
<Font class="size14">
<a href="#">menu4</a><br>
<a href="#">menu4</a><br>
<a href="#">menu4</a>
</font>
</div>
</div>
<div id="divTop5" class="clTop">
<a href="#" onclick="menu(4); document.fem.src=ani5.src; skift(); on=4;" class="clMain"><img src="menu4.gif" border="0" name="fem"></a><br>
<div id="divSub5" class="clSub">
<Font class="size14">
<a href="#">menu5</a><br>
<a href="#">menu5</a><br>
<a href="#">menu5</a>
</font>
</div>
</div>
<div id="divTop6" class="clTop">
<a href="#" onclick="menu(5); document.seks.src=ani6.src; skift(); on=5;" class="clMain"><img src="menu5.gif" border="0" name="seks"></a><br>
<div id="divSub6" class="clSub">
<Font class="size14">
<a href="#">menu6</a><br>
<a href="#">menu6</a><br>
<a href="#">menu6</a>
</font>
</div>
</div>
<div id="divTop7" class="clTop">
<a href="#" onclick="menu(6); document.syv.src=ani7.src; skift(); on=6;" class="clMain"><img src="menu6.gif" border="0" name="syv"></a><br>
<div id="divSub7" class="clSub">
<Font class="size14">
<a href="#">menu7</a><br>
<a href="#">menu7</a><br>
<a href="#">menu7</a>
</font>
</div>
</div>
<div id="divTop8" class="clTop">
<a href="#" onclick="menu(7); document.otte.src=ani8.src; skift(); on=7;" class="clMain"><img src="menu7.gif" border="0" name="otte"></a><br>
<div id="divSub8" class="clSub">
<Font class="size14">
<a href="#">menu8</a><br>
<a href="#">menu8</a><br>
<a href="#">menu8</a>
</font>
</div>
</div>
</div>
</body>
</html>
