<HTML>
<HEAD>
<TITLE>JavaScript Takes me Places</TITLE>
<script language="JavaScript">
<!-- hide scripts from crusty old browsers

function goTo (page) {
/* This function is called from the navigation menu
   to jump to the designated URL. Empty values
   are ignored and "--" indicates a menu seperator    */
   
	if (page != "" ) {
		if (page == "--" ) {
			resetMenu();
		} else {
			document.location.href = page;
		}
	}
	return false;
}

function resetMenu () {
/* Resets the menu to the specified menu item           */   
	document.gmenu.page.options[0].selected = true;
}
// done hiding -->
</script>
</HEAD>

<BODY bgcolor=#FFFFFF onLoad="resetMenu()">
<center><font size=+3>JavaScript Takes me Places</font></center>
<form name="gmenu">
<font size=+3>go to:</font>
<select name="page" onChange="goTo(this.options[this.selectedIndex].value)">

<option value="">JavaScript menu demo
<option value="--">-- workshop --
<option value="http://www.mcli.dist.maricopa.edu/show/conn98/">Workshop Web Site
<option value="http://www.ctt.bc.ca/edtech/etconnex.html">Connections 98 Conference
<option value="http://www.mcli.dist.maricopa.edu/alan/">All About Alan
<option value="--">-- places --
<option value="http://www.boulderutah.com/slickrock/">Slickrock Gallery, Utah
<option value="http://www.mcli.dist.maricopa.edu/alan/pix/antelope/">Antelope Canyon, Arizona
<option value="http://www.grandcanyon.com/">Grand Canyon, Arizona
<option value="http://www.whitehouse.gov/">Bill's Pad
<option value="--">-- others --
<option value="link goes here">menu name goes here
</select>
<input type="submit" VALUE=">" 
onClick="goTo(this.form.page.options[this.form.page.selectedIndex].value)">
</form>

</BODY>
</HTML>