![]() |
Advanced Web Page Design Seminar
|
|
Navigation Bar 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&&id.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&id.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 |