Form und Event-Handler

Script:

<html><head>
<title>Javascript</title>
<script language="JavaScript">
<!--
function print(t)
{
document.rahmen.text1.value=t;
}
//-->
</script>
</head>
<body>

<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:

Ein normaler Link

Beispiel für ein Link-Verzeichnis in einem Pull-Down-Menü:

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


hier:

wichtig:

Arten von Event-Handlern

onBlurtritt beim Verlassen eines Objektes auf
onChangeändert sich der Wert eines Eingabefeldes tritt dieses Ereignis ein
onClickein Objekt wird angeklickt
onFocusein Objekt wird aktiviert
onLoadnach dem Laden eines Objektes, z.B. <body... onload="..."> startet eine Funktion beim Laden der Seite
onMouseOverein Objekt wird mit der Maus überfahren
onSelectein Text wird markiert
onSubmitEreignis tritt beim Absenden eines Formulares ein
onUnloadEreignis tritt beim Beenden einer Seite ein
javascriptTrick um Javascript-Funktionen direkt von Links aus aufzurufen