Avatar billede mt2 Nybegynder
21. april 2008 - 15:29 Der er 7 kommentarer og
2 løsninger

Sublinks. Hvordan?

Jeg har ingen idé om, hvad denne link metode hedder, så jeg prøver at forklare det.

Jeg har en menu der kan se sådan ud.

Morgenmad
Middagsmad
Aftensmad

Når der trykkes på morgenmad skal den sådan ud:

Morgenmad
- Guldkorn
- Cornflakes
- Solgryn
Middagsmad
Aftensmad

Når der så trykket på aftensmad, skal sublinksene tl morgenmad forsvinde og aftensmadslinksene skal komme.
Evt. må det gerne være sådan, at sublinksene først lukker når man klikker igen, så der godt kan være to kategorier åbne.

Hvordan laves dette?
Avatar billede supertekst Ekspert
21. april 2008 - 15:38 #1
Hvilken kontekst skal ovenstående fungere i?
Avatar billede w13 Novice
21. april 2008 - 15:50 #2
Kan du bruge en JavaScript-løsning?
Avatar billede w13 Novice
21. april 2008 - 16:11 #3
Jeg kan skaffe dig en, der folder undermenuerne ud animeret, når jeg lige kommer hjem fra job.
Avatar billede w13 Novice
21. april 2008 - 16:16 #4
Ellers kan du bare benytte denne:

<script type="text/javascript">
function ToggleDiv(o){
    o=document.getElementById(o).style;
    o.display=(o.display!="block"?"block":"none");
}
</script>

<div onclick="ToggleDiv('menumorgenmad')">Morgenmad</div>
<div id="menumorgenmad" style="display:none">
- Guldkorn<br>
- Cornflakes<br>
- Solgryn<br>
</div>

<div onclick="ToggleDiv('menumiddagsmad')">Middagsmad</div>
<div id="menumiddagsmad" style="display:none">
- Sandwich<br>
- Smørrebrød<br>
</div>

<div onclick="ToggleDiv('menuaftensmad')">Aftensmad</div>
<div id="menuaftensmad" style="display:none">
- Pasta<br>
- Fisk<br>
- Suppe<br>
</div>
Avatar billede w13 Novice
21. april 2008 - 16:17 #5
Og denne her lukker eventuelle åbne menuer, når man klikker på et nyt menupunkt:

<script type="text/javascript">
var aMenuer=["menumorgenmad","menumiddagsmad","menuaftensmad"];
function ToggleDiv(o){
    for(var i=0;i<aMenuer.length;i++)document.getElementById(aMenuer[i]).style.display="none";
    o=document.getElementById(o).style;
    o.display=(o.display!="block"?"block":"none");
}
</script>

<div onclick="ToggleDiv('menumorgenmad')">Morgenmad</div>
<div id="menumorgenmad" style="display:none">
- Guldkorn<br>
- Cornflakes<br>
- Solgryn<br>
</div>

<div onclick="ToggleDiv('menumiddagsmad')">Middagsmad</div>
<div id="menumiddagsmad" style="display:none">
- Sandwich<br>
- Smørrebrød<br>
</div>

<div onclick="ToggleDiv('menuaftensmad')">Aftensmad</div>
<div id="menuaftensmad" style="display:none">
- Pasta<br>
- Fisk<br>
- Suppe<br>
</div>

Så skal du bare huske at tilføje menuerne i:

var aMenuer=["menumorgenmad","menumiddagsmad","menuaftensmad"];
Avatar billede mt2 Nybegynder
21. april 2008 - 16:48 #6
Tak for svar indtil videre. Jeg får tid til at se på det i morgen, hvor du vil få svar på om det kan bruges.
Avatar billede mt2 Nybegynder
22. april 2008 - 23:10 #7
Dit svar hjalp mig til min løsning, så værsgo med pointene :)
Avatar billede w13 Novice
23. april 2008 - 08:05 #8
Jeg takker :)
Avatar billede roenving Novice
28. april 2008 - 15:39 #9
-- og med en animeret åbning/lukning: http://www.eksperten.dk/spm/485556#rid4489881 !-)
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
Kurser inden for grundlæggende programmering

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