Avatar billede mbl Juniormester
15. august 2002 - 09:35 Der er 2 kommentarer og
1 løsning

foldemenu

Er der nogen der kunne hjælpe mig med en folde menu som gerne skulle se sådan ud i vedlagte kode men der lige et par tilføjelser.

Menu1
  Menu1a
  Menu1a
Menu2
  Menu2a
  Menu2a
      Menu2b
Menu3
  Menu3a

----- Foldemenu -------
<html>
<head>
<script>
ids = new Array("menu1", "menu2", "menu3"); //ID'erne på dine foldemenuer. Kan udvides!

function fold(id) {
for (i = 0; i < ids.length; i++) {
el = (document.getElementById) ? document.getElementById(ids[i]) : document.all[ids[i]];
el.style.display = (ids[i] == id) ? ((el.style.display == "none") ? "block" : "none") : "none";
}
}
</script>
</head>
<body>
<a href="#" onClick="if (this.blur) this.blur(); fold('menu1'); return false;">Menu 1</a><br>
<div id="menu1" style="background-color: lightyellow; display: none;">
Bla bla<br>
Bla bla<br>
Bla bla
</div>
<br>
<a href="#" onClick="if (this.blur) this.blur(); fold('menu2'); return false;">Menu 2</a><br>
<div id="menu2" style="background-color: lightgreen; display: none;">
Bla bla<br>
Bla bla<br>
Bla bla
</div>
<br>
<a href="#" onClick="if (this.blur) this.blur(); fold('menu3'); return false;">Menu 3</a><br>
<div id="menu3" style="background-color: lightblue; display: none;">
Bla bla<br>
Bla bla<br>
Bla bla
</div>
</body>
</html>
Avatar billede jakoba Nybegynder
15. august 2002 - 11:24 #1
jeg har udvidet dit script lidt så det er nogenlunde nemt at udvide med undermenuer til menupunkterne:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp246411.html
bemærk at det duer ikke i NS4, og vist heller ikke i Opera.
Avatar billede mbl Juniormester
15. august 2002 - 12:04 #2
Tak for hjælpen
Avatar billede soccoro Nybegynder
07. september 2003 - 13:11 #3
jakoba, nu har jeg så lige et spørgsmål til din menu :-)

Hvordan kan man, når man klikker på et menupunkt, sikre sig at det forbliver åbnet også selv om man åbner en ny side?!
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