Avatar billede smolle Nybegynder
08. september 2005 - 17:06 Der er 12 kommentarer og
1 løsning

Dropdown menu

Jeg vil lave en dropdown menu på en hjemmeside, men er ikke helt sikker på, hvordan det skal løses. Min ide er, at man vha. en mouseover/onclick funktion på det, der skal udløse dropdown menuen, får menuen frem, placeret relativt i forhold til der hvor man trykker. Det skal altså være sådan, at der lige under teksten som man trykker på, kommer en menu frem.
Hvad vil være den bedste måde at gøre det på og er det overhovedet muligt, at gøre det vha. javascript (læs onmouseover/out eller onclick), eller skal der mere avancerede metoder i brug?
Avatar billede olebole Juniormester
08. september 2005 - 17:31 #1
<ole>

Det er den måde Ekspertens menu er lavet på. Prøv her:
    http://www.dhtmlcentral.com/
- der er en del forskellige

/mvh
</bole>
Avatar billede plazm Nybegynder
09. september 2005 - 19:15 #2
Noget i den her stil ?
http://plazm.1go.dk/tests/test3.php
Avatar billede webcreator Nybegynder
09. september 2005 - 19:18 #3
http://powerzone.dk/exp/programming/html/menu/

Ovenstående er en menu udviklet vha. meget simpel HTML og JS samt CSS. Den vil absolut være god til at give dig et indblik i hvordan du kan opbygge din egen menu (eller stjæle min ;)
Avatar billede webcreator Nybegynder
12. september 2005 - 22:54 #4
Kunne du bruge vores svar?
Avatar billede smolle Nybegynder
13. september 2005 - 08:31 #5
Har ikke fået kigget på det. Skal se om jeg får tid når jeg kommer hjem i dag.
Avatar billede smolle Nybegynder
14. september 2005 - 13:41 #6
@webcreator: Jeg prøvede at kopiere din kode, for at se om jeg kunne lære noget af det. Det virker også meget fint, bort set fra, at min skrift er blevet sort! Alt på nær linket til PowerZone står med sort i stedet for hvidt, på trods af, at jeg 100% har kopieret både dine <div>s, script og stylesheet. Kan du forklare hvorfor?
Avatar billede smolle Nybegynder
14. september 2005 - 21:19 #7
Har fundet ud af, at det af en eller anden mærkelig grund, kun bliver hvis skrift (som jeg ønsker det) hvis href="http://powerzone.dk". Alle andre href links gør teksten sort! Det forstår jeg simpelthen intet af!
Avatar billede roenving Novice
14. september 2005 - 21:32 #8
Prøv at sørge for, at alle dine links har en href med noget i, bare til test-brug, kan du med fordel bruge:

href="#" !-)
Avatar billede smolle Nybegynder
15. september 2005 - 10:08 #9
@roenving: Sådan er det i forvejen. Har prøvet både at sætte interne og eksterne links ind i alle href, men lige meget hvad, så er det kun hvis den er http://powerzone.dk, at det bliver hvidt.
Jeg har så prøvet at uploade siden til nettet, og der startede det faktisk med at være hvidt, men min hover var stadig sort. Så prøvede jeg at klikke på et af mine links til siden, så var det lige pludselig kun et enkelt af linkene der stod med hvidt. Så prøvede jeg at opdatere siden og så var alt sort igen! Fatter det simpelthen ikke. Der er intet system i hvornår den gør hvad.
Avatar billede roenving Novice
15. september 2005 - 11:42 #10
Prøv at linke, for det tyder på en anden fejl !-)

-- ahh, jeg kom lige i tanke om en mulig fejlkilde:

Der findes kun een rækkefølge af link- og link-pseudo-selektorer i css:

a
a:link
a:visited
a:hover
a:active
Avatar billede smolle Nybegynder
15. september 2005 - 12:39 #11
Det er også sat sådan op. Der er kun en a og en a:hover og hover kommer efter den almindelige. Så det burde ikke skabe prolemer. Sidder i skolen, hvor vi alle sammen har samme bærbare, med samme indstillinger (de er sponsoreret af skolen), og menuen vises forskelligt på computerne! Det burde jo være nøjagtigt det samme.

Kan ikke lige linke til siden pt., for er midlertidigt gået tilbage til min almindelige menu, da læren ville se hvad vi havde lavet.
Avatar billede roenving Novice
15. september 2005 - 12:45 #12
Prøv for sjov at tilføje a:visited{color:green;}
Avatar billede smolle Nybegynder
15. september 2005 - 19:26 #13
Det ser ud som om visited funktionen fungerer... men som sagt svinger det lidt efter hvor man ser den! Har kun tjekket visited funktionen på min egen.
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