Avatar billede mikaelo Nybegynder
18. december 2000 - 13:32 Der er 11 kommentarer og
1 løsning

Dropdown menu

Jeg skal ha´ lavet en menu hvor der, når der klikkes, kommer flere valgmuligheder til syne. Fx. sådan her:

Biler
Motorcykler
Lastvogne
Flyvere

..og når der så klikkes ser det fx. sådan ud

Biler
Mercedes
Opel
Ford
Motorcykler
Lastvogne
Flyvere

når man så igen fx. klikker på motorcykler skal dropdown menu´en for Biler forsvinde og der skal så komme en menu for Motorcykler. osv

Hvis I forstår...!? Nogen der kan hjælpe med sådan en ville det være great!
Avatar billede sone Nybegynder
18. december 2000 - 13:35 #1
Jeg har lavet det på http://www.hesteinfo.dk/salgsdatabasen/
se afhængighed mellem Hestetype og Uddannelsesniveau
Avatar billede steven Nybegynder
18. december 2000 - 13:36 #2
Hej mikaelo,

Her er et link til det du søger:

http://www.dansteinman.com/dynduo/en/collapsemenu.html

/Steven

P.S. Koden er veldokumenteret og virker i begge browsertyper
Avatar billede senj Nybegynder
18. december 2000 - 14:05 #3
Hvad med denne - måske det var noget! Om ikke andet så kan du selv rode videre med det!

<html>
<head><title>Untitled</title>

<script language=\"JavaScript1.2\">

var head=\"display:\'\'\"
function doit(header){
var head=header.style
if (head.display==\"none\")
head.display=\"\"
else
head.display=\"none\"
}

</script>



</head>
<body>

<h2 style=\"cursor:hand\" onClick=\"doit(document.all[this.sourceIndex+1])\">Biler</h3>
<span style=\"display:none\" style=&{head};>
<a href=\"side.htm\">Fiat</a><br>
<a href=\"side.htm\">Opel</a><br>
<a href=\"side.htm\">Mercedes</a><br>
<a href=\"side.htm\">Trabant</a><br>
</span>
<h3 style=\"cursor:hand\" onClick=\"doit(document.all[this.sourceIndex+1])\">Motorcykler</h3>
<span style=\"display:none\" style=&{head};>
<a href=\"side.htm\">Yamaha</a>
<a href=\"side.htm\">MZ</a>
<a href=\"side.htm\">Asprilla</a>

</span>

</body>
</html>
Avatar billede mikaelo Nybegynder
18. december 2000 - 18:09 #4
senj har fat i det rigtige. Jeg formulerede det måske forkert, det var altså ikke bare en almindelig dropdown menu, jeg mente...min fejl!

Som en viderebygning på senj´s indlæg kan man så lave det sådan at \"dropdown\" menu´en langsomt ruller ned når der klikkes, modsat nu hvor der bare kommer underpunkter med det samme...??!

på forhånd tak
Avatar billede steven Nybegynder
18. december 2000 - 20:55 #5
Avatar billede steven Nybegynder
18. december 2000 - 20:56 #6
Skulle have været et \"Fortsat svar\"
/Steven
Avatar billede mikaelo Nybegynder
19. december 2000 - 01:46 #7
Steven, det er et meget godt forslag faktisk næsten det jeg skal bruge! Mine point går til dig men er der mulighed for at kontakte dig yderligere via. mail hvis jeg mangler ydeligere hjælp?

mvh
mikael
Avatar billede mikaelo Nybegynder
19. december 2000 - 01:52 #8
måske skulle jeg ha afprøvet det ordentligt før jeg udtalte mig!
Jeg laver mine sider i Dream Weaver og da jeg satte html´en ind kunne den ikke acceptere følgende:

<div id=\"CollapseMenu0Block2\">

????? kan intet html!
Avatar billede mikaelo Nybegynder
19. december 2000 - 02:17 #9
..mand, jeg poster jo meget her! det var altså ikke kun <div id=\"CollapseMenu0Block2\"> men altså de tre: block1,2 og 3 der er galt med. Altså hver \"dropdown\" tekst starter med dettte....forstår du???


Avatar billede steven Nybegynder
19. december 2000 - 11:33 #10
Hej mikaelo,

Ja, jeg forstår hvad du mener!

<div> betyder at der bliver lavet et nyt lag, som kan skjules og vises (rulle effekten).

Du kan kontakte mig på eksperten@mountfield.dk

Kan du henvise til en side, så jeg kan se hvor den skal sættes ind?

/Steven
Avatar billede mikaelo Nybegynder
19. december 2000 - 11:59 #11
jeg kontakter dig pr. mail og jeg ligger lige en side så du ka se hva jeg mener....

tak for hjælpen!
Avatar billede ujdesign Nybegynder
19. december 2000 - 21:21 #12
senj
Jeg kan godt bruge din menu, hvis bare den virkede sådan, at undermenuen til \"biler\" forsvandt når jeg klikkede på \"motorcykler\".
Det gør den ikke nu.
Der er 60 point når den virker.
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