Das Einblendmenü oben auf dieser Seite dient zur Navigation zwischen Seiten, die in demselben Verzeichnis liegen, zB.:

Eine Änderung der Auswahl ruft im Einblendmenü den Event-Handler "onChange" auf und dieser die Funktion "go()". Die for-Schleife ermittelt den selektierten Eintrag (selected==true) und dessen Index i. Dabei wird auf das Feld "formular.menu.options[]" zurückgegriffen, in dem die Menüeinträge gespeichert sind, beginnend mit i=0. "formular.auswahl.options.length" gibt die Länge der Liste (Anzahl der Einträge) an.

Die Zeichenkette 'seite'+(i+1)+'.htm' gibt die HTML-Seite an, die mit open(...) in demselben Browserfenster (target='_self') geöffnet wird.

 

<SCRIPT LANGUAGE=JavaScript>

function go() {

for (var i=0;i<document.formular.auswahl.options.length;i++)

if (document.formular.auswahl.options[i].selected==true)

open('seite'+(i+1)+'.htm',target='_self')}

</SCRIPT>

 

<P><FORM name=formular>

<P><SELECT NAME=auswahl onchange="go()">

<OPTION SELECTED>Seite 1

<OPTION>Seite 2

<OPTION>Seite 3

</SELECT>

</FORM>

oder:

<FORM name=auswahl>

<P><SELECT NAME=menu onchange="location=document.auswahl.menu.options[document.auswahl.menu.selectedIndex].value;" value=GO>

<OPTION VALUE="seite1">Seite 1

<OPTION VALUE="seite2">Seite 2

<OPTION VALUE="seite3">Seite 3

</SELECT>

</FORM>

 

Letzte Änderung: