Webdesign 101 » Navigation » Grundlæggende

FORM SELECT menu

En SELECT BOX - som er et HTML-element, der er indeholdt i FORM-objektet - samt en smule JavaScript gør det muligt at lave en lille fiks drop-down menu, som er meget fin til at give brugeren et overblik over et begrænset antal sider.

Princippet er illustreret herunder i to udgaver der er nøjagtig ens, bortset fra, at brugeren til højre kan se lidt flere af valgmulighederne.

En praktisk anvendelse ses i en opgørelse af stemmer ved kommunalvalget i 1997 i Ikast: demosite 4. (Åbnes i et nyt browservindue.)

 

Koden til menuen til venstre ses her:

Det, der er interessant her, er hvad der sker onClick. Funktionen moveTo(), og værdien this.form passeres til denne funktion.

Denne funktion har vi deklareret i et script i sidens HEAD-del:

Parameteren this.form repræsenterer i virkeligheden værdien af den option, vi har valgt. Denne håndterer vi ved hjælp af variablen sideIndex.. Det betyder, at det, der kommer til at stå på den anden side af lighedstegnet i linien location = er værdien af det punkt, vi har valgt - det vil sige URL'en til en webside.

Denne sag kan være lidt vanskelig at gennemskue, hvis du ikke er ferm til JavaScript.

Men det behøver jo ikke at betyde, at du ikke kan klippe koden ud af denne side og bruge den til dine egne formål...

 

Brug ikke eksemplerne

Menuerne på denne side er kun eksempler, så du kan ikke forvente, at de virker.

E-mail nyhedsbrev

Vælg normal præsentation

Vis siden som den ser ud i udskrift Send siden til udskrift.