Avatar billede hizmet Nybegynder
30. oktober 2000 - 17:03 Der er 16 kommentarer og
2 løsninger

HJÆLP HASTER !!!

Hejsa, eksperter.

Kan nogen hjælpe mig med at indsætte den her menu ind i den her Tabel/TD ?

<// Her er menuen />


<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>

<// HER ER TABELEN />

<table align=\"center\" bgColor=\"black\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">
  <tbody>
    <tr>
      <td>
        <table border=\"0\" cellPadding=\"0\" cellSpacing=\"1\" width=\"201\">
          <tbody>
            <tr>
              <td bgColor=\"#aeb8bc\"><img border=\"0\" src=\"#.gif\"></td>
            </tr>
            <tr>
              <td bgColor=\"white\"><b>
                <table border=\"0\" cellPadding=\"3\" cellSpacing=\"0\" width=\"199\">
                  <tbody>
                    <tr>
                      <td colspan=\"2\">MENU HER</td>
                    <tr>
                    </tr>
                  </tbody>
                </table>
                </b></td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

på forhånd mange tak !!!!
Avatar billede ij Nybegynder
30. oktober 2000 - 17:06 #1
Det er jo lige til at gennemskue ;-)))
Avatar billede hizmet Nybegynder
30. oktober 2000 - 17:11 #2
hvordan skulle jeg ellers gøre det ? :)
Avatar billede hizmet Nybegynder
30. oktober 2000 - 17:14 #3
er der nogen der kan hjælpe mig...
Avatar billede geeeet Nybegynder
30. oktober 2000 - 17:17 #4
Det er ikke bare lige sådan at gøre, kun i teorien...
Grunden til at du ikke bare kan lægge den inde i tabellen er, at den er baseret på lag, og lag skal være positioneret absolut, dvs. i antal px fra ventre top, for at de virker i netscape.
Den eneste måde du kan lave det på, er at positionere lagene efter f.eks. en gif, men så virker det ikke i ie4.5 på mac.
Du kan finde et eksempel på hvordan du gør her:
http://www.bricius.dk/eksperten/28213/

Jeg tror ikke at du får nogen herinde til at lave det, da det vil tage alt for lang tid, især da scriptet er f****** langt og uoverskueligt, men nu har du i det mindste fået en forklaring,  samt et råd til hvordan du kan gå videre...

/Geeeet
Avatar billede tommyf Nybegynder
30. oktober 2000 - 17:20 #5
Sådan en smule script 1206 ord ;)
Ville gerne hjælpe men har vist ikke hjernen til det :(
Avatar billede olebole Juniormester
31. oktober 2000 - 00:31 #6
<ole>
Dette lille \'hack\' burde kunne klare skærene for dig:

===============================
<BODY bgcolor=\"White\">

<table align=\"center\" bgColor=\"black\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">
  <tbody>
    <tr>
      <td>
        <table border=\"0\" cellPadding=\"0\" cellSpacing=\"1\" width=\"201\">
          <tbody>
            <tr>
              <td bgColor=\"#aeb8bc\"><img border=\"0\" src=\"#.gif\"></td>
            </tr>
            <tr>
              <td bgColor=\"white\"><b>
                <table border=\"0\" cellPadding=\"3\" cellSpacing=\"0\" width=\"199\">
                  <tbody>
                    <tr>
                      <td colspan=\"2\" align=\"left\" valign=\"top\"><img src=\"spacer.gif\" width=\"1\" height=\"300\" name=\"lCorner\">MENU HER</td>
                    <tr>
                    </tr>
                  </tbody>
                </table>
                </b></td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>


<script type=\"text/javascript\" language=\"JavaScript\">
/********************************************************************************
Calling the write functions and setting variables
********************************************************************************/

var offset_X = 0;
var offset_Y = 0;
var picObj = document.images[\'lCorner\'];
if (bw.ns4) {
    offset_X = picObj.x;
    offset_Y = picObj.y;
}
if (bw.ie4 || bw.ie5) {
    while (picObj.offsetParent != null) {
        offset_X += picObj.offsetLeft;
        offset_Y += picObj.offsetTop;
        picObj = picObj.offsetParent;
    }
    offset_X += picObj.offsetLeft;
    offset_Y += picObj.offsetTop;
}

//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=offset_X //The left position of the menu
oFoldMenu.top=offset_Y //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
===============================

Læg mærke til, jeg har lagt en klar gif på 1*1 pixels(spacer.gif) ind i din tabel-celle og positionerer efter den. Stræk den til den højde, du vil have tabel-cellen i, med \'height\'.
offset_X og offset_Y holder så positionen på gif\'en og de bruges til at anbringe menuen ovenpå tabellen.
/mvh
</bole>
Avatar billede olebole Juniormester
31. oktober 2000 - 01:03 #7
...Det glemte jeg at skrive:
Du har lavet omkring 20(!) semikolon\'er for meget i \'MAIN 1\'. Alle dine links sluttes med et semikolon...det må de ikke!
/mvh
Avatar billede hizmet Nybegynder
31. oktober 2000 - 01:08 #8
olebole takker for dine svar :)

hvordan skal det så slute (links)
Avatar billede hizmet Nybegynder
31. oktober 2000 - 01:32 #9
>> olebole

der er næsten ingen mellemrum i mellem kategori...
Avatar billede olebole Juniormester
31. oktober 2000 - 02:00 #10
Linien:
    oFoldMenu.make(\'sub2\',\'194\',\'http://www.bratta.com/about.html\';,\'\',\'images/square.gif\')
...skal se således ud:
    oFoldMenu.make(\'sub2\',\'194\',\'http://www.bratta.com/about.html\',\'\',\'images/square.gif\')
Det ligner noget, du har copy/pasted ind ved en fejltagelse.

Din anden kommentar forstår jeg ikke.
/mvh
Avatar billede hizmet Nybegynder
31. oktober 2000 - 02:02 #11
aaa oki

men se lige http://www.dzemat.dk/hadis/

hvorfor er der ikke mellemrum imellem
Avatar billede olebole Juniormester
31. oktober 2000 - 02:04 #12
Hehe...det med de semikolon\'er skyldes Ekspertens måde at fortolke adresser på. Hvis en adresse ender på \'.asp\' tilføjes automatisk et semikolon til slut.
Derfor har du formodentlig heller ingen semikolon\'er i din kode derhjemme...glem ALT om de semikolon\'er...!  ;o)
/mvh
Avatar billede hizmet Nybegynder
31. oktober 2000 - 02:07 #13
:)) oki

har du set på den http://www.dzemat.dk/hadis/
Avatar billede olebole Juniormester
31. oktober 2000 - 02:28 #14
Ja...TAK for kaffe...!!! Én stor samling HTML-fejl!
Se lige at få din HTML rettet op først. Du har totalt rod i dine tables og du starter aldrig din form med <form>. Desuden bruger du <div align=\"center\"> til at centrere dit table med...dårlig idé, hvis du vil bruge DHTML. Brug i stedet <center>, men HUSK </center> til slut!
Utroligt, man overhovedet kan se noget af den kode i en browser! ;o)
/mvh
Avatar billede hizmet Nybegynder
03. november 2000 - 23:59 #15
Jeg har fundet en i javascript men den åbner kun 2 kan man ikke lave det at den åbner sig to gange ?

her er den:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
<title>M E N U</title>

<style>
<!--
a:hover{color:red}
a{text-decoration:none}
.look{font:bold 16pt Garamond,Arial;}
.look2{font:bold 12pt Garamond,Arial;}
.folding{cursor:hand}
a:hover{color:red}
//-->
</style>

<script language=\"JavaScript\">
<!--
//By George Chiang (www.abstract.simplenet.com) JavaScript site.
img1=new Image()
img1.src=\"fold.gif\"
img2=new Image()
img2.src=\"open.gif\"
function change(){
if(!document.all)
return
if (event.srcElement.className==\"folding\"){
var x=event.srcElement.parentElement
if (x.all[2].style.display==\"none\"){
x.all[0].src=\"open.gif\"
x.all[2].style.display=\'\'
}
else{
x.all[0].src=\"fold.gif\"
x.all[2].style.display=\"none\"
}

}
}
document.onclick=change
//-->
</script>

</head>

<body bgcolor=\"#FFFFFF\">

<div class=\"look\"><img src=\"fold.gif\" class=\"folding\"><a href=\"dfddf\">Menu 1</a>
<ul class=\"look2\" style=\"list-style-image:url(list.gif);display:none\">
    <li><a href=\"fdddf\">Link 1a</a></li>
    <li><a href=\"fdddf\">Link 1b</a></li>
    <li><a href=\"fdddf\">Link 1c</a></li>
</ul>
</div><br>

<div class=\"look\"><img src=\"fold.gif\" class=\"folding\"><a href=\"dfddf\">Menu 2</a>
<ul class=\"look2\" style=\"list-style-image:url(list.gif);display:none\">
    <li><a href=\"fdddf\">Link 2a</a></li>
    <li><a href=\"fdddf\">Link 2b</a></li>
    <li><a href=\"fdddf\">Link 2c</a></li>
</ul>
</div><br>

<div class=\"look\"><img src=\"fold.gif\" class=\"folding\"><a href=\"dfddf\">Menu 3</a>
<ul class=\"look2\" style=\"list-style-image:url(list.gif);display:none\">
    <li><a href=\"fdddf\">Link 3a</a></li>
    <li><a href=\"fdddf\">Link 3b</a></li>
    <li><a href=\"fdddf\">Link 3c</a></li>
</ul>
</div><br>

</body>

</html>
Avatar billede hizmet Nybegynder
04. november 2000 - 00:05 #16
ups \"åbner sig to gange ?\" jeg mente tre gange.
Avatar billede hizmet Nybegynder
04. november 2000 - 18:54 #17
er der nogen der kan hjælpe mig ?
Avatar billede hizmet Nybegynder
05. november 2000 - 02:06 #18
***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