navi script

Dieses Thema im Forum "Webentwicklung" wurde erstellt von tesa, 12. April 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #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>
    
    
     
  4. #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!
     
  5. #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>
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - navi script
  1. Antworten:
    3
    Aufrufe:
    457
  2. Javascript Node Navigation

    generals007 , 20. Oktober 2010 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    618
  3. Antworten:
    2
    Aufrufe:
    262
  4. [JavaScript] Slidedown Navi

    Twitch , 9. Januar 2008 , im Forum: Webentwicklung
    Antworten:
    1
    Aufrufe:
    258
  5. Antworten:
    4
    Aufrufe:
    244
  • Annonce

  • Annonce