Avatar billede plasmon Nybegynder
17. marts 2002 - 17:09 Der er 7 kommentarer og
3 løsninger

Folde ud menu

Hej jeg har et, måske dumt, spørgsmål:

Hvordan laver man en menu, hvor man har en række links, og når man så klikker på et af dem så udvider det sig nedaf og der kommer nogle under underpunkter(en undermenu)

Eks:

Menu1
Menu2
Menu3

Og når man klikker på Menu2 så kommer det til at se sådan ud:

Menu1
Menu2
- Menu2,1
- Menu2,2
- Menu2,3
Menu3

Er der nogle der har nogle ider til hvordan man laver en sådanne en?

Med Venlig Hilsen Jens
Avatar billede jonas- Nybegynder
17. marts 2002 - 17:10 #1
Avatar billede ztyxx Nybegynder
17. marts 2002 - 17:10 #2
http://www.dansteinman.com/dynduo/ har et par forskelige
Avatar billede ztyxx Nybegynder
17. marts 2002 - 17:11 #3
dam jonas- et sekund, hehe
Avatar billede Slettet bruger
17. marts 2002 - 17:11 #4
Avatar billede michaelb Nybegynder
17. marts 2002 - 17:12 #5
Perfekt & Ligetil:

<div style="cursor: hand" onClick='if(menupunkt_1.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_1.style.display="none"}
else { m_3.src="gennemsigtig.gif";menupunkt_1.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><a href="index.htm"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0"></a>&nbsp;<a href="index.htm">Menupunkt</div>
</div></a>

<div style="cursor: hand" onClick='if(menupunkt_2.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_2.style.display="none" }
else { m_3.src="gennemsigtig.gif";menupunkt_2.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0">&nbsp;Menupunkt</div>
<div id="menupunkt_2" style="display:None"><font style="font-size: .12 in;">
&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
<br>&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
</div>

<div style="cursor: hand" onClick='if(menupunkt_3.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_3.style.display="none" }
else { m_3.src="gennemsigtig.gif";menupunkt_3.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0">&nbsp;Menupunkt</div>
<div id="menupunkt_3" style="display:None"><font style="font-size: .12 in;">
&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
<br>&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
</div>

<div style="cursor: hand" onClick='if(menupunkt_4.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_4.style.display="none" }
else { m_3.src="gennemsigtig.gif";menupunkt_4.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0">&nbsp;Menupunkt</div>
<div id="menupunkt_4" style="display:None"><font style="font-size: .12 in;">
&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
<br>&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
</div>

<div style="cursor: hand" onClick='if(menupunkt_5.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_5.style.display="none" }
else { m_3.src="gennemsigtig.gif";menupunkt_5.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0">&nbsp;Menupunkt</div>
<div id="menupunkt_5" style="display:None"><font style="font-size: .12 in;">
&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
<br>&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
</div>

<div style="cursor: hand" onClick='if(menupunkt_6.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_6.style.display="none" }
else { m_3.src="gennemsigtig.gif";menupunkt_6.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0">&nbsp;Menupunkt</div>
<div id="menupunkt_6" style="display:None"><font style="font-size: .12 in;">
&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
<br>&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
</div>

<div style="cursor: hand" onClick='if(menupunkt_7.style.display=="") { m_3.src="gennemsigtig.gif";menupunkt_7.style.display="none" }
else { m_3.src="gennemsigtig.gif";menupunkt_7.style.display="";}'>
<img id="m_3" width="4" src="gennemsigtig.gif"><font face="Verdana" color="000000"><img src="images/plus.gif" border="0">&nbsp;Menupunkt</div>
<div id="menupunkt_7" style="display:None"><font style="font-size: .12 in;">
&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
<br>&nbsp;&nbsp;&nbsp;<a href=""><img src="images/minus.gif" border="0">&nbsp;Sublink</a>
</div>
Avatar billede ztyxx Nybegynder
17. marts 2002 - 17:12 #6
iøvrigt ikke noget dumt spørgsmål, men der kan være dumme svar :-)
Avatar billede michaelb Nybegynder
17. marts 2002 - 17:13 #7
plus.gif og minus.gif er selvfølgelig nogle punkter som du selv lige skal lave grafik til :))

.::Michael::.
Avatar billede michaelb Nybegynder
17. marts 2002 - 17:18 #8
elbarto: Læg lige mærke til at i Langelandsfestivallens menu skal du bruge:


<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">
Avatar billede michaelb Nybegynder
17. marts 2002 - 18:34 #9
Takker for points...
Avatar billede plasmon Nybegynder
17. marts 2002 - 19:27 #10
det var så lidt
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