Formular Events

Auf dieser Seite:

Eventhandler

Verschiedene Maus-Aktionen werden hier auf ein Formular angewandt. Die sogenannten EventHandler lösen ein Javascript Ereignis aus.

Natürlich nerven diese Alerts auf produktiven Sites, nach belieben könnte man statt dessen etwas Anderes tun.

focus()

Der Cursor blinkt bereits im ersten Eingabefeld!

<script type="text/javascript">
// das Script muss nach dem Feld stehen oder in einer Funktion
document.Testformular.blinky.focus();
</script>

onfocus="...select()"

onselect="..."

onclick="..."

Bitte wählen Sie: (onfocus und onclick haben bei Radio-Buttons den selben Effekt)

Vanille | Choco

onblur="..."

onchange="..."

onfocus="this.blur()"

onmouseover="..." onmouseout="..." onClick="..."

Um die action="..." im Form-Tag zu benutzten wird der der type="submit" verwendet.
Für das Anhängen eines JavaScript an den Button, muss der type="button" benutzt werden.

Obiger Button sieht also so aus:

<input type="button" value="Button" onclick="parent.location='test_danke.htm'">

(Für die form action: <input type="submit" />. Siehe Formular Prüfen)

Labels von Buttons wechseln

Warum steht folgende Funktion nicht im Head?
Das Script darf erst initialisiert werden, wenn das damit angesprochene Objekt schon geladen wurde; man kann einem Objekt erst dann Eigenschaften zuordnen, wenn es existiert.

new Function

<script type="text/javascript">
document.myFormular.button_1.onmouseover =
  new Function("document.myFormular.button_1.value='Abkacken';");
document.myFormular.button_1.onmouseout =
  new Function("document.myFormular.button_1.value='Abhocken';");
/* die 'Fernbedienung' des zweiten Buttons funktioniert nur  
  mit einem oben nicht schon gebrauchten EventHandler */
document.myFormular.button_1.onmousedown =
  new Function("document.myFormular.button_2.value='Abclicken';");
document.myFormular.button_2.onmousedown =
  new Function("document.myFormular.button_2.value='Abschicken';");
</script>

Check den Code.

Formular Checks >> << forms:

Ich bin hier: > JavaScript Lehrling >>> Formular Events