TIP - To keep your main (html) - page neat and easy to read, you can put the head or body javascript into an external .js file (minus html tags) and reference it from your page thus -
<script language="JavaScript1.2" src="MY.js"type="text/javascript"></script>



Drop-down navigation menu with description. (** - open in new window) -



Right-click - 'select all' (ctrl-a) then copy (ctrl-c) and paste to 'BODY' of your page.




Copy and paste to just before the '</body>' tag of your HTML.




Study the source code carefully, as customizing this script involves not just configuring the variables inside the script per the comments, but the FORM's HTML with certain information. For example, a form may look like:

<form name="form1"> <select name="select1" size="1" style="background-color:#FFFFD7"

onChange="displaydesc(document.form1.select1, thetext1, 'textcontainer1')">


<option selected value="http://www.javascriptkit.com">JavaScript Kit </option>
<option value="http://www.codingforums.com" target="newwin">Coding Forums</option>
</select>
<input type="button" value="Go"


onClick="jumptolink(document.form1.select1)"

>
<span

id="textcontainer1"

align="left" style="font:italic 13px Arial">
</span>
</form>

The parts in red are significant, and point to the areas within your FORM's HTML that need to be changed depending on your form and select menu's names, array name that holds the descriptions, and ID of the SPAN tag that will contain the description, respectively. This is especially relevant if you're including more than one menu on your page. Finally, this script allows you to specify that certain links open in a new window. To do so, just insert the attribute <option value="http://wired.com" target="newwin">Wired News</option>