Sich farblich ändernde Formularfelder

Scripting-Tipps - JavaScript


Ob es nun eine Spielerei sein soll, oder tatsächlich zur Erleichterung und Übersichtlichkeit beim Ausfüllen von Formularfeldern beitragen soll - das müssen Sie selbst entscheiden. Tatsache ist: Mit diesem Script verändert lässt sich die Farbe des Formularfeldes von der Grundfarbe zur definierten Farbe beim Hineinklicken und auch beim Hinausklicken ändern.

Beispiel:

<input type="text" name="ihrewahl" style="background-Color=#F0F8FF" onFocus="this.style.backgroundColor='#FFFFFF'" onBlur="this.style.backgroundColor='#F0F8FF'">


Erklärung:

style="background-Color=<wert>" bezeichnet die Grundfarbe des Feldes

onFocus="this.style.backgroundColor='<wert>'" legt die Farbe des Feldes beim Hineinklicken fest
onBlur="this.style.backgroundClor='<wert>'" legt die Farbe des Feldes beim Hinausklicken fest

Hinweis:
Sowohl Firefox als auch Opera ignorieren den Grundwert des Formularfeldes. Standardmäßig ist es weiß. Die Werte für's Hinein- und Hinausklicken werden allerdings interpretiert.
Der Internet Explorer in seiner Version 7 hingegen interpretiert die Grundfarbe des Feldes, macht aber sonst nichts weiter. Erst wenn der User die Warnmeldung vor "gefährlichen Scripts" beachtet, interpretiert der Browser auch die restlichen Werte völlig korrekt.





Weitere Artikel: