![]() |
|
![]() | |
![]() | |
![]() |
|
A Scrolling List is very similar in construction to a Pull Down List. Let's add a few more names first though. <FORM> <SELECT NAME="BEST FRIEND"> <OPTION VALUE="ED">Ed <OPTION VALUE="RICK">Rick <OPTION VALUE="TOM">Tom <OPTION VALUE="GUIDO">Guido <OPTION VALUE="HORACE">Horace <OPTION VALUE="REGGIE">Reggie <OPTION VALUE="MYRON">Myron </SELECT> </FORM>
All we gotta do to turn it into a Scrolling List is add a SIZE attribute to the <SELECT> tag. <FORM> <SELECT NAME="BEST FRIEND" SIZE=4> <OPTION VALUE="ED">Ed <OPTION VALUE="RICK">Rick <OPTION VALUE="TOM">Tom <OPTION VALUE="GUIDO">Guido <OPTION VALUE="HORACE">Horace <OPTION VALUE="REGGIE">Reggie <OPTION VALUE="MYRON">Myron </SELECT> </FORM>
The SIZE is simply how many options show in the window. This stuff is CAKE! Again, the default value is the first <OPTION>, and again we can change that by selecting one.
<FORM> <SELECT NAME="BEST FRIEND" SIZE=4> <OPTION VALUE="ED">Ed <OPTION VALUE="RICK">Rick <OPTION VALUE="TOM" SELECTED>Tom <OPTION VALUE="GUIDO">Guido <OPTION VALUE="HORACE">Horace <OPTION VALUE="REGGIE">Reggie <OPTION VALUE="MYRON">Myron </SELECT> </FORM>
I have no idea why you would use the selection feature for a Scrolling List but it's there and I just felt the need to tell you about it. Actually, I'll take that back. Here is a perfectly good use for it :-)
(This effect is done using a combination of HTML and JavaScript. If you're curious about how it was done, the source is here.)
|