Form und Event-Handler

Script:

<form name="rahmen">
<input type="text" name="text1" size=10><p>
<input type="button" name="schalter1" value="Löschen" onclick="document.rahmen.text1.value=' '">
</form>

<a href="nirgendwohin" onmouseover="print(' Hallo ')">Ein normaler Link</a>

<form>
Beispiel für ein Link-Verzeichnis in einem Pull-Down-Menü:
<select onchange="location.href = this.options[this.selectedIndex].value ? this.options[this.selectedIndex].value : location.href">
<option value="">--- Auswahl ---
<option value="http://www.daisbach.de">Homepage von Daisbach
<option value="http://www.gmx.de">GMX-Homepage kostenlose Emails
<option value="http://www.t-online.de">T-Online
<option value="http://www.fortunecity.de">Fortune City
</select>
</form>

Beispiel für einen Rücksprung in der History-Liste: <a href="javascript:history.go(-1)"> Zurück...</a><br>
Beispiel um einen gewählten Link bestätigen zu lassen: <a href="http://www.t-online.de" onClick="return confirm('Wirklich?')"> Verweis</a><br>

</body></html>

Ergebnis:

Beispiel für einen Rücksprung in der History-Liste: Zurück...
Beispiel um einen gewählten Link bestätigen zu lassen: Verweis

hier:

• Form
• Event-Handler
• Window-Methoden und Window-Objekte

wichtig:

• der HTML-Tag <form></form> erstellt ein Formular in das Schalter und Textfelder eingefügt werden können.
• im Beispiel: die Funktion print erhält den Übergabewert t. Dieser wird dann im Formular rahmen, im Objekt text1 der Eigenschaft value zugewiesen.
• da der Schalter in diesem Beispiel erst gedrückt wird, wenn die Seite schon fertig dargestellt ist, kann nicht mehr mittels document.write ein Text ausgegeben werden. Deshalb verwendet man ein Textfeld, welches jederzeit nachträglich beschrieben werden kann.
• da "print('Hallo')" bereits in Anführungszeichen steht, muß der als Parameter zu übergebene Text 'Hallo' ersatzweise in Hochkommata geschrieben werden.
• Event-Handler: "Behandlung eines Ereignisses". Tritt ein Ereignis ein, z.B. ein Mausklick, kann mittels eines Event-Handlers darauf reagiert, eine entsprechende Funktion aufgerufen werden.
• Window-Methoden:
  • alert zeigt eine Warnbox mit Text
  • confirm zeigt eine Bestätigungsbox
  • setinterval überprüft einen Ausdruck oder ruft eine Funktion auf jedesmal wenn eine bestimmte Zeit verstrichen ist
  • setTimeout überprüft einen Ausdruck oder ruft eine Funktion auf einmal wenn eine bestimmte Zeit verstrichen ist
• Window-Objekte:
  • document repräsentiert das aktuelle Dokument und liefert Methoden für die HTML-Ausgabe
  • location enthält Informationen über die URL
  • history enthält die History-Liste der bisher besuchten URLs

Arten von Event-Handlern