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
Pull Down Menu (Popup)
Description:
This to provides for a drop down (pull down) menu list which opens in a new window.  This comes from the Javascript web site.
How to use:
1. Simply cut and paste the code provided below into a BYOWG
2. Edit the appropriate URLs and descriptions
3. Publish and enjoy!

Note, on the Javascript web site, the script is provided in two sections, one for the 'head' and one for the 'body'.  I took the liberty to combine them so they could go into one BYOWG!

Take some time to compare my script with what they originally posted to see how I did it, and what I deleted!
Example:
Download the code
right click on link, then click on 'Save target (or frame) as'
Other information:

Source code:

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function formHandler(form) {
var windowprops = "height=500,width=500,location=no,"
+ "scrollbars=no,menubars=no,toolbars=no,resizable=yes";

var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup",windowprops);
}
// End -->
</script>

<center>
<form name=form>
<select name=site SIZE=1 onChange="formHandler(this.form)">
<option value="http://www.yoursite.com">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
</form>
</center>