(CSS) ist es möglich class eigenschaft zu ändern???
Thyriel
- javascript
0 stupidgenius0 Thyriel
0 MudGuard0 molily
hallo,
ich möchte folgendes machen:
ein input feld soll die hintergrundfarbe a haben (per class in CSS gesteuerrt), solange das Feld leer ist, sobald etwas darin steht soll es eine andere hintergrundfarbe bekommen. Der Background dahinter ist einfach der, das ich dadurch farblich Pflichtfelder von optionalen Feldern unterscheiden möchte...
geht das irgendwie per JavaScript oder möglicherweise gleich in CSS class dateien`????
frag die leute von css 4 you, die sind da echt die oberchecker auf dem gebiet.
hier der link:
http://www.css4you.pehlgrim.de/
danke für den Tipp...
frag die leute von css 4 you, die sind da echt die oberchecker auf dem gebiet.
hier der link:
http://www.css4you.pehlgrim.de/
Hi,
hallo,
ich möchte folgendes machen:
ein input feld soll die hintergrundfarbe a haben (per class in CSS gesteuerrt), solange das Feld leer ist, sobald etwas darin steht soll es eine andere hintergrundfarbe bekommen. Der Background dahinter ist einfach der, das ich dadurch farblich Pflichtfelder von optionalen Feldern unterscheiden möchte...
geht das irgendwie per JavaScript oder möglicherweise gleich in CSS class dateien`????
input.[type="text"] { background-color:white; } /* fuer gefuellte input-Felder */
input.[type="text"][value=""] { background-color:yellow; } /* fuer ungefuellte input-Felder */
wäre mein Ansatz gewesen. Aber leider kriegt weder Opera 7 noch Mozilla 1.4 mit, daß sich der value ändert, wenn man was eintippt...
IE ist sowieso für Attributselektoren zu blöd
cu,
Andreas
Hallo, Thyriel,
ich möchte folgendes machen:
ein input feld soll die hintergrundfarbe a haben (per class in CSS gesteuerrt), solange das Feld leer ist, sobald etwas darin steht soll es eine andere hintergrundfarbe bekommen.
Du meinst, wenn der Benutzer etwas in das Feld einträgt?
Über die Objekteigenschaft className http://selfhtml.teamone.de/javascript/objekte/htmlelemente.htm#universaleigenschaften kannst du über JavaScript/DOM die CSS-Klasse(n) eines Elements verändern. Bei einem Eingabefeld wäre der onchange-Event http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onchange passend, oder onfocus http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onfocus.
HTML-Beispiel:
<input type="text" name="bla" class="nochnichtausgefuellt" onchange="this.className='ausgefuellt'">
Mit this beziehst du dich auf das aktuelle Elementobjekt http://selfhtml.teamone.de/javascript/sprache/objekte.htm#this, also das input-Element; className ist wie gesagt die dem class-Attribut entsprechende Objekteigenschaft.
Wenn der Benutzer das Eingabefeld »verlässt«, also darin etwas geändert hat, ändert sich die Klasse und über die Klasse kannst du das Aussehen des Eingabefelds ändern.
Grüße,
Mathias