#1 12. April 2006 hi suche nen navi script ich suche so einen wenn man auf zb ein bild klick das dann die links runterrollen
#2 12. April 2006 ich hab eins was bei mouseover rausscroolt kannste dir ja mal ankucken Code: <script language=javascript> NS6 = (document.getElementById&&!document.all) IE = (document.all) NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") moving=setTimeout('null',1); lastY = 0; function moveOut() { if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) { clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed) if (NS6){ ssm.left = parseInt(ssm.left)+10+"px"; } if (IE){ ssm.style.pixelLeft += 10; } if (NS){ document.ssm.left += 10; } } else { clearTimeout(moving); moving=setTimeout('null',1); } } function moveBack(){ clearTimeout(moving); moving = setTimeout('moveBack1()', waitTime); } function moveBack1() { if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) { clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed); if (NS6){ ssm.left = parseInt(ssm.left)-10+"px"; } if (IE){ ssm.style.pixelLeft -= 10; } if (NS){ document.ssm.left -= 10; } } else { clearTimeout(moving);moving=setTimeout('null',1) } } function makeStatic() { if (NS6) { winY = window.pageYOffset; } if (IE) { winY = document.body.scrollTop;var NM=document.all('ssm').style } if (NS){ winY = window.pageYOffset;var NM=document.ssm } if (NS6||IE||NS){ if (winY!=lastY&&winY>YOffset-staticYOffset){ smooth = .2 * (winY - lastY - YOffset + staticYOffset); } else if(YOffset-staticYOffset+lastY>YOffset-staticYOffset) { smooth = .2 * (winY - lastY); } else { smooth=0 } if(smooth > 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); if (NS6) ssm.top=parseInt(ssm.top)+smooth+"px" if (IE) NM.pixelTop+=smooth; if (NS) NM.top+=smooth; lastY = lastY+smooth; setTimeout('makeStatic()', 1) } } function initSlide() { if (NS6){ ssm=document.getElementById("ssm").style ssm.visibility="visible"; ssm.left = -menuWidth + "px"; ; } else if (IE) { ssm.style.visibility = "visible" ssm.style.pixelLeft = -menuWidth; } else if (NS) { document.ssm.left = -menuWidth; document.ssm.visibility = "show" } if (menuIsStatic=="no") makeStatic(); } function startMenu(menuHeader, barText) { if (IE||NS6) { document.write('<div id="ssm" style="visibility:hidden;position : absolute ;left : 0px ;top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">') } if (NS) { document.write('<span class="tablea" layer visibility="hide" top="'+YOffset+'" name="ssm" left="0" onmouseover="moveOut()" onmouseout="moveBack()">') } if (NS6){ document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" span class="tablea"><tr><td>') } tempBar="" for (i=0;i<barText.length;i++) { tempBar+=barText.substring(i, i+1)+"<br>" } document.write('<table bgcolor="#343434" cellpadding="0" cellspacing="2" width="'+(menuWidth+barWidth+2)+'" border="0" class="tableinborder"><tr><td class="tabletitle" width="'+(menuWidth-1)+'" height="6" align="center" valign="center"> <span class="smallfont"><font size="2"><b>'+menuHeader+'</b></font></span></td><td align="center" rowspan="100" width="'+barWidth+'" span class="tableb" valign="center"><p align="center"><span class="smallfont"><font size="2"><b>'+tempBar+'</b></font></span></p></td></tr>') } function addItem(text, link, target) { if ( !target ) { target = '_self'; } else { target = '_blank'; } document.write('<tr>'); document.write('<td span class="tablea" width="'+(menuWidth-1)+'">'); document.write('<ilayer><layer width="100%" align="center">'); document.write('<div align="center">'); document.write('<a href="'+link+'" class="ssmItems" target='+target+'>'); document.write('<span class="smallfont"><font size="2"> '+text+'</span></font></div></a>'); document.write('</layer></ilayer></td></tr>'); } function addHdr(text) { document.write('<tr><td span class="tabletitle" height="6" align="center" valign="center" width="'+(menuWidth-1)+'"> '); document.write('<span class="smallfont"><b>'+text+'</b></span></td></tr>') } function endMenu() { document.write('</table>') if (NS6){document.write('</td></tr></table>')} if (IE||NS6) {document.write('</div>')} if (NS) {document.write('</layer>')} if (NS6||IE||NS) setTimeout('initSlide();', 100) } //--> YOffset=20; // no quotes!! staticYOffset=20; // no quotes!! slideSpeed=20 // no quotes!! barWidth=20; // no quotes!! waitTime=50; // no quotes!! this sets the time the menu stays out for after the mouse goes off it. menuWidth=120; // Must be a multiple of 10! no quotes!! menuIsStatic="no"; linkTarget="_self"; startMenu("Navigation",".:: Menü ::.") addHdr(""); addItem("Text", "#"); addItem("Text", "#"); addItem("Text", "#"); addItem("Text", "#"); addItem("Text", "#"); addItem("Text", "#"); addItem("Text", "#"); addItem("Text", "#"); endMenu() </script>
#3 12. April 2006 hätte da auch eins für dich, weiß aber nicht, ob dass das richtige ist, schau es dir einfach an: Code: <script type="text/javascript"> <!-- function montre(id) { if (document.getElementById) { document.getElementById(id).style.display="block"; } else if (document.all) { document.all[id].style.display="block"; } else if (document.layers) { document.layers[id].display="block"; } } function cache(id) { if (document.getElementById) { document.getElementById(id).style.display="none"; } else if (document.all) { document.all[id].style.display="none"; } else if (document.layers) { document.layers[id].display="none"; } } //--> </script> <style type="text/css"> <!-- body {margin: 10px; padding: 0; font: 14px Verdana, sans-serif;} ul, li { list-style-type: none; margin: 0; padding: 0; } div.menu { position: absolute; width: 600px; top: 10px; z-index: 3; } div.menu li { float: left; width: 120px; } div.menu a { margin: 0 2px; height: 20px; display: block; text-align: center; font-weight: bold; border: 1px solid gray; text-decoration: none; color: #000; background: #fff; } div.menu a:hover { background: #ccc; border: 1px solid gray; } #smenu1, #smenu2, #smenu3, #smenu4 { display: none; float: left; width: 120px; font-size: 12px; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a { font-weight: normal; border-top: 0 none; } .site { position: absolute; z-index: 1; top : 70px; left : 10px; color: #000; background-color: #ddd; padding: 5px; border: 1px solid gray; } .mentions { position: absolute; top : 300px; left : 10px; color: #000; background-color: #ddd; } a {text-decoration: none; color: #222; } --> </style></head> <body> <div class="menu"> <ul><li><a onmouseover="montre('smenu1');" onmouseout="cache('smenu1');" href="">Menu 1</a> <ul style="display: none;" id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> <li><a href="">Subkategorie 1.1</a></li> <li><a href="">Subkategorie 1.2</a></li> <li><a href="">Subkategorie 1.3</a></li> </ul></li> <li><a onmouseover="montre('smenu2');" onmouseout="cache('smenu2');" href="">Menu 2</a><ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> <li><a href="">Subkategorie 2.1</a></li> <li><a href="">Subkategorie 2.2</a></li> </ul></li> <li><a onmouseover="montre('smenu3');" onmouseout="cache('smenu3');" href="">Menu 3</a><ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"> <li><a href="">Subkategorie 3.1</a></li> <li><a href="">Subkategorie 3.2</a></li> <li><a href="">Subkategorie 3.3</a></li> <li><a href="">Subkategorie 3.4</a></li> <li><a href="">Subkategorie 3.5</a></li> </ul></li> <li><a onmouseover="montre('smenu4');" onmouseout="cache('smenu4');" href="">Menu 4</a><ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"> <li><a href="">Subkategorie 4.1</a></li> <li><a href="">Subkategorie 4.2</a></li> <li><a href="">Subkategorie 4.3</a></li> </ul></li> </ul> </div> </body> schaut dann ungefähr so aus, wie bei meiner homepage, siehe link unten in meiner signatur!
#4 12. April 2006 nein das meine nich nich hab aber auch schon einen gefunden 10 bekommt ihr beide aber ich könnte hilfe brachen weil ich net weiß wie man die links in den inframe öfnet das ist der script Code: <style type="text/css"> </style> <script type="text/javascript" language="JavaScript"> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! I will also appriciate any links you could give me. ********************************************************************************/ //Default browsercheck, added to all scripts! function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() /************************************************************************************ Making cross-browser objects ************************************************************************************/ function makeMenuObj(obj,nest,img,offimage,onimage){ nest=(!nest) ? '':'document.'+nest+'.' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0; this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.ref=bw.dom || bw.ie4? document:bw.ns4?this.css.document:0; this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft; this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop; this.height=bw.ns4?this.ref.height:this.el.offsetHeight; this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey this.status=0; this.swap=b_swap if(onimage)this.onimage=onimage.src this.offimage=offimage if(img)this.img=this.ref.images[img] return this } function b_showIt(){this.css.visibility="visible"; this.status=1} function b_hideIt(){this.css.visibility="hidden"; this.status=0} function b_movey(y){this.y=y; this.css.top=this.y} function b_swap(on){ if(this.onimage && on){ this.img.src=this.onimage }else if(this.onimage && !on){ this.img.src=this.offimage } } /******************************************************************************** Making menuobjects ********************************************************************************/ function foldoutMenuObj(name){ this.menus=new Array() this.name=name; this.makeStyle=fold_style this.make=fold_make this.construct=fold_construct this.fold=fold this.foldstay=fold_stay this.foldsub=fold_sub this.foldsubstay=fold_sub_stay this.foldsub2=fold_sub2 this.foldsub2stay=fold_sub2_stay this.foldsub3=fold_sub3 this.foldsub3stay=fold_sub3_stay this.foldsub4=fold_sub4 this.foldsub4stay=fold_sub4_stay this.placeAll=fold_placeAll; this.menus=new Array() this.a=0; this.b; this.c; this.d; this.e; this.f this.initexec='' this.opn=fold_opn; } /******************************************************************************** Initiating page, making objects.. ********************************************************************************/ function fold_construct(){ this.container=new makeMenuObj('div'+this.name+'Cont') this.menu=new Array() menuheight=0; for(i=0;i<this.menus.length;i++){ this.menu[i]=new makeMenuObj('div'+this.name+i,'div'+this.name+'Cont',this.menus[i].img,this.menus[i].offimage,this.menus[i].onimage) this.menu[i].subs=this.menus[i].subs this.menu[i].sub=new Array() for(j=0;j<this.menu[i].subs;j++){ this.menu[i].sub[j]=new makeMenuObj('div'+this.name+i+"_"+j,'div'+this.name+'Cont',this.menus[i][j].img,this.menus[i][j].offimage,this.menus[i][j].onimage) this.menu[i].sub[j].subs=this.menus[i][j].subs this.menu[i].sub[j].sub=new Array() for(a=0;a<this.menu[i].sub[j].subs;a++){ this.menu[i].sub[j].sub[a]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a,'div'+this.name+'Cont',this.menus[i][j][a].img,this.menus[i][j][a].offimage,this.menus[i][j][a].onimage) this.menu[i].sub[j].sub[a].subs=this.menus[i][j][a].subs this.menu[i].sub[j].sub[a].sub=new Array() for(o=0;o<this.menu[i].sub[j].sub[a].subs;o++){ this.menu[i].sub[j].sub[a].sub[o]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o,'div'+this.name+'Cont',this.menus[i][j][a][o].img,this.menus[i][j][a][o].offimage,this.menus[i][j][a][o].onimage) this.menu[i].sub[j].sub[a].sub[o].subs=this.menus[i][j][a][o].subs this.menu[i].sub[j].sub[a].sub[o].sub=new Array() for(p=0;p<this.menu[i].sub[j].sub[a].sub[o].subs;p++){ this.menu[i].sub[j].sub[a].sub[o].sub[p]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o+"_"+p,'div'+this.name+'Cont',this.menus[i][j][a][o][p].img,this.menus[i][j][a][o][p].offimage,this.menus[i][j][a][o][p].onimage) this.menu[i].sub[j].sub[a].sub[o].sub[p].subs=this.menus[i][j][a][o][p].subs this.menu[i].sub[j].sub[a].sub[o].sub[p].sub=new Array() for(z=0;z<this.menu[i].sub[j].sub[a].sub[o].sub[p].subs;z++){ this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o+"_"+p+"_"+z,'div'+this.name+'Cont') } } } } } } this.menus="" if(this.initexec) eval(this.initexec) else this.placeAll() this.container.showIt() } function fold_opn(a,b,c,d,e,f){ if(a>-1) this.initexec+="this.fold("+a+","+this.substay+");" if(b>-1) this.initexec+="this.foldsub("+a+","+b+","+this.sub2stay+");" if(c>-1) this.initexec+="this.foldsub2("+a+","+b+","+c+","+this.sub3stay+");" if(d>-1) this.initexec+="this.foldsub3("+a+","+b+","+c+","+d+","+this.sub4stay+");" if(e>-1) this.initexec+="this.foldsub4("+a+","+b+","+c+","+d+","+e+","+this.sub5stay+");" if(f>-1) this.initexec+="this.foldsub5("+a+","+b+","+c+","+d+","+e+","+f+","+this.sub6stay+");" } /******************************************************************************** The first sub menus ********************************************************************************/ function fold_stay(a){ for(z=0;z<this.menu.length;z++){ if(z!=a) this.fold(z,1,1) } this.fold(a,1,0) } function fold(a,fromtop,noplace){ if(fromtop){ for(b=0;b<this.menu[a].subs;b++){ if(this.menu[a].sub[b].status || noplace){ this.menu[a].sub[b].hideIt() this.menu[a].swap(0) this.foldsub(a,b,1,1) }else{ this.menu[a].sub[b].showIt() this.menu[a].swap(1) } } if(!noplace) this.placeAll() }else this.foldstay(a) } /******************************************************************************** The second sub level menus ********************************************************************************/ function fold_sub_stay(a,b){ for(z=0;z<this.menu[a].subs;z++){ if(b!=z) this.foldsub(a,z,1,1) } this.foldsub(a,b,1,0) } function fold_sub(a,b,fromtop,noplace){ if(fromtop){ for(c=0;c<this.menu[a].sub[b].subs;c++){ if(this.menu[a].sub[b].sub[c].status || noplace){ this.menu[a].sub[b].sub[c].hideIt() this.menu[a].sub[b].swap(0) this.foldsub2(a,b,c,1,1) }else{ this.menu[a].sub[b].sub[c].showIt() this.menu[a].sub[b].swap(1) } } if(!noplace) this.placeAll() }else this.foldsubstay(a,b) } /******************************************************************************** The third sub level menus ********************************************************************************/ function fold_sub2_stay(a,b,c){ for(z=0;z<this.menu[a].sub[b].subs;z++){ if(c!=z) this.foldsub2(a,b,z,1,1) } this.foldsub2(a,b,c,1,0) } function fold_sub2(a,b,c,fromtop,noplace){ if(fromtop){ for(d=0;d<this.menu[a].sub[b].sub[c].subs;d++){ if(this.menu[a].sub[b].sub[c].sub[d].status || noplace){ this.menu[a].sub[b].sub[c].sub[d].hideIt() this.menu[a].sub[b].sub[c].swap(0) this.foldsub3(a,b,c,d,1,1) }else{ this.menu[a].sub[b].sub[c].sub[d].showIt() this.menu[a].sub[b].sub[c].swap(1) } } if(!noplace) this.placeAll() }else this.foldsub2stay(a,b,c) } /******************************************************************************** The fourth sub level menus ********************************************************************************/ function fold_sub3_stay(a,b,c,d){ for(z=0;z<this.menu[a].sub[b].sub[c].subs;z++){ if(z!=d) this.foldsub3(a,b,c,z,1,1) } this.foldsub3(a,b,c,d,1,0) } function fold_sub3(a,b,c,d,fromtop,noplace){ if(fromtop){ for(e=0;e<this.menu[a].sub[b].sub[c].sub[d].subs;e++){ if(this.menu[a].sub[b].sub[c].sub[d].sub[e].status || noplace){ this.menu[a].sub[b].sub[c].sub[d].sub[e].hideIt() this.menu[a].sub[b].sub[c].sub[d].swap(0) this.foldsub4(a,b,c,d,e,1,1) }else{ this.menu[a].sub[b].sub[c].sub[d].sub[e].showIt() this.menu[a].sub[b].sub[c].sub[d].swap(1) } } if(!noplace) this.placeAll() }else this.foldsub3stay(a,b,c,d) } /******************************************************************************** The fifth sub level menus ********************************************************************************/ function fold_sub4_stay(a,b,c,d,e){ for(z=0;z<this.menu[a].sub[b].sub[c].sub[d].subs;z++){ if(z!=e) this.foldsub4(a,b,c,d,z,1,1) } this.foldsub4(a,b,c,d,e,1,0) } function fold_sub4(a,b,c,d,e,fromtop,noplace){ if(fromtop){ for(f=0;f<this.menu[a].sub[b].sub[c].sub[d].sub[e].subs;f++){ if(this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].status || noplace){ this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].hideIt() this.menu[a].sub[b].sub[c].sub[d].sub[e].swap(0) }else{ this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].showIt() this.menu[a].sub[b].sub[c].sub[d].sub[e].swap(1) } } if(!noplace) this.placeAll() }else this.foldsub4stay(a,b,c,d,e) } /******************************************************************************** Placing all layers correctly ********************************************************************************/ function fold_placeAll(){ menuheight=0; for(i=0;i<this.menu.length;i++){ this.menu[i].movey(menuheight) menuheight+=this.menu[i].height+this.menubetween for(j=0;j<this.menu[i].subs;j++){ this.menu[i].sub[j].movey(menuheight) if(this.menu[i].sub[j].status) menuheight+=this.menu[i].sub[j].height+this.menubetween for(a=0;a<this.menu[i].sub[j].subs;a++){ this.menu[i].sub[j].sub[a].movey(menuheight) if(this.menu[i].sub[j].sub[a].status) menuheight+=this.menu[i].sub[j].sub[a].height+this.menubetween for(o=0;o<this.menu[i].sub[j].sub[a].subs;o++){ this.menu[i].sub[j].sub[a].sub[o].movey(menuheight) if(this.menu[i].sub[j].sub[a].sub[o].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].height+this.menubetween for(p=0;p<this.menu[i].sub[j].sub[a].sub[o].subs;p++){ this.menu[i].sub[j].sub[a].sub[o].sub[p].movey(menuheight) if(this.menu[i].sub[j].sub[a].sub[o].sub[p].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].sub[p].height+this.menubetween for(z=0;z<this.menu[i].sub[j].sub[a].sub[o].sub[p].subs;z++){ this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].movey(menuheight) if(this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].height+this.menubetween } } } } } } } /******************************************************************************** Functions to write out the layers...Should be moved server-side ********************************************************************************/ function fold_style(){ str='\n<style type="text/css">\n' str+='\tDIV.cl'+this.name+'{position:absolute; '+ this.clFold +'; width:'+this.width+'; height:20}\n' str+='\tDIV.cl'+this.name+'Sub{position:absolute; '+ this.clSub +';height:20; width:'+this.width+'; visibility:hidden}\n' str+='\tDIV.cl'+this.name+'Sub2{position:absolute; '+ this.clSub2 +';height:20; width:'+this.width+'; visibility:hidden}\n' str+='\tDIV.cl'+this.name+'Sub3{position:absolute; '+ this.clSub3 +';height:20; width:'+this.width+'; visibility:hidden}\n' str+='\tDIV.cl'+this.name+'Sub4{position:absolute; '+ this.clSub4 +';height:20; width:'+this.width+'; visibility:hidden}\n' str+='\tDIV.cl'+this.name+'Sub5{position:absolute; '+ this.clSub5 +';height:20; width:'+this.width+'; visibility:hidden}\n' str+='\t#div'+this.name+'Cont{'+this.clCont+'; left:'+this.left+'; top:'+this.top+'; height:'+this.maxheight+'; width:'+this.width+'; visibility:hidden}\n' str+='\tA.cl'+this.name+'Links{'+this.clFoldLinks+'}\n' str+='\tA.cl'+this.name+'1Links{'+this.clSubLinks+'}\n' str+='\tA.cl'+this.name+'2Links{'+this.clSub2Links+'}\n' str+='\tA.cl'+this.name+'3Links{'+this.clSub3Links+'}\n' str+='\tA.cl'+this.name+'4Links{'+this.clSub4Links+'}\n' str+='\tA.cl'+this.name+'5Links{'+this.clSub5Links+'}\n' str+='</style>\n\n\n' document.write(str) } function fold_make_link(text,lnk,target,offimage,id,cl,ev,acl){ str2='\t<div id="div'+id+'" class="cl'+cl+'"><a href="' if(lnk) str2+=lnk+'" ' else str2+='#" ' if(!lnk || target){ str2+='onclick="'+ev+'; if(bw.ie5 || bw.ie4) this.blur()' if(!target) str2+='; return false'; str2+='"' } if(target) str2+=' target="'+target+'"'; str2+=' class="cl'+acl+'Links">' if(offimage) str2+='<img src="'+offimage+'" name="img'+id+'" border="0">' str2+=text+'</a><br></div>\n' return str2 } function fold_make(type,text,lnk,target,offimage,onimage,fc,opn,end){ str="" ; fc=fc?fc+'; ':''; if(!offimage) offimage=""; if(!onimage) onimage="" if(this.a==0) str='<div id="div'+this.name+'Cont">\n' if(type=="top"){ id=this.name+this.a str+=fold_make_link(text,lnk,target,offimage,this.name+this.a,this.name,fc+this.name+'.fold('+this.a+','+this.name+'.substay)',this.name) this.menus[this.a]=new Array() this.menus[this.a].subs=0 if(onimage){ this.menus[this.a].onimage=new Image(); this.menus[this.a].onimage.src=onimage; this.menus[this.a].offimage=offimage; this.menus[this.a].img='img'+id} this.a++; this.b=0; if(opn) this.opn(this.a) }else if(type=="sub"){ id=this.name+(this.a-1)+'_'+(this.b),this.name+'Sub' str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub',fc+this.name+'.foldsub('+(this.a-1)+','+(this.b)+','+this.name+'.sub2stay)',this.name+'1') if(opn) this.opn(this.a-1,this.b) this.menus[this.a-1][this.b]=new Array() if(onimage){ this.menus[this.a-1][this.b].onimage=new Image(); this.menus[this.a-1][this.b].onimage.src=onimage; this.menus[this.a-1][this.b].offimage=offimage; this.menus[this.a-1][this.b].img='img'+id} this.b++; this.menus[this.a-1].subs=this.b; this.c=0 }else if(type=="sub2"){ id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c) str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub2',fc+this.name+'.foldsub2('+(this.a-1)+','+(this.b-1)+','+(this.c)+','+this.name+'.sub3stay)',this.name+'2') if(opn) this.opn(this.a-1,this.b-1,this.c) this.menus[this.a-1][this.b-1][this.c]=new Array() if(onimage){ this.menus[this.a-1][this.b-1][this.c].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c].offimage=offimage; this.menus[this.a-1][this.b-1][this.c].img='img'+id} this.c++; this.menus[this.a-1][this.b-1].subs=this.c; this.d=0 }else if(type=="sub3"){ id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d) str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub3',fc+this.name+'.foldsub3('+(this.a-1)+','+(this.b-1)+','+(this.c-1)+','+this.d+','+this.name+'.sub4stay)',this.name+'3') if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d) this.menus[this.a-1][this.b-1][this.c-1][this.d]=new Array() if(onimage){ this.menus[this.a-1][this.b-1][this.c-1][this.d].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c-1][this.d].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c-1][this.d].offimage=offimage; this.menus[this.a-1][this.b-1][this.c-1][this.d].img='img'+id} this.d++; this.menus[this.a-1][this.b-1][this.c-1].subs=this.d; this.e=0 }else if(type=="sub4"){ id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d-1)+'_'+(this.e) str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub4',fc+this.name+'.foldsub4('+(this.a-1)+','+(this.b-1)+','+(this.c-1)+','+(this.d-1)+','+this.e+','+this.name+'.sub5stay)',this.name+'4') if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d-1,this.e) this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e]=new Array() if(onimage){ this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].offimage=offimage; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].img='img'+id} this.e++; this.menus[this.a-1][this.b-1][this.c-1][this.d-1].subs=this.e; this.f=0 }else if(type=="sub5"){ str+='\t\t\t<div id="div'+this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d-1)+'_'+(this.e-1)+'_'+(this.f)+'" class="cl'+this.name+'Sub5"><a href="'+lnk+'" onclick="'+fc+'" class="cl'+this.name+'5Links"' if(target) str+=' target="+target+"' str+='>'+text+'</a><br></div>\n' if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d-1,this.e-1,this.f) this.f++; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e-1].subs=this.f } if(end) str+="</div>" document.write(str) } </script> <script type="text/javascript" language="JavaScript"> /******************************************************************************** Calling the write functions and setting variables ********************************************************************************/ //Variables to set oFoldMenu=new foldoutMenuObj('oFoldMenu') oFoldMenu.substay=false //Should the sub menus stay folded? oFoldMenu.sub2stay=false //Should the sub2 menus stay folded? oFoldMenu.sub3stay=false //Should the sub3 menus stay folded? oFoldMenu.sub4stay=false //Should the sub4 menus stay folded? oFoldMenu.sub5stay=false //Should the sub5 menus stay folded? oFoldMenu.sub6stay=false //Should the sub6 menus stay folded? oFoldMenu.menubetween=5 //The pixel value between the foldoutmenus oFoldMenu.left=100 //The left position of the menu oFoldMenu.top=260 //The top position of the menu oFoldMenu.width=500 //The width of the menu oFoldMenu.maxheight=600 //The maxheight of the menu, be sure to set this one high enough //Setting styles oFoldMenu.clFold="" //Regular styles for the topDivs oFoldMenu.clSub="left:10" //Styles for the subDivs oFoldMenu.clSub2="left:20" //Styles for the sub2Divs oFoldMenu.clSub3="left:30" //Styles for the sub3Divs oFoldMenu.clSub4="left:40" //Styles for the sub4Divs oFoldMenu.clSub5="left:60" //Styles for the sub5Divs oFoldMenu.clCont="position:absolute;" //The cont layer, set position to relative if you want to try and have it inside a layer or whatever oFoldMenu.clFoldLinks="font-family:Arial, Helvetica; font-size:15px; text-decoration:none; font-weight:bold; color:black" //The style for the toplinks oFoldMenu.clSubLinks="font-family:Arial, Helvetica; font-size:13px; font-weight:bold; text-decoration:none; color:black" //The style for the sublinks oFoldMenu.clSub2Links="font-family:Arial, Helvetica; font-size:12px; text-decoration:none; color:Black" //The style for the sub2links oFoldMenu.clSub3Links="font-family:Arial, Helvetica; font-size:11px; text-decoration:none; color:Black" //The style for the sub3links oFoldMenu.clSub4Links="font-family:Arial, Helvetica; font-size:10px; text-decoration:none; color:Black" //The style for the sub4links oFoldMenu.clSub5Links="font-family:Arial, Helvetica; font-size:10px; text-decoration:none; color:Black" //The style for the sub5links //Do not change this line! oFoldMenu.makeStyle() //Making menus /*ARGUMENTS: type = what type of menu this item is (top,sub,sub2,sub3,sub4,sub5) text = the text for the item lnk = the link for the item (not needed if submenus) target = the target for the link (not needed if no target or no link) offimage = the default "arrow" image for this element (if you spesify no text, you can use the image only) onimage = the image to swap to when clicked (not needed if you don't want a swap image) fc = if you want the item to execute another javascript function aswell use this opn = if you want this particilar item to be opened on load set this to 1 (0,1) */ //MAIN 1 oFoldMenu.make('top','www.bratta.com',0,0) oFoldMenu.make('sub','About',0,0) oFoldMenu.make('sub2','About me','http://www.bratta.com/about.html','') oFoldMenu.make('sub2','Portfolio','http://www.bratta.com/portfolio.asp','') oFoldMenu.make('sub','Scriptomania',0,0) oFoldMenu.make('sub2','Scripts',0,0) oFoldMenu.make('sub3','ZoomText','http://www.bratta.com/scripts/list.asp',0) oFoldMenu.make('sub2','Demos','http://www.bratta.com/dhtml/demos/list.asp','') oFoldMenu.make('sub2','Tutorials','http://www.bratta.com/dhtml/howtos/list.asp','') oFoldMenu.make('sub2','Support','http://www.bratta.com/dhtml/support/','') oFoldMenu.make('sub','DHTML','http://www.bratta.com/dhtml/',0) //MAIN 2 oFoldMenu.make('top','Yahoo.com',0,0) oFoldMenu.make('sub','Arts & Humanities',0,0) oFoldMenu.make('sub2','Art History',0,0) oFoldMenu.make('sub3','Architectural History',0,0) oFoldMenu.make('sub4','Architects',0,0) oFoldMenu.make('sub5','Link 1','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 2','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 3','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 4','http://www.bratta.com','_blank') oFoldMenu.make('sub4','Archives',0,0) oFoldMenu.make('sub5','Link 1','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 2','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 3','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 4','http://www.bratta.com','_blank') oFoldMenu.make('sub4','Bauhaus',0,0) oFoldMenu.make('sub5','Link 1','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 2','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 3','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 4','http://www.bratta.com','_blank') oFoldMenu.make('sub4','Googie',0,0) oFoldMenu.make('sub5','Link 1','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 2','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 3','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 4','http://www.bratta.com','_blank') oFoldMenu.make('sub4','Medieval',0,0) oFoldMenu.make('sub5','Link 1','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 2','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 3','http://www.bratta.com','_blank') oFoldMenu.make('sub5','Link 4','http://www.bratta.com','_blank') oFoldMenu.make('sub3','Art Historians','http://www.bratta.com','_blank') oFoldMenu.make('sub3','Artists','http://www.bratta.com','_blank') oFoldMenu.make('sub3','Bibliographies','http://www.bratta.com','_blank') oFoldMenu.make('sub3','Books','http://www.bratta.com','_blank') oFoldMenu.make('sub2','Arts Therapy','http://www.bratta.com','_blank') oFoldMenu.make('sub2','Awards','http://www.bratta.com','_blank') oFoldMenu.make('sub2','Booksellers','http://www.bratta.com','_blank') oFoldMenu.make('sub2','Censorship','http://www.bratta.com','_blank') oFoldMenu.make('sub2','Chats and Forums',0,0,0,0,0,0,1) oFoldMenu.construct() </script>