Search this site!

Return to the CSB Support home page
Drop Down Menu 1   |   Drop Down Menu 2   |   Pull Down Menu (Popup)   |   Drop Down Generator   |   webGFX Nav-O-Mat
Drop Down Menu 1
Description:
This is a fairly easy javascript that will provide your visitors with a drop down menu.  It's self contained, so there are no other files to worry about!
How to use:
1. Simply cut and paste the code provided into a BYOWG
2. Edit the appropriate URLs and descriptions
3. Publish and enjoy!
Example:

Download the code
right click on link, then click on 'Save target (or frame) as'
Other information:
This version of the drop down menu opens up a new browser window to display the link.  See another version (Drop Down Menu 2) that will open up in the same browser window.

Source code:

<SCRIPT language="JavaScript">
<!-- Hide the script from old browsers --

function surfto(form) {
var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value,"main","");
}

//-->
</SCRIPT>
<br>
<BODY BGCOLOR="FFFFFF">
<CENTER>
<FORM NAME="myform">

<SELECT NAME="dest" SIZE=1>

<OPTION SELECTED VALUE="">--------------- Choose a web site! --------------

<OPTION VALUE="http://www.yahoo.com">Yahoo
<OPTION VALUE="http://www.trellix.com.com">Trellix
<OPTION VALUE="http://cafe.trellix.com">TrellixCafe
<OPTION VALUE="http://www.microsoft.com">Microsoft
<OPTION VALUE="http://www.bravenet.com">Bravenet
<OPTION VALUE="http://www.cnn.com">CNN
<OPTION VALUE="http://www.google.com">Google
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="Click to go to site you just chose!" onClick="surfto(this.form)">
</FORM></CENTER>