NemProgrammering.dk logo
nordicway webhotel

Dropdown menu / navigationsbar med JavaScript

JavaScript kursus | Gratis danske videoguides
WordPress hjemmeside hjælp

Information om denne video

Underviser: Thomas Iversen, Instance.dk - WordPress hjemmesider

download dropdown menu med javascript Download alle filerne her!

I denne video viser vi, hvordan du kan kopiere og implementere en JavaScript dropdown menu / navigationsbar på din hjemmeside. Alt hvad du behøver, er at følge vejledningen i videoen og ellers bare downloade filerne her fra siden. Du kan herefter selv tilpasse menuen så den passer med de farver og den styling du bruger på din egen hjemmeside. Vi håber du kan bruge navigationsbaren...



Video tags:

JavaScript video tutorial, JavaScript vejledning, dansk video tutorial, lær JavaScript, JavaScript for begyndere, navigationsbar, dropdown, menu, dropdown menu.

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Patrick    18-08-2014

Hvordan kan man få mere end 5 sider på sin navigationsbar?

kommentar på NemProgrammering.dk - lav din egen hjemmeside
casper    21-01-2014

det er super godt nem af finde ude af

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Steen Bo    14-01-2014

Hej Rigtig gode videoer. men kan ikke få min dropdown tila t virke, kan få den frem med farver og det hele, men kan ikke få under menuen frem, der blir sagt at man skal linke .js til html filen, det er måsked det jeg gør forkert, for har linket de 2 steder i html filen.... Skal sige at vi jeg beholder det hele i en folder så virker det fint, men har min html fil til at ligge et andet sted end js og css filen.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    28-12-2013

Hej igen ja, det er jo lidt et dilemma, for hvad nu hvis brugeren på en touch skærm gerne vil ind på hovedlinket? Så vidt jeg husker så skal man holde inde på hovedlinket når når man bruger touch skærm og så lade fingerne glide ned på undermenuen for at tilgå disse. Ellers findes der ikke andre måder end at designe siden til mobile platforme, således at menuen tilpasser sig mobiler og tablets når brugerne sidder på dem :-) På vores forum sidder der også en masse kloge hoveder - måske kan de finde på en anden løsning! Prøv! Mvh. Thomas

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Tom    28-12-2013

Hej Thomas, Tak for svaret. Hvis man gerne vil have hovedlinket til at henvise til en specifik side, hvordan undgår man så at den åbner linket med det samme man trykker på det på en touchskærm? Det er det der er mit spørgsmål.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    28-12-2013

Hej Tom, Hvis hoved-linket ikke skal lede til en specifik side og det kun er underpunkterne der skal være links kan du sætte linket i hoved menuen til: <a href="#">link</a> Så det burde løse problemet - men man vil selvfølgelig ikke kunne bruget hoved menu punktet.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Tom    28-12-2013

På en touchskærm kan man ikke aktivere underlinks, da den aktiverer hovedlinket straks man trykker på det for at åbne dropdown menuen. Hvordan undgår man dette?

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Mike    23-10-2013

Super tutorial, er der nogle af jer der ved om man kan gøre så menu bliver horisontal og ikke kun vertikal i den struktur? På forhånd tak :)

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Pablo    11-01-2013

Faaaaark hvor er du sej, det blir jo bedre og bedre !!! :)))

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Hamun aka. commentatorboy    09-07-2012

Hey mange tak for svaret. Jeg har lige prøvet at implementere den anden i gæste tutorialen, og den virker helt fint. Jeg vil dog stadigvæk prøve at implementere jeres, da det også er en god udfordring for mig. Igen tak for at svaret. Håber I får en god sommer. Hilsen Hamun.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    09-07-2012

Hej Hamun, Det er ret svært lige at hjælpe dig her, og derfor vil det være godt hvis du kunne oprettet et emne på vores forum og ligge din kode samt beskrivelse af problemet op der - så kan vi kigge nærmere på dit problem... Thomas er pt. i USA, så det er ikke sikkert han svarer med det samme.. En alternativ nav bar som måske virker bedre kan du finde her: http://www.nemprogrammering.dk/gtuts/artikler/HTML/Dropdownmenu_html_css.php

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Hamun aka. commentatorboy    07-07-2012

Hey Thomas tak for en mega god og lærrig video. Dog så har jeg haft nogle problemer med at implementere koden. Jeg har forklaret det i en video som jeg håber du vil se: http://www.youtube.com/watch?v=F_rc1U8gYlI

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jonas Rix    16-03-2012

Hej. Kan man ikke også gør sådan at farven uden om teksten ændre sig, selvom man ikke har en liste under den?

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Christian Bertram    11-03-2012

MANGE tak for siden! Jeg vil lige hurtigt spørge om der er et navn for menuér som står ned af siden exempelvis som jeres.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    11-03-2012

Hej Cristian, Vi kan desværre ikke give dig vores menu, men der er masser andre du gratis kan hente på nettet. Se f.eks her: http://www.1stwebdesigner.com/css/300-jquery-css-mootools-and-js-navigation-menus/

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Christian Bertram    11-03-2012

Hej NemProgrammering.dk! Bare lige en hurtig kommen tar til den før. Jeg mener ikke den i toppen men den i siden :D mvh. Christian Bertram.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Christian Bertram    11-03-2012

Hej NemProgrammering.dk Jeg ville bare lige hurtigt spørge om jeg kunne få den menu/navigationsbar som i har på NemProgrammering.dk mvh. Christian Bertram.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
nicolai    04-03-2012

hej jeg vil høre hvad det skyldes mine links i en liste ikke vil åbne i iframe fra min php side ?

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    02-11-2011

Hej Laust, Der er forskellige ting der skal på plads inden php virker...prøv evt at se den første video under PHP...den kan nok hjælpe dig... Ellers så opret venligst en profil på forum... Her har vi bedre mulighed for at hjælpe dig!

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Laust    02-11-2011

Jeg har set videoen og prøvet at bruge det på min hjemmeside. <?php include("Header.php") ?> Sådan skriver jeg det, men der kommer intet frem i min browser?