En Scrolling Liste er meget lig en Drop Down liste i opbygning. Men lad os lige få lidt flere navne på først.
<FORM> <SELECT NAME="Bedste ven"> <OPTION VALUE="Per">Per <OPTION VALUE="Jesper">Jesper <OPTION VALUE="Thomas">Thomas <OPTION VALUE="Radu">Radu <OPTION VALUE="Michael">Michael <OPTION VALUE="Fridolin">Fridolin <OPTION VALUE="Christa">Christa </SELECT> </FORM>
Alt hvad vi nu behøver at gøre er at tilføje en SIZE attribut til <SELECT> tag'et.
<FORM> <SELECT NAME="Bedste ven" SIZE=4> <OPTION VALUE="Per">Per <OPTION VALUE="Jesper">Jesper <OPTION VALUE="Thomas">Thomas <OPTION VALUE="Radu">Radu <OPTION VALUE="Michael">Michael <OPTION VALUE="Fridolin">Fridolin <OPTION VALUE="Christa">Christa </SELECT> </FORM>
SIZE er udelukkende hvor mange valgmuligheder der skal vises i vinduet. Ren BABYMOS!
Igen, default værdi er den første <OPTION>, som vi jo kan ændre ved at vælge en.
<FORM> <SELECT NAME="Bedste ven" SIZE=4> <OPTION VALUE="Per">Per <OPTION VALUE="Jesper">Jesper <OPTION VALUE="Thomas" SELECTED>Thomas <OPTION VALUE="Radu">Radu <OPTION VALUE="Michael">Michael <OPTION VALUE="Fridolin">Fridolin <OPTION VALUE="Christa">Christa </SELECT> </FORM>
Jeg har ingen idé om hvorfor man skulle finde på at bruge selection i en Scrolling Liste, men det er muligt og så synes jeg bare jeg ville fortælle dig om den.
Faktisk, så tager jeg det i mig igen. Her er den perfekte grund til at bruge det :-)
(Denne effekt laves med en blanding af html og JavaScript. Hvis du er nysgerrig efter hvordan det er gjort, så er koden her.