Comm326 -> Javascript -> drop-down menus

Drop-down navigation menus

Comm326 course material

Nowadays you can do this iin DreamWeaver by inserting a jump menu into a form.

These two javascript functions show up in the <HEAD> of the page...

<SCRIPT LANGUAGE="JavaScript">
<!--
function doMoveBrowser(form) {
  parent.location.href = form.list.options[getSelectedValue(form)].value;
  }

function getSelectedValue(form) {
  return form.list.selectedIndex;
  }
  //-->
</SCRIPT>

and where the drop down menu appears on the page... 

<FORM METHOD="POST" ACTION="" NAME="form2">
Comm326 course material
<SELECT NAME="list" onchange="doMoveBrowser(this.form)">      
      <OPTION VALUE="../">Home page</OPTION>
      <OPTION VALUE="../amain/syllabus.php" selected>syllabus</OPTION>
      <OPTION VALUE="../amain/project4.php">client projects</OPTION>

</SELECT> 
<INPUT type="button" onClick="doMoveBrowser(this.form)" value="go">   
</FORM>