Avatar billede hellek Nybegynder
06. december 2001 - 16:32 Der er 5 kommentarer og
2 løsninger

(collapse)menu

Er (næsten) nybegynder og vil gerne lave en menu som den på www.langelandsfestival.dk, men kan ikke helt finde den rigtige kode. Koden på langelandsfestivalsiden dur ikke (undermenuerne er synlige hele tiden og der er ingen \'rul ned funktion\'), når jeg sætter den ind uden at redigere i den. Hvor kan jeg fine en ren kode til at lave en sådan menu?
Avatar billede realone Nybegynder
06. december 2001 - 16:37 #1
Du kan sagtens få det til at virke! Du skal bare huske at hente alle js-filer:

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

.. som du kan se når du viser kilden for siden.
</RealOne>
Avatar billede Slettet bruger
06. december 2001 - 16:37 #2
Hvis du gemmer http://www.langelandsfestival.dk/menu.htm som hel webside vil det virke medd 100% sandsynlighed :)

(Filer > Gem som... > Webside, fuldstændig
Avatar billede realone Nybegynder
06. december 2001 - 16:39 #3
... og det er så fordi du samtidig henter js-filerne ;o)
</RealOne>
Avatar billede Slettet bruger
06. december 2001 - 16:41 #4
realone> jepper...jeg havde også først skrevet dit svar, men tvivlede på at han ville forstå det ;)
Avatar billede hellek Nybegynder
06. december 2001 - 16:51 #5
Jeg kan godt se at hvis jeg gemmer hele sitet, så virker det, men jeg kan stadig ikke finde ud af at udtage menuen. Jeg skal bruge det i et ikke-framebaseret site. Hvad mener du (RealOne) med at jeg skal hente js-filerne?

Helle
Avatar billede hellek Nybegynder
06. december 2001 - 16:52 #6
Er i øvrigt en hun!
Avatar billede realone Nybegynder
06. december 2001 - 22:09 #7
Når du har gemt hele websiden er det siden med menuen (menu.htm), skulle du gerne have en mappe bestående af 5 \".js\"-filer og to billeder..
I den mappe gemmer du denne htmlside som \"menu.htm\":

<HTML>
<HEAD>
<TITLE>Langelandsfestival 2002</TITLE>
   
<script language=\"JavaScript\" src=\"dynlayer.js\"></script>
<script language=\"JavaScript\" src=\"dynlayer-glide.js\"></script>
<script language=\"JavaScript\" src=\"dynlayer-common.js\"></script>
<script language=\"JavaScript\" src=\"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,0,150,8,\'collapseMenu\')

collapse.openStyle = \'glide\'

collapse.build()



writeCSS(

collapse.css

)



//-->

</script>

<script language=\"JavaScript\" src=\"images.js\"></script>

<SCRIPT LANGUAGE=\"JavaScript\">

<!--
preload(\'Plus\',\'plus.gif\')

preload(\'Minus\',\'minus.gif\')
//-->

</SCRIPT>

<STYLE TYPE=\"text/css\">

<!--

  A:link, A:visited { text-decoration: none }

  A:hover { text-decoration: underline )

-->

</STYLE>

</HEAD>



<BODY BGCOLOR=\"#FFFFFF\" TEXT=\"#000000\" LINK=\"#339900\" VLINK=\"#000000\" ALINK=\"#339900\">


<script language=\"JavaScript\">

document.write(collapse.divStart)

</script>

<div id=\"collapseMenuBlock0\">

<font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock0Item\"><a href=\"java script:collapse.toggle(0)\"><img src=\"grafik/menu/plus.gif\" width=9 height=9 border=0

id=\"collapseMenuBlock0Img\"> <font color=\"#000000\"><b>Program 2002</b></font></a></div>

<div id=\"collapseMenuBlock0Content\">

<UL>

<LI><A HREF=\"program/musikprogram.htm\" target=\"main\">Musikprogram</A>

<LI><A HREF=\"program/bands-02.htm\" target=\"main\">Bandliste</A>

<!--<LI><A HREF=\"program/spillestederne.htm\" target=\"main\">Spillestederne</A>-->

<!--<LI><A HREF=\"program/borneland.htm\" target=\"main\">B&oslash;rneland</A>-->

<!--<LI><A HREF=\"program/kafekino.htm\" target=\"main\">Kaf&eacute; Kino</A>-->

</UL>

</div>



</font><div id=\"collapseMenuBlock1\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock1Item\"><a href=\"java script:collapse.toggle(1)\"><img src=\"grafik/menu/plus.gif\" width=9 height=9 border=0

id=\"collapseMenuBlock1Img\"> <font color=\"#000000\"><b>Billetter</b></font></a></div>

<div id=\"collapseMenuBlock1Content\">

<UL>

<LI><A HREF=\"billetter/priser.htm\" target=\"main\">Priser</A>
</UL>

</div>



</font><div id=\"collapseMenuBlock2\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock2Item\"><a href=\"java script:collapse.toggle(2)\"><img src=\"grafik/menu/plus.gif\" width=9 height=9 border=0

id=\"collapseMenuBlock2Img\"> <font color=\"#000000\"><b>Værd at vide</b></font></a></div>

<div id=\"collapseMenuBlock2Content\">

<UL>

<LI><A HREF=\"generel/sporgsmaal.htm\" TARGET=\"main\">Sp&oslash;rgsm&aring;l &amp; svar</A>

<LI><A HREF=\"generel/borneland.htm\" TARGET=\"main\">B&oslash;rneland</A>

<!--<LI><A HREF=\"generel/mens.htm\" target=\"main\">Mens vi venter...</A>-->

<!--<LI><A HREF=\"generel/velkommen.htm\" target=\"main\">Velkommen</A>-->

<LI><A HREF=\"generel/transport.htm\" target=\"main\">Transport</A>

<LI><A HREF=\"generel/camping.htm\" target=\"main\">Camping</A>

<LI><A HREF=\"generel/sikkerhedsregler.htm\" target=\"main\">Sikkerhedsregler</A>

<LI><A HREF=\"generel/generelinfo.htm\" target=\"main\">Generel info</A>

<!--<LI><A HREF=\"generel/forbudt.htm\" target=\"main\">Forbudt Prut</A>

<LI><A HREF=\"generel/barer.htm\" target=\"main\">Barer &amp; Spisesteder</A>-->

<!--<LI><A HREF=\"generel/risros.htm\" TARGET=\"main\">Ris &amp; Ros</A>

<LI><A HREF=\"generel/lookingback.htm\" target=\"main\">\"Looking Back\"</A>

<LI><A HREF=\"generel/aktiviteter.htm\" target=\"main\">\"Aktiviteter\"</A>-->
</UL>

</div>



</font><div id=\"collapseMenuBlock3\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock3Item\"><a href=\"java script:collapse.toggle(3)\"><img src=\"grafik/menu/plus.gif\" width=9 height=9 border=0

id=\"collapseMenuBlock3Img\"> <font color=\"#000000\"><b>Nyheder</b></font></a></div>

<div id=\"collapseMenuBlock3Content\">

<UL>

<LI><A HREF=\"nyheder/nyheder.htm\" target=\"main\">Nyheder</A>

<LI><A HREF=\"nyheder/pressemeddelelser.htm\" target=\"main\">Pressemeddelelser</A>

<LI><A HREF=\"nyheder/mailservice/mailservice.asp\" target=\"main\">MailService</A>

<!--<LI><A HREF=\"nyheder/grafik.htm\" target=\"main\">Langelandsfestival Grafik</A>-->
</UL>

</div>



</font><div id=\"collapseMenuBlock4\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock4Item\"><a href=\"java script:collapse.toggle(4)\"><img src=\"grafik/menu/plus.gif\" width=9 height=9 border=0

id=\"collapseMenuBlock4Img\"> <font color=\"#000000\"><b>Festival Shoppen</b></font></a></div>

<div id=\"collapseMenuBlock4Content\">

<UL>

<LI><A HREF=\"festivalshoppen/info.htm\" target=\"main\">Info</A>

<LI><A HREF=\"http://llf.butik.jubii.dk\" target=\"_top\">Shoppen</A>

<!--<LI><A HREF=\"shoppen/velkommen.htm\" target=\"main\">Velkommen</A>

<LI><A HREF=\"shoppen/merchandise.htm\" target=\"main\">Merchandise</A>

<LI><A HREF=\"shoppen/billetter.htm\" target=\"main\">Billetter</A>-->

</UL>

</div>



</font><div id=\"collapseMenuBlock5\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock5Item\"><a href=\"java script:collapse.toggle(5)\"><img src=\"grafik/menu/plus.gif\" width=9 height=9 border=0

id=\"collapseMenuBlock5Img\"> <font color=\"#000000\"><b>Klub Raffen</b></font></a></div>

<div id=\"collapseMenuBlock5Content\">

<UL>

<!--<LI><A HREF=\"raffen/omklub.htm\" target=\"main\">Om Klub Raffen</A>-->

<LI><A HREF=\"klubraffen/medlem.htm\" target=\"main\">Bliv medlem</A>

</UL>

</div>


</font><div id=\"collapseMenuBlock6\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock6Item\"><br><BR><CENTER><A HREF=\"main.htm\" target=\"main\"><IMG SRC=\"menublomster.gif\" ALT=\"Tilbage til forsiden\" WIDTH=\"62\"

HEIGHT=\"61\" BORDER=\"0\"></A><br><br></CENTER></div>

<div id=\"collapseMenuBlock6Content\">

</div>



</font><div id=\"collapseMenuBlock7\"><font face=\"verdana\" size=\"1\">

<div id=\"collapseMenuBlock7Item\"><br><br><br><br></div>

<div id=\"collapseMenuBlock7Content\">

</div>



</font>



<script language=\"JavaScript\">

document.write(collapse.divEnd)

</script>





</div></div></div></div></div></div></div></div></body></html>

------------------------------------------------------

Og voila! Så virker menuen.. Det er de \".js\"-filer du skal bruge for at menuen virker..

BTW .. Det er jo altid dejligt at få lov at hjælpe en Qvinde på Eksperten .. Det sker jo ikke så tit ;o)
</RealOne>
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