Avatar billede pucaj Nybegynder
24. oktober 2000 - 00:50 Der er 7 kommentarer og
2 løsninger

HVORDAN !?

Hej eksperter

Kan nogen hjælpe mig med at placere den her menu i højer side?


<html>
<head>
    <title>Cross-browser Dynamic HTML Scripts - Foldoutmenu3</title>
<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>
</HEAD>
<BODY bgcolor=\"White\">
<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\',\'Vjerovanje\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
    oFoldMenu.make(\'sub\',\'Iman – vjera:\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
        oFoldMenu.make(\'sub2\',\'194\',\'http://www.bratta.com/about.html\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'199\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'235\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'322\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'326\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'404\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'405\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'438\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'447\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'483\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'485\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'554\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'601\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'626\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'663\',\'http://www.bratta.com/portfolio.asp\',\'\',\'images/square.gif\')
    oFoldMenu.make(\'sub\',\'Ihlas – cistoca vjere i iskren nijjet:\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
        oFoldMenu.make(\'sub2\',\'8\',\'http://www.bratta.com/about.html\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'53\',\'http://www.bratta.com/dhtml/demos/list.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'54\',\'http://www.bratta.com/dhtml/howtos/list.asp\',\'\',\'images/square.gif\')
        oFoldMenu.make(\'sub2\',\'114\',\'http://www.bratta.com/dhtml/support/\',\'\',\'images/square.gif\')
    oFoldMenu.make(\'sub\',\'DHTML\',\'http://www.bratta.com/dhtml/\',0,\'images/square.gif\')
   
   
//MAIN 2   
oFoldMenu.make(\'top\',\'Yahoo.com\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
    oFoldMenu.make(\'sub\',\'Arts & Humanities\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
        oFoldMenu.make(\'sub2\',\'Art History\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
            oFoldMenu.make(\'sub3\',\'Architectural History\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
                oFoldMenu.make(\'sub4\',\'Architects\',0,0,\'images/arrow.gif\',\'images/arrow1.gif\')
                    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,\'images/arrow.gif\',\'images/arrow1.gif\')
                    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,\'images/arrow.gif\',\'images/arrow1.gif\')
                    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,\'images/arrow.gif\',\'images/arrow1.gif\')
                    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,\'images/arrow.gif\',\'images/arrow1.gif\')
                    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>

YOUR REGULAR BODY CONTENT GOES IN HERE
</BODY>
</HTML>
Avatar billede naesbygaard Nybegynder
24. oktober 2000 - 01:14 #1
jeg tror det er noget med at ændre noget hvor der står position!

og sæt dem så til 0 & 0 og så skulle det hele ende i venstre side...

prøv dig så frem og forøg talene...så skulle det gerne rykke sig!

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\'
Avatar billede milo Nybegynder
24. oktober 2000 - 08:26 #2
naes>>jaah, men det er ikke dynamisk... så opstår der problemer alt efter opløsning fx... at definere hvor mange pixels menuen er mod højre side, er ikke det samme som at højrejustere den... :)
Avatar billede pucaj Nybegynder
24. oktober 2000 - 20:40 #3
DHTML er noget l*

kan det laves i JavaScript?
Avatar billede milo Nybegynder
25. oktober 2000 - 09:09 #4
pucaj>>hvorfor er dhtml noget lort? begrund det lige :)
Avatar billede milo Nybegynder
25. oktober 2000 - 09:18 #5
noget ligende kan godt laves i javascript ja... her er lige et eksempel på en der ligger på script.dk

<!-----------------------------------------------------------------------------------------
Script navn:      JavaScript Menu
Version:          1.0 beta

Implementeret af: Henrik Nielsen <henrik@script.dk>
Færdiggjort:      25/02/99 23:41

Beskrivelse:      Dette script kom til verden, da jeg en sen eftermiddag besluttede mig
                  for at lære objekt-orienteret JavaScript. Jeg har længe villet lave en
                  menu, så jeg valgte at slå de to ting sammen, og her ser i resultatet.

Information:      Dette er et af mange scripts der kan downloades gratis fra www.script.dk

Tak til:          Min studiegruppe - for idéen, motivation og test.
                  Script.dk - for at have rykket for færdiggørelsen af scriptet. Ellers
                  havde det stadig været inkomplet.

Kommentarer, idéer og lignende kan rettes til: henrik@script.dk
------------------------------------------------------------------------------------------->

<HTML><HEAD><TITLE>JavaScript Menu 1.0</TITLE><SCRIPT LANGUAGE=\"JavaScript1.2\"><!--
if (document.layers) NS4 = 1; else NS4 = 0; if (document.all) IE4 = 1; else IE4 = 0; function display(id, str) { if (NS4) { with (document[id].document) { open(); write(str); close(); } } else { document.all[id].innerHTML = str; } }; function repstr(_in,_rep) { out = \"\"; for(_c=0; _c<_rep; _c++) out = out + _in; return out }; function showtree(node,level,str,expand) { if ( node.childs() == 0 ) { str = str + repstr(\"&nbsp;\",level*4) + \"<A HREF=\\\"\" + node.url + \"\\\" TARGET=\" + menu_frame + \" onMouseOver=\\\"window.status=\'\" + node.text + \"\';return true\\\" onMouseOut=\\\"window.status=\'\';return true\\\">-\" + node.text + \"</A><BR>\"; } else { if ( expand == 0 ) { str = str + repstr(\"&nbsp;\",level*4) + \"<A HREF=\\\"java script:toggle(\'\" + node.name + \"\')\\\" onMouseOver=\\\"window.status=\'\" + node.text + \"\';return true\\\" onMouseOut=\\\"window.status=\'\';return true\\\">\" + node.text + \"</A><BR>\"; } if ( expand == 1 ) { str = str + repstr(\"&nbsp;\",level*4) + node.text + \"<BR>\"; } } if ( ( ( node.unfold == 1 ) || ( expand == 1 ) ) && ( node.childs() > 0 ) ) { for (node.movefirst() ; node.notlastchild() ; node.movenext() ) { str = showtree(node.getchild(),level + 1,str,expand); } } return str; }; function toggle(name) { node = findnode(MyNode,eval(name)); if ( node.unfold == 0 ) { node.unfold = 1; } else { node.unfold = 0; } updatemenu(); }; function updatemenu() { str = \'<P><A HREF=\"java script:showhelp()\">?</A>&nbsp;\'; display(\"menu\",showtree(MyNode,0,str,0) + \"</P>\"); }; function showhelp() { str = \'<P><A HREF=\"java script:updatemenu()\">!</A>&nbsp;<A HREF=\"java script:updatemenu()\">menu</A><BR><BR>Click in the menu, to view the submenu and links.</P>\'; display(\"menu\",str); }; function Node_childs() { return this.child.length; }; function Node_movefirst() { this.cchild = 0; }; function Node_movenext() { this.cchild++; }; function Node_notlastchild() { if ( this.cchild < this.childs() ) return 1; else return 0; }; function Node_getchild() { return this.child[this.cchild]; }; function Node(_text,_url) { this.text = _text; this.url = _url; this.unfold = 0; this.child = []; this.cchild = 0; this.childs = Node_childs; this.notlastchild = Node_notlastchild; this.movefirst = Node_movefirst; this.movenext = Node_movenext; this.getchild = Node_getchild; this.name = Math.random(); return this; }; function findnode(node,name) { if ( node.name == name ) return node; if ( node.childs() > 0 ) { for (node.movefirst(); node.notlastchild() ; node.movenext() ) { temp = findnode(node.getchild(),name); if ( temp != null ) return temp; } } return null; }

//-- RET HER FOR OPSÆTNING AF MENU --
var menu_title = \"JavaScript Menu\";
var menu_frame = \"main\";
var MyNode = new Node(\"menu\",\"\");
MyNode.child[0] = new Node(\"søgemaskiner\",\"\");
MyNode.child[0].child[0] = new Node(\"danske\",\"\");
MyNode.child[0].child[0].child[0] = new Node(\"jubii\",\"http://www.jubii.dk/\");
MyNode.child[0].child[0].child[1] = new Node(\"yahoo\",\"http://www.yahoo.dk/\");
MyNode.child[0].child[1] = new Node(\"internationale\",\"\");
MyNode.child[0].child[1].child[0] = new Node(\"altavista\",\"http://www.altavista.com/\");
MyNode.child[0].child[1].child[1] = new Node(\"yahoo\",\"http://www.yahoo.com/\");
MyNode.child[1] = new Node(\"e-mails\",\"\");
MyNode.child[1].child[0] = new Node(\"hotmail\",\"http://www.hotmail.com/\");
MyNode.child[2] = new Node(\"javascript\",\"\");
MyNode.child[2].child[0] = new Node(\"script.dk\",\"http://www.script.dk/\");

//--></SCRIPT><STYLE>

<!-- OPSÆTNING AF UDSEENDE -->
a {text-decoration: none; color: black;}
p {text-decoration: none; color: black;}
</STYLE></HEAD><BODY onLoad=\"if ( ( NS4 == 1 ) || ( IE4 == 1 ) ) setTimeout(\'updatemenu()\',1)\"><SCRIPT>document.write(menu_title);</SCRIPT><P><DIV ID=\"menu\" STYLE=\"position: absolute;\"><SCRIPT>if ( ( NS4 != 1 ) && ( IE4 != 1 ) ) document.write(showtree(MyNode,0,\'\',1))</SCRIPT><NOSCRIPT>Dette er en javascript menu. Din browser understøtter desværre ikke javascript</NOSCRIPT></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><br><hr><center>Downloaded from: <a href=\"http://www.script.dk\">Script.dk</a></center>
</BODY></HTML>
Avatar billede milo Nybegynder
25. oktober 2000 - 09:19 #6
det ser ik for overskueligt ud hva! *GGG* gider ik lave linjeskfit... men copy paste og se om du ka bruge den
Avatar billede pucaj Nybegynder
25. oktober 2000 - 15:16 #7
ok milo :)

kan du hjælpe mig via ICQ med den menu (DHTML)

så få du 305 point ;)
Avatar billede naesbygaard Nybegynder
06. november 2000 - 20:09 #8
jeg tror dette er svaret:

det er en positionerings-engenskab som hedder float:right ... den gør at det hænger i højre side...

/NbG
Avatar billede pucaj Nybegynder
11. november 2000 - 13:58 #9
SLUT-----*
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester