Advanced Web Page Design Seminar

Navigation Bar

Home

Buttons and Forms

Styles Page

Pictures Page

Movies Pages

QuickLinks

 

This page uses a form and JavaScript to create a quicklinks menu that jumps to the site selected from the menu list.

This is the HTML used to create the menu.

‹form method="post" action=""› 
 ‹p› 
 ‹select name="quicklinks" onChange="MM_jumpMenu('parent',this,1)"› 
 ‹option value="http://www.helpdesk.utah.edu" selected›
   Help Desk‹/option› 
 ‹option value="http://www.utah.edu"›UofU Home Page‹/option› 
 ‹option value="http://www.w3c.org"›W3C‹/option›
 ‹option value="http://www.mcli.dist.maricopa.edu/"›
   Maricopa County‹/option›
 ‹option value="http://info.med.yale.edu/caim/manual"›
   Yale Style Guide‹/option›
 ‹/select›
 ‹input type="button" name="Button1" value="Go" 
   onClick="MM_jumpMenuGo('quicklinks','parent',1)"› 
 ‹/p> 
‹/form›
       

The JavaScript (created by DreamWeaver):

‹script language="JavaScript">
‹!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; 
  for (i=0;!x&&i‹d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i‹d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  return x;
}

function MM_jumpMenuGo(selName,targ,restore){ //v3.0
  var selObj = MM_findObj(selName); 
  if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
‹/script>
 

 

Your info goes here

Contact Me