\"Flydende\" Folde-ud menu

Hej ragout.dk

Jeg har en på http://www.kbh-sprogcenter.dk/test - hvis den er lige som du ønsker den, så kan jeg sende koden, eller du kan selv tage den :)

/Steven

> Steven
Det kunne meget vel være det der kunne bruges. Du må derfor meget gerne maile mig nødvendige filer/koder på eksperten@ragout.dk - og du får naturligvis point...

> Alle
Er der andre der har lignende/bedre eksempler, så lægger jeg nogle flere point i puljen...

Hej ragout.dk

Her har du den del af koden der står på siden med menuen - jeg har taget menuen fra dansteinman.com og rettet den til.

Filerne dynlayer.js, dynlayer-glide.js, collapsemenu.js og dynlayer-common.js sender jeg til dig (du kan også finde dem på dansteinman.com)

Hvis du bruger filerne fra dansteinman.com i stedet for mine vil udfoldningen se en andelse anderledes ud, da han ikke slår dem sammen igen når et andet punkt foldes ud. På denne måde kan han få alle menuer åbne - hvilket jeg ikke ønskede.

/Steven

********** KODE **********

<head>
        <script language=\"JavaScript\" src=\"js/dynlayer.js\"></script>
        <script language=\"JavaScript\" src=\"js/dynlayer-glide.js\"></script>
        <script language=\"JavaScript\" src=\"js/dynlayer-common.js\"></script>
        <script language=\"JavaScript\" src=\"js/collapsemenu.js\"></script>
        <script language=\"JavaScript\">
        <!--

        onload = init
        function init() {
            collapse.activate()
           
            // set the height of the document based on the height of the menu
            if (is.ns) document.height = collapse.lyr.y + collapse.h
        }

        collapse = new CollapseMenu(10,18,150,7)
        collapse.openStyle = \'glide\'
        collapse.build()

        writeCSS(
        collapse.css
        )
        //-->
        </script>
    </head>
    <body bgcolor=\"#ddddff\">

        <script language=\"JavaScript\">
            document.write(collapse.divStart)
        </script>

        <div id=\"CollapseMenu0Block0\">
            <div id=\"CollapseMenu0Block0Item\"><a href=\"forside.htm\" class=\"menu1\" target=\"main\">Forsiden</a></div>
            <div id=\"CollapseMenu0Block0Content\">
        </div>

        <div id=\"CollapseMenu0Block1\">
            <div id=\"CollapseMenu0Block1Item\"><a href=\"java script:collapse.toggle(1)\" class=\"menu1\">Skolen</a></div>
            <div id=\"CollapseMenu0Block1Content\">
            <a href=\"hvemer.htm\" target=\"main\">Hvem er vi?</a>
            <br><a href=\"valdema.htm\" target=\"main\">Valdemarsgade 16</a>
            <br><a href=\"lyrskov.htm\" target=\"main\">Lyrskovsgade</a>
            <br><a href=\"halmtor.htm\" target=\"main\">Halmtorvet</a>
            <br><a href=\"idraets.htm\" target=\"main\">Idrætsfabrikken</a>
            <br><a href=\"kofoed.htm\" target=\"main\">Kofoeds skole</a>
        </div>

        <div id=\"CollapseMenu0Block2\">
            <div id=\"CollapseMenu0Block2Item\"><a href=\"java script:collapse.toggle(2)\" class=\"menu1\">Undervisningstilbud</a></div>
            <div id=\"CollapseMenu0Block2Content\">
            <a href=\"kforlob.htm\" target=\"main\">Kursusforløb</a>
            <br><a href=\"umodel.htm\" target=\"main\">Undervisningsmodel</a>
            <br><a href=\"dagk.htm\" target=\"main\">Dagkurser</a>
            <br><a href=\"aftenk.htm\" target=\"main\">Aftenkurser</a>
            <br><a href=\"fuu.htm\" target=\"main\">Den Fri Ungdomsuddannelse</a>
            <br><a href=\"skriftl.htm\" target=\"main\">Skriftlig fremstilling</a>
            <br><a href=\"sprogla.htm\" target=\"main\">Åbent sproglab</a>
            <br><a href=\"trafik.htm\" target=\"main\">Trafikteori</a>
            <br><a href=\"edb.htm\" target=\"main\">EDB i undervisningen</a>
            <br><a href=\"konvejl.htm\" target=\"main\">Vejledere</a>
            <br><a href=\"prover.htm\" target=\"main\">Prøver</a>
            <br><a href=\"testdig.htm\" target=\"main\">Test dig selv</a>
        </div>

        <div id=\"CollapseMenu0Block3\">
            <div id=\"CollapseMenu0Block3Item\"><a href=\"java script:collapse.toggle(3)\" class=\"menu1\">Andre tilbud</a></div>
            <div id=\"CollapseMenu0Block3Content\">
            <a href=\"studiev.htm\" target=\"main\">Studieværkstedet</a>
            <br><a href=\"sprogla.htm\" target=\"main\">Sproglaboratoriet</a>
            <br><a href=\"edbvaer.htm\" target=\"main\">Edb-værkstedet</a>
            <br><a href=\"kantine.htm\" target=\"main\">Kantinen</a>
            <br><a href=\"idrfore.htm\" target=\"main\">Idrætsforeningen</a>
        </div>

        <div id=\"CollapseMenu0Block4\">
            <div id=\"CollapseMenu0Block4Item\"><a href=\"java script:collapse.toggle(4)\" class=\"menu1\">Kontakt os</a></div>
            <div id=\"CollapseMenu0Block4Content\">
            <a href=\"konadm.htm\" target=\"main\">Administrationen</a>
            <br><a href=\"konvejl.htm\" target=\"main\">Vejledere</a>
            <br><a href=\"konweb.htm\" target=\"main\">Webmaster</a>
        </div>

        <div id=\"CollapseMenu0Block5\">
            <div id=\"CollapseMenu0Block5Item\"><a href=\"links.htm\" class=\"menu1\" target=\"main\">Links</a></div>
            <div id=\"CollapseMenu0Block5Content\">
        </div>

        <div id=\"CollapseMenu0Block6\">
            <div id=\"CollapseMenu0Block6Item\"><a href=\"login.asp\" class=\"menu1\" target=\"main\">Lærermodul</a></div>
            <div id=\"CollapseMenu0Block6Content\">
        </div>

        <script language=\"JavaScript\">
            document.write(collapse.divEnd)
        </script>
    </body>

Prøv også at kigge på

www.bratta.com -- der findes der absolut gode ideer til hvad som helst i menuer.

hth
jes

Nåeh ... jaeh

jeg var lidt hurtig -- du har jo netop været der! !--]

jeg synes godt nok, at steven har sat den til at være lidt langsom --- men det kan du jo selv bestemme !!

;-}
jes

> Steven
Tak for mail - det ser fint ud, men du har defineret bg-farve et sted. Der er en lille \"kasse\" bag menuen, og jeg kan ikke umiddelbart se hvor det er defineret! Kan du hjælpe mig?

her er nogen ganske gode nogen:
http://www.dhtmlcentral.com/script/script3.asp
http://www.dynamicdrive.com/dynamicindex1/index.html

roenving > bratta har skiftet navn til \'www.dhtmlcentral.com\'.

mvh www.fotx.net/JakobA

Oh jes, det var faktisk det, jeg fandt ud af !~|

>ragout.dk

Jeg har sat baggrundsfarven i filen \"collapsemenu.js\" i linie nr. 7.

/Steven