Drop Down Navigation Menu

Here is the JavaScript and HTML for the above menu.


<script type="text/javascript" language="JavaScript1.1">
<!--
function go()
{
location=document.menu.page.options[document.menu.page.selectedIndex].value;
}
//-->
</script>

<div align="center">
<form action="#" name="menu">
<table bgcolor="#FFCC99" cellpadding="5" border="1" cellspacing="0">
<tr>
<td>
<select name="page" size="1">
<option value="#" selected>Select a page</option>
<option value="../index.html">Home</option>
<option value="../siteindex.html">Site Index</option>
<option value="clpage1.html">CL Help Pages</option>
<option value="../family.html">My Family</option>
<option value="../me1.html">Something About Me</option>
<option value="../me2.html">More About Me</option>
<option value="../mum1.html">Memorial to My Mum</option>
</select>
<input type="button" value="Go for it" name="doit" onClick="go()">
</td>
</tr>
</table>
</form>
</div>

  1. For each <option> value put the page URL.

  2. Between each >........</option> put the text to appear in the menu.

  3. You can add as many extra <option>.......</option> pairs as you need.

  4. You can change the value="Go for it" to any text you want on the form button.

  5. You can change the bgcolor of the table, or use no table at all if you wish.

  6. You can also remove the <div align="center" and closing </div> tags if you don't want it centered.

 

This site created and controlled by Denis. Copyright © 1998-2004.
Home page URL - http://www.oocities.org/denisthemenace/
Visit my main site at http://deniswilford.com/