Avatar billede guppy Nybegynder
05. juni 2002 - 20:32 Der er 11 kommentarer og
1 løsning

hjælp med script

Jeg vil gerne have et script ind som en menubar i min side. Menuen virker fint alene, men når jeg prøver at sætte den ind på min side virker det ikke.


her er scriptet:
http://www.dhtmlcentral.com/script/script.asp?id=31

hvis det 1ste link ikke virker:
http://www.dhtmlcentral.com/script/?m=3
den hedder slidemenu og er den første link

Her er siden jeg vil have den sat ind i.
Jeg vil gerne have DHTML menuen til at være i den tabel hvor der står hotmail.com



<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#ffcc66" text="#000000">

<br>
<br>

<center>
  <table width="67%" border="0" bgcolor="488ac7" height="175">
    <tr>
      <td height="108">
<center><img src="../pics/bslogo.jpg"></center></td>
  </tr>
  <tr>
      <td height="111">
<center>MENU <a href="http://www.jubii.dk" target="muha">Jubii.dk</a><br></center></td>
  </tr>
</table border="1">




  <table width="67%" border="0" height="347" bgcolor="488ac7">
    <tr>
      <td height="934" width="18%">&nbsp; <a href="http://hotmail.com" target="muha">HOTMAIL.COM</a></td>
      <td width="82%" height="934"><iframe src="http://yahoo.com" name="muha"height="800" width="100%"></iframe>&nbsp;</td>
    </tr>
  </table>
</center>







</body>
</html>
Avatar billede Slettet bruger
05. juni 2002 - 20:39 #1
<html>
<head>
<style type="text/css">
DIV.clSlide{position:absolute;  ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#ffcc66" text="#000000">

<br>
<br>

<center>
  <table width="67%" border="0" bgcolor="488ac7" height="175">
    <tr>
      <td height="108">
<center><img src="../pics/bslogo.jpg"></center></td>
  </tr>
  <tr>
      <td height="111">
<center>MENU <a href="http://www.jubii.dk" target="muha">Jubii.dk</a><br></center></td>
  </tr>
</table border="1">




  <table width="67%" border="0" height="347" bgcolor="488ac7">
    <tr>
      <td height="934" width="18%">&nbsp; <a href="http://hotmail.com" target="muha">HOTMAIL.COM</a><script language="JavaScript" type="text/javascript">
/********************************************************************************** 
SlideMenu
*  Copyright (C) 2001 Thomas Brattli
*  This script was released at DHTMLCentral.com
*  Visit for more great scripts!
*  This may be used and changed freely as long as this msg is intact!
*  We will also appreciate any links you could give us.
*
*  Made by Thomas Brattli
*
*  Script date: 01/29/2002 (keep this date to check versions)
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=lib_bwcheck()
//Opera didn't seem to like the padding in the layers, it messes up the background-images, so here's a version without it.
if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; background-image:url(' ')}</style>")

/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenuObj(obj,nest){
    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?eval(nest+"document.layers." +obj+".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.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
    this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0;
    this.bgImg=b_bgImg;    this.obj = obj + "Object"; eval(this.obj + "=this");
    this.clipTo=b_clipTo;
    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_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y}
function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage="url("+img+")"
else this.css.background.src=img
}
function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r
this.css.clip.bottom=b;this.css.clip.left=l
}else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w){this.css.width=r; this.css.height=b}}}
/********************************************************************************
Initiating page, making objects..
********************************************************************************/
function SlideMenuInit(){
    oSlideMenu=new makeMenuObj('divSlideCont')
    oSlideMenu.moveIt(menux,menuy)
    oSlide=new Array()
    for(i=0;i<menus.length;i++){
        oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont')
        oSlide[i].subs=menus[i].subs
        oSlide[i].sub=new Array()
        oSlide[i].moveIt(0,mainheight*i)
        oSlide[i].starty=oSlide[i].y
    if(bw.opera) oSlide[i].css.paddingLeft="10px"
        if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)
        for(j=0;j<oSlide[i].subs;j++){
            oSlide[i].sub[j]=new makeMenuObj('divSlideSub'+i+"_"+j,'divSlideCont')
            oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between)
            oSlide[i].sub[j].starty=oSlide[i].sub[j].y
            oSlide[i][j]=new Array()
            oSlide[i][j].subs=menus[i][j].subs
            oSlide[i][j].sub=new Array()
            img=level1_round
            if(oSlide[i][j].subs!=0){
                if(j!=oSlide[i].subs-1) img=level1_sub
                else img=level1_sub_round
                oSlide[i].sub[j].css.color="white"
            }else{
                if(j!=oSlide[i].subs-1)img=level1_regular
            }
            oSlide[i].sub[j].origimg=img
            oSlide[i].sub[j].bgImg(img)
            for(a=0;a<oSlide[i][j].subs;a++){
                oSlide[i][j].sub[a]=new makeMenuObj('divSlideSub'+i+"_"+j+"_"+a,'divSlideCont')
                oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2)
                oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y           
                oSlide[i][j][a]=new Array()
                oSlide[i][j][a].subs=menus[i][j][a].subs
                oSlide[i][j][a].sub=new Array()
                if(a!=oSlide[i][j].subs-1) img=level2_regular
                else img=level2_round
                oSlide[i][j].sub[a].origimg=img
                oSlide[i][j].sub[a].bgImg(img)
            }
        }
    }
    oSlideMenu.showIt()
}
/********************************************************************************
Variables
********************************************************************************/
var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1
/********************************************************************************
Switch menu function.
********************************************************************************/
function swmenu(num,snum,s2num){
    if(snum!=-1){
        if(oSlide[num][snum].subs==0) return
    }
    if(s2num!=-1){
        if(oSlide[num][snum][s2num].subs==0) return
    }
    if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)}
}
/********************************************************************************
Moving the menus upward to their original position.
********************************************************************************/
function moveUp(num,snum){
    if(snum==-1){
        for(i=0;i<oSlide.length;i++){
            if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed)
            else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i}
        }
       
        if(isthere<oSlide.length-1) setTimeout("moveUp("+num+","+snum+")",timspeed)
        else swmenu2(num,snum)
    }else{
        if(num==oSlide.length-1) isthere=num
   
        if(sactive!=-1){ //Is out!
            //Slide subs
            j=0
            for(i=sactive+1;i<oSlide[num].sub.length;i++){
                j++
                if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)
                else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}
            }
            //Slide main
            for(i=num+1;i<oSlide.length;i++){
                if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j )  oSlide[i].moveBy(0,-pxspeed)
                else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}
            }
        }else{ //Slide to the one clicked
            for(i=num+1;i<oSlide.length;i++){
                if(oSlide[i].y>oSlide[i].starty + snum*between+between)  oSlide[i].moveBy(0,-pxspeed)
                else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i}
            }
        }
        if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout("moveUp("+num+","+snum+")",timspeed)
        else swmenu2(num,snum)
    }
}
/********************************************************************************
Switch menu 2, stuff that happens before the menus are moved down again.
********************************************************************************/
function swmenu2(num,snum){
    isthere=0;
    sisthere=0;
    if(active>-1 && snum==-1){
        //Hiding submenus
        for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()}
        oSlide[active].bgImg(level0_regular)
        oSlide[active].moveIt(0,oSlide[active].starty)
    }
    if(sactive>-1){
        //Hiding submenus
        for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()}
        oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg)
        oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty)
        //Move back to place
        for(i=sactive+1;i<oSlide[active].sub.length;i++){
            oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty)
        }
    }
    active=num
    //Showing submenus
    if(snum>-1){
        sactive=snum
        for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()}
        oSlide[num].sub[snum].moveBy(10,3)
        oSlide[num].sub[snum].bgImg(level1_round2)
    }else{
        sactive=-1
        for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()}
        oSlide[num].moveBy(10,3)
        oSlide[num].bgImg(level0_round)
    }
    if(num!=oSlide.length-1) moveDown(num,snum)
    else{
        isthere=num
        moveDown(num,snum)
    }
}
/********************************************************************************
Moving the menus down
********************************************************************************/
function moveDown(num,snum){
    //if(num==oSlide.length-1) isthere=num
    for(i=num+1;i<oSlide.length;i++){
        if(snum==-1){
            if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)
            else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}
        }else{
            if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between)  oSlide[i].moveBy(0,pxspeed)
            else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between  + (oSlide[num][snum].subs-1)*subheight+between); isthere=i}
        }
    }
    if(snum!=-1){
        for(i=snum+1;i<oSlide[num].sub.length;i++){       
            if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed)
            else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i}
        }
    }
    if(snum==-1){
        if(isthere<oSlide.length-1) setTimeout("moveDown("+num+","+snum+")",timspeed)
        else going=false
    }else{
        if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown("+num+","+snum+")",timspeed)
        else going=false
    }
}
var test=0
/********************************************************************************
Functions to write out the layers...
********************************************************************************/
menus=new Array(); var a=0; var b=0; var c=0; var d=0
function makeMenu(type,text,lnk,target,end){
    str=""; tg="";
  if(target) tg='target="'+target+'"'
  if(!lnk) lnk="#"
  self.status=lnk
    if(a==0) str='<div id="divSlideCont">\n'
    if(type=="top"){
        menus[a]=new Array();
        if(text=="seperator"){
            str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n'
            menus[a].seperator=1
        }else{
      str+='\t<div id="divSlide'+a+'" class="clSlide"><a href="'+lnk+'" '+tg+' onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) this.blur(); '
      if(lnk=="#") str+='return false'
      str+='" class="clSlideLinks"> '+text+'</a><br></div>\n'
        }
    menus[a].subs=0; a++; b=0
    }else if(type=="sub"){
        str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"><a '+tg+' onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie || bw.ns6) this.blur(); '
    if(lnk=="#") str+='return false'
    str+='" href="'+lnk+'" class="clSlideSubLinks">  '+text+'</a><br></div>\n'
        b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0
    }else if(type=="sub2"){
        str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"><a '+tg+' href="'+lnk+'" class="clSlideSub2Links">  '+text+'</a><br></div>\n'
        c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0
    }
    if(end) str+="</div>"
    document.write(str)
}
function preLoadBackgrounds(){
  for(i=0;i<arguments.length;i++){
    this[i]=new Image()
    this[i].src=arguments[i]
  }
  return this
}
</script></td>
      <td width="82%" height="934"><iframe src="http://yahoo.com" name="muha"height="800" width="100%"></iframe>&nbsp;</td>
    </tr>
  </table>
</center>
</body>
</html>
Avatar billede Slettet bruger
05. juni 2002 - 20:40 #2
svar
Avatar billede guppy Nybegynder
05. juni 2002 - 20:45 #3
Ked af at sige det, men der er ikke sket noget - menubaren er der stadig ikke :(
Avatar billede hathor Nybegynder
05. juni 2002 - 21:09 #4
nope virker ikke
Avatar billede hathor Nybegynder
05. juni 2002 - 21:16 #5
hmmm .. hvor indsætter man de forskellige menu punkter?
Avatar billede nstenberg Nybegynder
05. juni 2002 - 21:48 #6
Jeg har nu aldrig haft problemer med SlideMenu...
Avatar billede nstenberg Nybegynder
05. juni 2002 - 21:49 #7
guppy» du kunne jo prøve at læse kildekoden på den side på dhtmlcentral.com hvor de fremviser menuen, og så se hvordan de gør det.
Avatar billede guppy Nybegynder
05. juni 2002 - 21:53 #8
hov...jeg kom lige til at trykke på dne forkerte knap her på siden...nå..

anyways
>>Nstenberg det har jeg prøvet for det ser jo ganske simpelt ud, men det virker ikke.
jeg tro jeg prøver at spørge i det forum de har der
Avatar billede nstenberg Nybegynder
05. juni 2002 - 21:54 #9
Okay.... men menuen virker altså...
Avatar billede guppy Nybegynder
05. juni 2002 - 21:55 #10
ja - men ikke i når jeg putter den ind på min side
Avatar billede hathor Nybegynder
05. juni 2002 - 22:04 #11
det sfredsted svarer viser ingen menu hos mig
Avatar billede guppy Nybegynder
24. juni 2010 - 20:29 #12
Woah - glemte at give points i sin tid
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