Sprungmenü mit JavaScript
Beispiel des Navigationsmenüs zur Veranschaulichung :
Hier sehen Sie den JavaScript:( er muss zwischen <head> und </head> eingebunden werden )
<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) { //v4.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);
if(!x && document.getElementById)
x=document.getElementById(n); return x;
}
function MM_jumpMenuGo(selName,targ,restore){ //v3.0
var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
</script>
Hier sehen Sie den Code für die Auswahlbox:
<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option value="http://www.x-beliebige-Domain.de/index.php?page=artikel" selected>x-beliebige Seite 1</option>
<option value="http://www.x-beliebige-Domain.de/index.php?page=home">x-beliebige Seite 2</option>
<option value="http://www.x-beliebige-Domain.de/index.php?page=home">x-beliebige Seite 3</option>
</select>
<input type="button" name="Button1" value="Anschauen" onClick="MM_jumpMenuGo('menu1','parent',0)">
</form>
Selbstverständlich ist die Auswahlbox erweiterbar!