Ich bin dynamisch

Das Beispiel zeigt, wie »Event-Handler« auch in HTML-Tags funktionieren, bei denen das bislang nicht möglich war. Das Beispiel funktioniert leider bislang nur mit dem MS Internet Explorer ab 4.x, der die Event-Handler nach HTML 4.0 weitgehend interpretiert. Im Beispiel wird eine Überschrift erster Ordnung definiert. Innerhalb der Überschrift sind die Event-Handler onMouseover= und onMouseout= notiert. Der Event-Handler onMouseover= tritt in Aktion, wenn der Anwender die Maus in den Anzeigebereich der Überschrift bewegt, und onMouseout= wird aktiv, wenn er die Maus wieder aus dem Anzeigebereich herausbewegt. Mit Hilfe des all-Objekts und der Eigenschaft innerText wird bei jedem Aktivwerden eines der beiden Event-Handler der Text der Überschrift dynamisch ausgetauscht. Bei onMouseover= wird ein anderer Text angezeigt, bei onMouseout= wieder der ursprüngliche.

Und so sieht der Skript aus:

<h1 id="Test"
onMouseover="document.all.Test.innerText='Sehen Sie?'"
onMouseout="document.all.Test.innerText='Ich bin dynamisch'">Ich bin dynamisch</h1>

Zurück