Pull-Down-Menü
Anzeige im obersten (top) Frame oder im nächst höheren (parent) Frame
Dieses Menü ist für den Aufruf einer Datei gedacht, die dann im höchsten Frame angezeigt werden soll. Das bedeutet, dass die augenblickliche Frame-Struktur überschrieben (geschlossen) wird. Natürlich könnte die aufgerufene Datei die Frame-Regeln neu festlegen, wenn es wiederum eine Frameset-Datei wäre.
Hier an diesem Ort (Sie betrachten gerade eine Seite mit 4 Frames), würde die augenblickliche Frame-Struktur der WEB-Toolbox überschrieben (geschlossen). Ein Problem gäbe es in manchen Browsern, wenn sie über den 'Zurück-Button' wieder hierher kommen wollen.
Basisinformationen zum Thema Frames einblenden / ausblenden
Hier in diesem Beispiel ist das Anzeigeziel (target) mit '_top' festgelegt.
Nur zur Erinnerung: Target steht für 'Ziel' der Anzeige, das in einem Link entweder mit einem Framenamen oder mit '_self', '_parent', '_top' oder '_blank' eingetragen werden kann.
Mouseover zur Demo der Anzeigeziele mit Framebezeichnungen
Der augenblicklich gültige Frameset wird mit diesm Menü überschrieben. Das wäre z.B. erwünscht, wenn ich hier meine anderen Sektionen in einem Polldown-Menü anbieten möchte.
- Sofort nach der Auswahl wird die Datei aufgerufen.
- Ein Button zur Bestätigung entfällt hier.
Wenn Sie dieses Menü unbedingt hier testen möchten, gelangen sie mit dem Zurück-Button des Browsers wieder zur Frameset-Datei der WEB-Toolbox, nicht unbedingt allerdins zu dieser Seite!
Quellcode im BODY
<form>
<select onchange=
"top.location = this.options[this.selectedIndex].value">
<option selected value="#">wählen Sie</option>
<option value="http://www.kgs-wuerm.de">Grundschule Würm</option>
<option value="../../webmaster/wilhelm2/index.htm">Webmaster</option>
<option value="../../maus/index.htm">Wüstenrennmäuse</option>
<option value="../../geilenkirchen/index.htm">Geilenkirchen</option>
</select>
</form>
Erklärung:
Der Browser speichert beim Einlesen der HTML-Seite die Optionen in einem Array (Register). Nach der Auswahländerung wird der Wert aus dem Array des Formulars entnommen.
Beachten sie: In diesem Beispiel wurden für Formular und Optionen keine Namen vergeben!
Die Anweisung für die Aktion lautet:
<select onchange=
"top.location = this.options [this.selectedIndex].value">
Was geschieht dann nach dem Wechsel der Auswahl?
Die Quelle für das anzuzeigende HTML-Dokument für
den Ort (höchster Frame) (top.location) ist zu ermitteln
1) aus dieses Formular
2) aus der Auswahl der Optionen
3) dem übergebenen Wert (value)
4) für die gewählte Option
Für die erste Option ist das Ergebnis dann: "http://www.kgs-wuerm.de"
Der ermittelte Wert "http://www.kgs-wuerm.de" ist dann die Datenquelle für die Anzeige.
Modifizierung für das Anzeigeziel
Sie könnten natürlich statt 'top.location' auch 'parent.location' (nächsthöherer Frameset (parent = Eltern, also Elternframe) eintragen.
<select onchange=
"parent.location = this.options [this.selectedIndex].value">
Mouseover zur Demo der Anzeigeziele
Wenn das Pull-Down-Menü im Frame 'nav' stünde:

|