Avatar billede jjensen Juniormester
14. september 2000 - 21:08 Der er 9 kommentarer og
1 løsning

Centrering

Hej,

Jeg kan ikke få nedenstående centret i både NS og IE - det er (tilnærmelsesvist) lykkes i IE med sætningen:

<DIV ID=\"Nyt\" Style=\"position:absolute;Left=40%\"> 3/4 nede i koden...


<html>
                                            <head>
                                            <title>Cross-browser Dynamic HTML Scripts - NewsMenu</title>
                                            <style type=\"text/css\">
                                            DIV.clTopMenu{position:absolute; width:200; height:150; clip:rect(0,200,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#EEEEEE}
                                            DIV.clTopMenuBottom{position:absolute; width:200; height:3; clip:rect(0,200,3,0); top:11; layer-background-color:#CECFCE; background-color:#CECFCE; z-index:2}
                                            DIV.clTopMenuText{position:absolute; width:190; left:5; top:15; font-family:arial,helvetica; font-size:14px; background-color:#EEEEEE; z-index:1}

                                            </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()
                                            /********************************************************************************
                                            If you want to change the appearens on the text, background-colors, size or
                                            anything do that in the style tag above.

                                            This menu might not be as easy to adapt to your own site, but please
                                            play around with it before you mail me for help...
                                            ****************************************************************************/

                                            /***************************************************************************
                                            Variables to set.
                                            ****************************************************************************/

                                            //There are 2 ways these menus can be placed
                                            // 0 = column
                                            // 1 = row
                                            nPlace=0


                                            //How many menus do you have? (remember to copy and add divs in the body if you add menus)
                                            var nNumberOfMenus=0

                                            var nMwidth=200 //The width on the menus (set the width in the stylesheet as well)
                                            var nPxbetween=20 //Pixels between the menus
                                            var nFromleft=10 //The first menus left position
                                            var nFromtop=85 //The top position of the menus
                                            var nBgcolor=\'#CECFCE\' //The bgColor of the bottom mouseover div
                                            var nBgcolorchangeto=\'#6380BC\' //The bgColor to change to
                                            var nImageheight=11 //The position the mouseover line div will stop at when going up!

                                            /***************************************************************************
                                            You shouldn\'t have to change anything below this
                                            ****************************************************************************/
                                            //Object constructor
                                            function makeNewsMenu(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.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\"document.layers.\" +obj):0;
                                            this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight
                                            this.moveIt=b_moveIt;this.bgChange=b_bgChange;
                                            this.slideUp=b_slideUp; this.slideDown=b_slideDown;
                                            this.clipTo=b_clipTo;
                                                this.obj = obj + \"Object\"; eval(this.obj + \"=this\")
                                            }
                                            //Objects methods
                                            function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
                                            function b_bgChange(color){if(bw.dom || bw.ie4) this.css.backgroundColor=color; else this.css.bgColor=color}
                                            function b_clipTo(t,r,b,l){
                                            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+\")\";
                                            }
                                            function b_slideUp(ystop,moveby,speed,fn,wh){
                                            if(!this.slideactive){
                                            if(this.y>ystop){
                                            this.moveIt(this.x,this.y-5); eval(wh)
                                            setTimeout(this.obj+\".slideUp(\"+ystop+\",\"+moveby+\",\"+speed+\",\'\"+fn+\"\',\'\"+wh+\"\')\",speed)
                                            }else{
                                            this.slideactive=false; this.moveIt(0,ystop); eval(fn)
                                            }
                                            }
                                            }
                                            function b_slideDown(ystop,moveby,speed,fn,wh){
                                            if(!this.slideactive){
                                            if(this.y<ystop){
                                            this.moveIt(this.x,this.y+5); eval(wh)
                                            setTimeout(this.obj+\".slideDown(\"+ystop+\",\"+moveby+\",\"+speed+\",\'\"+fn+\"\',\'\"+wh+\"\')\",speed)
                                            }else{
                                            this.slideactive=false; this.moveIt(0,ystop); eval(fn)
                                            }
                                            }
                                            }
                                            //Initiating the page, making cross-browser objects
                                            function newsMenuInit(){
                                            oTopMenu=new Array()
                                            zindex=10
                                            for(i=0;i<=nNumberOfMenus;i++){
                                            oTopMenu[i]=new Array()
                                            oTopMenu[i][0]=new makeNewsMenu(\'divTopMenu\'+i)
                                            oTopMenu[i][1]=new makeNewsMenu(\'divTopMenuBottom\'+i,\'divTopMenu\'+i)
                                            oTopMenu[i][2]=new makeNewsMenu(\'divTopMenuText\'+i,\'divTopMenu\'+i)
                                            oTopMenu[i][1].moveIt(0,nImageheight)
                                            oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)
                                            if(!nPlace) oTopMenu[i][0].moveIt(i*nMwidth+nFromleft+(i*nPxbetween),nFromtop)
                                            else{
                                            oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))
                                            oTopMenu[i][0].css.zIndex=zindex--
                                            }
                                            oTopMenu[i][0].css.visibility=\"visible\"
                                            }
                                            }
                                            //Moves the menu
                                            function topMenu(num){
                                            if(oTopMenu[num][1].y==nImageheight)
                                         
                      oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\',\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\')

                                            else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20)
                                            oTopMenu[num][1].slideUp(nImageheight,10,40,\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\',\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\')
                                            }
                                            //Changes background onmouseover
                                            function menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}
                                            function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}

                                            //Calls the init function onload
                                            onload=newsMenuInit;
                                            </script>
                                            </HEAD>
                                            <BODY bgcolor=\"White\">
                                            <!-- Remember the \"news\" \"key control\" and \"page contols\" text are images, you probably want to change those
                                            with your own images. If your own images have different sizes please adjust the height and clips
                                            of the divs, and change the nImageheight variable in the script. Good luck -->
                      <DIV ID=\"Nyt\" Style=\"position:absolute;Left=40%\">
                                            <div id=\"divTopMenu0\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(0)\" onmouseout=\"menuOut(0)\" onclick=\"topMenu(0); if(bw.dom || bw.ie4)this.blur(); return false\"><img
                      src=\"images/news.gif\"
                                            width=200 height=11 alt=\"\" border=0 align=\"top\"></a>
                                            <div id=\"divTopMenuText0\" class=\"clTopMenuText\">
                                            Få dit eget <a href=\"http://www.global-gateway.com/dhotel.htm#800\" onclick=\"parent.frames[0].setActive(3)\">1-800 nummer i USA</a>, som viderestiller til ethvert nummer i Danmark!<br><br>
                                            Se <a href=\"http://www.global-gateway.com/dfaq.htm\" onclick=\"parent.frames[0].setActive(4)\">FAQ\'en</a> for en lyn oversigt over vor service!<br><br>
                                            Nu <a href=\"http://www.global-gateway.com/download.htm\" onclick=\"parent.frames[0].setActive(7)\">On-line</a> tilmelding

                                            </div>
                                            <div id=\"divTopMenuBottom0\" class=\"clTopMenuBottom\"></div>
                                            </div>

                                            <div id=\"divTopMenu1\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(1)\" onmouseout=\"menuOut(1)\" onclick=\"topMenu(1); if(bw.dom || bw.ie4)this.blur(); return false\"><img
                      src=\"images/keycontrol.gif\"
                                            width=101 height=11 alt=\"\" border=0 align=\"top\"></a>
                                            <div id=\"divTopMenuText1\" class=\"clTopMenuText\">
                                            1-6=Menu controls<br>
                                            M=Menuchange<br>
                                            N=News<br>
                                            K=Key controls<br>
                                            P=Page control<br>
                                            A=Scroll down<br>
                                            Z=Scroll up<br>
                                            S=Scriptomania<br><br>
                                            </div>
                                            <div id=\"divTopMenuBottom1\" class=\"clTopMenuBottom\"></div>
                                            </div>
                                            <div id=\"divTopMenu2\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(2)\" onmouseout=\"menuOut(2)\" onclick=\"topMenu(2); if(bw.dom || bw.ie4)this.blur(); return false\"><img
                      src=\"images/pagecontrol.gif\"
                                            width=101 height=11 alt=\"\" border=0 align=\"top\"></a>
                                            <div id=\"divTopMenuText2\" class=\"clTopMenuText\">
                                            Text here.
                                            </div>
                                            <div id=\"divTopMenuBottom2\" class=\"clTopMenuBottom\"></div>
                                            </div>
                      </div>
                                            <!-- To add a new menu just copy these lines:
                                            <div id=\"divTopMenuN\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(N)\" onmouseout=\"menuOut(N)\" onclick=\"topMenu(N); if(ie)this.blur(); return false\">HEADING IMAGE GOES HERE</a>
                                            <div id=\"divTopMenuTextN\" class=\"clTopMenuText\">
                                            TEXT HERE
                                            </div>
                                            <div id=\"divTopMenuBottomN\" class=\"clTopMenuBottom\"></div>
                                            </div>
                                            And change the letter N to a number higher then the last menu...
                                            (and remember to set the variable nNumberOfMenus in the script to
                                            the same number of menus you have (remember it starts counting
                                            at 0) --><br><br>

                                            </BODY>
                                            </HTML> 
Avatar billede s_raagaard Nybegynder
14. september 2000 - 21:57 #1
Det centrerer da fint i IE 5
Avatar billede jjensen Juniormester
14. september 2000 - 22:07 #2
Mit problem er muligvis lidt uklart formuleret; dét jeg har behov for er at den BÅDE centrerer i NS OG IE

- Så hvis en kan komme med et bud på en \"ægte\" centrering snarer end denne tilnærmelsesvise centrering, man får ved koden:
<DIV ID=\"Nyt\" Style=\"position:absolute;Left=40%\"> kunne det måske tænkes at fungere i begge browsere......

Idéer ???

/John
Avatar billede helle_fred Nybegynder
15. september 2000 - 10:34 #3
Du har i hvert fald nogle syntaxfejl, og på det område er Netscape mere kræsen end IE.

Det hedder ikke:
<DIV ID=\"Nyt\" Style=\"position:absolute;Left=40%\">

men

<DIV ID=\"Nyt\" Style=\"position:absolute;Left:40%\">

altså kolon og ikke lighedstegn.

Det får til gengæld flere fejl til at dukke op i Netscape.... så det er vist ingen stor hjælp!
Avatar billede jjensen Juniormester
15. september 2000 - 12:18 #4
Kan nogen evt. give et forslag til kode hvor scriptet bliver lagt i en tabel, der så er centreret - måske var det en løsning....?
Avatar billede helle_fred Nybegynder
15. september 2000 - 12:59 #5
Det hjælper ikke at lægge koden i tabel, for alle div-bokse har position:absolute.
Avatar billede jjensen Juniormester
15. september 2000 - 13:58 #6
Er der ikke noget der hedder position:center så? :-)
Avatar billede olebole Juniormester
16. september 2000 - 08:01 #7
<ole>
Næhhh...man får ikke megen hjælp af IE, når det gælder om at skrive koden korrekt.
Det går fuldstændig galt, hvis du skriver et <div></div> udenom de div\'s, du allerede har. Så skal du i hvert fald skrive funktions-kaldene om...ud med det!
Så skal du vænne dig til at gøre, som script-forfatteren skriver, du skal gøre (nederst i scriptet her): Du skal huske at sætte \'var nNumberOfMenus\' til antallet af menuer.
Det er dog i dette tilfælde noget vrøvl, hvad Brattli skriver! Det han mener er, at du skal sætte den lig tallet i dit sidste <div>...altså \'2\' (Du har nemlig 3 menuer, men vi starter med nr. 0). Iøvrigt er dette et af Brattli\'s mere sjuskede scripts...han har også nogle ubrugelige levninger i \'rulle op\' og \'rulle ned\' funktionerne. De må stamme fra tidligere, mislykkede forsøg...pyt!
Linien:
    var nFromleft=10 //The first menus left position
har jeg også ændret lidt, ligesom jeg har skrevet en ekstra variabel \'totWidth\', som beregnes udfra antallet af menuer og deres bredde, samt afstanden mellem dem.
Tilsidst har jeg skrevet et par linier i begyndelsen af din \'init()\' funktion. De måler vinduesbredden (og trækker plads fra til scrollbar) og sætter en værdi på \'nFromleft\'.
Det er vigtigt at gøre det i \'init()\', da den først køres på onload. Det er nemlig vigtigt for IE, at body\'en er indlæst, da den bruges i beregningen af vinduesbredden.

Det får din side til at se således ud:

<html>
                                            <head>
                                            <title>Cross-browser Dynamic HTML Scripts - NewsMenu</title>
                                            <style type=\"text/css\">
                                            DIV.clTopMenu{position:absolute; width:200; height:150; clip:rect(0,200,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#EEEEEE}
                                            DIV.clTopMenuBottom{position:absolute; width:200; height:3; clip:rect(0,200,3,0); top:11; layer-background-color:#CECFCE; background-color:#CECFCE; z-index:2}
                                            DIV.clTopMenuText{position:absolute; width:190; left:5; top:15; font-family:arial,helvetica; font-size:14px; background-color:#EEEEEE; z-index:1}

                                            </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()
                                            /********************************************************************************
                                            If you want to change the appearens on the text, background-colors, size or
                                            anything do that in the style tag above.

                                            This menu might not be as easy to adapt to your own site, but please
                                            play around with it before you mail me for help...
                                            ****************************************************************************/

                                            /***************************************************************************
                                            Variables to set.
                                            ****************************************************************************/

                                            //There are 2 ways these menus can be placed
                                            // 0 = column
                                            // 1 = row
                                            nPlace=0


                                            //How many menus do you have? (remember to copy and add divs in the body if you add menus)
                                            var nNumberOfMenus=2

                                            var nMwidth=200 //The width on the menus (set the width in the stylesheet as well)
                                            var nPxbetween=20 //Pixels between the menus
                                            var nFromleft; //The first menus left position...gets set in the init() function below
                                            var nFromtop=85 //The top position of the menus
                                            var nBgcolor=\'#CECFCE\' //The bgColor of the bottom mouseover div
                                            var nBgcolorchangeto=\'#6380BC\' //The bgColor to change to
                                            var nImageheight=11 //The position the mouseover line div will stop at when going up!
                                            var totWidth = (nMwidth*(nNumberOfMenus+1)) + (nPxbetween*nNumberOfMenus);

                                            /***************************************************************************
                                            You shouldn\'t have to change anything below this
                                            ****************************************************************************/
                                            //Object constructor
                                            function makeNewsMenu(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.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\"document.layers.\" +obj):0;
                                            this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight
                                            this.moveIt=b_moveIt;this.bgChange=b_bgChange;
                                            this.slideUp=b_slideUp; this.slideDown=b_slideDown;
                                            this.clipTo=b_clipTo;
                                                this.obj = obj + \"Object\"; eval(this.obj + \"=this\")
                                            }
                                            //Objects methods
                                            function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
                                            function b_bgChange(color){if(bw.dom || bw.ie4) this.css.backgroundColor=color; else this.css.bgColor=color}
                                            function b_clipTo(t,r,b,l){
                                            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+\")\";
                                            }
                                            function b_slideUp(ystop,moveby,speed,fn,wh){
                                            if(!this.slideactive){
                                            if(this.y>ystop){
                                            this.moveIt(this.x,this.y-5); eval(wh)
                                            setTimeout(this.obj+\".slideUp(\"+ystop+\",\"+moveby+\",\"+speed+\",\'\"+fn+\"\',\'\"+wh+\"\')\",speed)
                                            }else{
                                            this.slideactive=false; this.moveIt(0,ystop); eval(fn)
                                            }
                                            }
                                            }
                                            function b_slideDown(ystop,moveby,speed,fn,wh){
                                            if(!this.slideactive){
                                            if(this.y<ystop){
                                            this.moveIt(this.x,this.y+5); eval(wh)
                                            setTimeout(this.obj+\".slideDown(\"+ystop+\",\"+moveby+\",\"+speed+\",\'\"+fn+\"\',\'\"+wh+\"\')\",speed)
                                            }else{
                                            this.slideactive=false; this.moveIt(0,ystop); eval(fn)
                                            }
                                            }
                                            }
                                            //Initiating the page, making cross-browser objects
                                            function newsMenuInit(){
                                            winW = (bw.ns4)? window.innerWidth-16 : document.body.offsetWidth-20;
                                            nFromleft = (winW - totWidth)/2
                                            oTopMenu=new Array()
                                            zindex=10
                                            for(i=0;i<=nNumberOfMenus;i++){
                                            oTopMenu[i]=new Array()
                                            oTopMenu[i][0]=new makeNewsMenu(\'divTopMenu\'+i)
                                            oTopMenu[i][1]=new makeNewsMenu(\'divTopMenuBottom\'+i,\'divTopMenu\'+i)
                                            oTopMenu[i][2]=new makeNewsMenu(\'divTopMenuText\'+i,\'divTopMenu\'+i)
                                            oTopMenu[i][1].moveIt(0,nImageheight)
                                            oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)
                                            if(!nPlace) oTopMenu[i][0].moveIt(i*nMwidth+nFromleft+(i*nPxbetween),nFromtop)
                                            else{
                                            oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))
                                            oTopMenu[i][0].css.zIndex=zindex--
                                            }
                                            oTopMenu[i][0].css.visibility=\"visible\"
                                            }
                                            }
                                            //Moves the menu
                                            function topMenu(num){
                                            if(oTopMenu[num][1].y==nImageheight)
                                         
                      oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\',\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\')

                                            else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20)
                                            oTopMenu[num][1].slideUp(nImageheight,10,40,\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\',\'oTopMenu[\'+num+\'][0].clipTo(0,nMwidth,oTopMenu[\'+num+\'][1].y+3,0)\')
                                            }
                                            //Changes background onmouseover
                                            function menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}
                                            function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}

                                            //Calls the init function onload
                                            onload=newsMenuInit;
                                            </script>
                                            </HEAD>
                                            <BODY bgcolor=\"White\">
                                            <!-- Remember the \"news\" \"key control\" and \"page contols\" text are images, you probably want to change those
                                            with your own images. If your own images have different sizes please adjust the height and clips
                                            of the divs, and change the nImageheight variable in the script. Good luck -->

                                            <div id=\"divTopMenu0\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(0)\" onmouseout=\"menuOut(0)\" onclick=\"topMenu(0); if(bw.dom || bw.ie4)this.blur(); return false\"><img
                      src=\"images/news.gif\"
                                            width=200 height=11 alt=\"\" border=0 align=\"top\"></a>
                                            <div id=\"divTopMenuText0\" class=\"clTopMenuText\">
                                            F&aring; dit eget <a href=\"http://www.global-gateway.com/dhotel.htm#800\" onclick=\"parent.frames[0].setActive(3)\">1-800 nummer i USA</a>, som viderestiller til ethvert nummer i Danmark!<br><br>
                                            Se <a href=\"http://www.global-gateway.com/dfaq.htm\" onclick=\"parent.frames[0].setActive(4)\">FAQ\'en</a> for en lyn oversigt over vor service!<br><br>
                                            Nu <a href=\"http://www.global-gateway.com/download.htm\" onclick=\"parent.frames[0].setActive(7)\">On-line</a> tilmelding

                                            </div>
                                            <div id=\"divTopMenuBottom0\" class=\"clTopMenuBottom\"></div>
                                            </div>

                                            <div id=\"divTopMenu1\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(1)\" onmouseout=\"menuOut(1)\" onclick=\"topMenu(1); if(bw.dom || bw.ie4)this.blur(); return false\"><img
                      src=\"images/keycontrol.gif\"
                                            width=101 height=11 alt=\"\" border=0 align=\"top\"></a>
                                            <div id=\"divTopMenuText1\" class=\"clTopMenuText\">
                                            1-6=Menu controls<br>
                                            M=Menuchange<br>
                                            N=News<br>
                                            K=Key controls<br>
                                            P=Page control<br>
                                            A=Scroll down<br>
                                            Z=Scroll up<br>
                                            S=Scriptomania<br><br>
                                            </div>
                                            <div id=\"divTopMenuBottom1\" class=\"clTopMenuBottom\"></div>
                                            </div>
                                            <div id=\"divTopMenu2\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(2)\" onmouseout=\"menuOut(2)\" onclick=\"topMenu(2); if(bw.dom || bw.ie4)this.blur(); return false\"><img
                      src=\"images/pagecontrol.gif\"
                                            width=101 height=11 alt=\"\" border=0 align=\"top\"></a>
                                            <div id=\"divTopMenuText2\" class=\"clTopMenuText\">
                                            Text here.
                                            </div>
                                            <div id=\"divTopMenuBottom2\" class=\"clTopMenuBottom\"></div>
                                            </div>

                                            <!-- To add a new menu just copy these lines:
                                            <div id=\"divTopMenuN\" class=\"clTopMenu\"><a href=\"#\" onmouseover=\"menuOver(N)\" onmouseout=\"menuOut(N)\" onclick=\"topMenu(N); if(ie)this.blur(); return false\">HEADING IMAGE GOES HERE</a>
                                            <div id=\"divTopMenuTextN\" class=\"clTopMenuText\">
                                            TEXT HERE
                                            </div>
                                            <div id=\"divTopMenuBottomN\" class=\"clTopMenuBottom\"></div>
                                            </div>
                                            And change the letter N to a number higher then the last menu...
                                            (and remember to set the variable nNumberOfMenus in the script to
                                            the same number of menus you have (remember it starts counting
                                            at 0) --><br><br>

                                            </BODY>
                                            </HTML>

Derudover synes jeg, menuerne kører ad H..... til. De er alt for langsomme og man når at få lange, buldne løg af at sidde og glo på, de folder ud  :o(
Det kan ændres i linien:
    oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,\'oTopMenu[ ...osv
Bare ret de 40 til et mindre tal...4 f.eks. Det skal du også gøre ved \'slideUp\' et par linier længere nede. Tallet afgør, hvor hurtigt setTimeout\'en, der kører rulle-effekten skal køre. Du kan også ændre på tallet 10, der afgør, hvor langt der skal rulles ved hver timeout. Det bliver dog hurtigt ret grimt...det er herfra de føromtalte levninger stammer. Han har prøvet at lave det med en variabel, man selv kunne sætte - men uden success!
/mvh
</bole>
Avatar billede olebole Juniormester
16. september 2000 - 08:05 #8
totWidth er den samlede bredde af menuerne plus mellemrum
Avatar billede jjensen Juniormester
16. september 2000 - 17:19 #9
FEDT! Der var sku\' en der lader til at have forstand på hvad han snakker om!

Men lige et par tillægsspørgsmål:
1) Jeg har faktisk kun brug for den ene menu, så sætningen: var nNumberOfMenus=0 må være rigtig? - jeg ved godt at der står to andre menuer, jeg har blot ikke kunnet finde ud af at fjerne dem fra selve scriptet....

2) Jeg har prøvet at ændre de tal du taler om der skulle ændre scrool hastigheden, men jeg får ingen effekt......

3) Menuen skal ligge sammen med noget andet tekst, hvordan ændrer jeg på højde palceringen? (Y koordinat) Det går ikke bare at sætte det inde hvor man mener det skal være - men det ved du alt om :-)

olebole er et fedt navn :-)

/John
Avatar billede olebole Juniormester
16. september 2000 - 20:48 #10
John, kan du ikke maile mig, inden vi får fyldt databasen på Eksperten helt op - så skal jeg nok løse resten  ;o)
ole@webtile.dk
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