JavaScript

Sich farblich ändernde Formularfelder

Details

Veröffentlicht am Mittwoch, 08. Oktober 2008 21:21

Geschrieben von Jan Pionzewski

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.