how do i add a drop down menu?
You just add
the following code, but add your own links and information
(color, font, font
size, background color) where you see bold text.
The color tags don't work with Netscape.
<form name="gotolocation1" method="POST">
<select name="kathleen1" size=1
style="font-family: comic sans ms"
style="color: #FFFF00"
style="border: outset"
style="font-size: 12"
style="background: #CC99FF">
<option value="http://butterfly951.cjb.net/">Kathleen's Pages</option>
<option value="http://www.oocities.org/htmlhelp_be/index.html">Kathleen's
HTML-help etc.</option>
<option value="http://users.pandora.be/louis.verpoorten/index1.html">Site
index</option>
</select>
<input type="button" style="font-family: comic sans ms"
style="color: #FF0000"
style="font-size: 12"
style="background: #CC99FF" onClick="location =
document.gotolocation1.kathleen1.options
[document.gotolocation1.kathleen1.selectedIndex].value;"
value="Go">
</form>
It looks like this:
If you would like a menu without the "go" button,
you can use this
code instead:
<form>
<select name=kathleen2 size="1"
onchange="location.href=(form.kathleen2.options[form.kathleen2.selectedIndex].value)"
style="font-family: comic sans ms"
style="color: #FFFF00"
style="border: outset"
style="font-size: 12"
style="background: #CC99FF">
<option value="0">Where would you like to go?</option>
<option value="0"></option>
<option value="http://butterfly951.cjb.net/</option>
<option value="http://www.oocities.org/htmlhelp_be/index.html">Kathleen's
HTML-help etc.</option>
<option value="http://users.pandora.be/louis.verpoorten/index1.html">Site
Index</option>
</select>
</form>
Your menu will look like this:
It's really important to remember that if you're going to use
more than one drop
down menu on your page,
you'll have to name your forms differently.
Replace the
words "kathleen1" or kathleen2" with a different name on your
page.
If you don't have different names for your forms you will get a script
error.