 Pulldown-Menü
Dateiauswahl für die Anzeige innerhalb der gleichen Seite
Das Menü mit den hinterlegten Anweisungen ist für den Aufruf einer Datei im gleichen Fenster gedacht. Sofort nach der Auswahl wird die Datei aufgerufen. Ein Button zur Bestätigung entfällt hier.
In der Auswahl werden 4 Dateien angeboten, außerdem gibt es eine 5. Option die demonstrieren soll, das auch eine E-Mail aus einem Pull-Down-Menü abgesand / der E-Mail-Client geöffnet werden kann.
(wenn Sie dieses Menü testen, gelangen Sie mit "zürück" wieder hierher)
Quellcode im BODY
<form>
<select
onchange="location = this.options [this.selectedIndex].value" size="1">
<option selected value="#">wählen Sie</option>
<option value="bsp-datei01.htm"> Frühling </option>
<option value="bsp-datei02.htm"> Sommer </option>
<option value="bsp-datei03.htm"> Herbst </option>
<option value="bsp-datei03.htm"> Winter </option>
<option value="mailto:xyz@web.de">email senden</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=
"location = this.options [this.selectedIndex].value">
Was geschieht dann nach dem Wechsel der Auswahl?
Die Quelle für das anzuzeigende HTML-Dokument für diesen Ort (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: "bsp-datei01.htm"
Der ermittelte Wert "bsp-datei01.htm" ist dann die Datenquelle für die Anzeige.
| 
HOME
ZURÜCK