Autor |
Nachricht |
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 22.04.2008 16:12
Titel Value Farbe im input Feld anders als wenn man eingibt |
|
|
Hey!
Hab schon gesucht jetzt, aber find nichts passendes zu meinem Problem...
Ich habe ein input-Feld in einem Formular, wo per value schon etwas drinsteht.
Das soll in hellgrauer Schrift erscheinen. Wenn der Anwender aber jetzt was selber eingibt, dann soll die Schriftfarbe schwarz sein.
Geht sowas überhaupt? Und wenn ja, wie?
LG Denise
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 22.04.2008 16:56
Titel Re: Value Farbe im input Feld anders als wenn man eingibt |
|
|
denise2302 hat geschrieben: | Ich habe ein input-Feld in einem Formular, wo per value schon etwas drinsteht.
Das soll in hellgrauer Schrift erscheinen. Wenn der Anwender aber jetzt was selber eingibt, dann soll die Schriftfarbe schwarz sein.
Geht sowas überhaupt? Und wenn ja, wie?
|
Mit Javascript und Inline-CSS-Styles geht das bestimmt. Du musst ja einfach eine onclick-Atkion hinzufügen und dann mit Javascript den CSS Stil ändern.
|
|
|
|
|
Anzeige
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Mi 23.04.2008 08:08
Titel
|
|
|
geht das wirklich nur mit js? weil wenns jemand ausgeschalten hat dann ist das doof..... vll irgendwie mit php? sowas wie wenn jemand draufklickt wirst du schwarz?
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mi 23.04.2008 08:36
Titel
|
|
|
ich glaube das ist (nur) mit js zu bewältigen...
php fällt hier flach, da ja kein site reload erfolgt.
mit css kannst du nur die farbe für die schrift in der textbox wählen,
aber nicht unterscheiden zwischen value wert und einbabe wert .
mit js könntest du die css klasse wechseln
Zuletzt bearbeitet von choise am Mi 23.04.2008 08:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Mi 23.04.2008 08:44
Titel
|
|
|
mhmm naja.... wie schreibt man das denn mit JS? Also die Farbe soll sich wirklich erst dann verändern wenn etwas eingegeben wird...
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.04.2008 09:04
Titel
|
|
|
Alternativ kannst Du auch schreiben:
Code: | <html>
<head>
<title>Inputfarbwechsel</title>
<style type="text/css">
<!--
INPUT {
color:lightgrey;
}
INPUT:focus {
color:red;
}
-->
</style>
</head>
<body>
<input type="text" class="myInputField" value="myValue">
</body>
</html>
|
Geht aber nur in modernen Browsern. Für den IE6 und älter
also dann noch ein eigenes Stylesheet per Conditional Comments.
Via Javascript in etwa so:
Code: | <script type="text/javascript">
var attachColorChange = function() {
var el = document.getElementsByTagName("input");
for(i=0;i<el.length;i++) {
el[i].onfocus = function() {
this.style.color = 'red';
}
el[i].onblur = function() {
this.style.color = 'lightgrey';
}
}
}
window.onload = attachColorChange;
</script> |
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Mi 23.04.2008 09:51
Titel
|
|
|
Super, also mit FF klappts schonmal. Und im IE7 auch.... aber der IE7 greift auch auf das JS zurück... habe bei CC geschrieben <!--[if lt IE7]> heißt ja eigentlich kleiner als IE7 ... ? Für welche Browser sollte ich die CC auch noch festlegen?
waah ich sehe gerade jetzt steht oben in der ecke:
beim ie7.... wie bekomm ich denn das jetzt weg?
Zuletzt bearbeitet von denise2302 am Mi 23.04.2008 09:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 23.04.2008 10:04
Titel
|
|
|
bin kein cc-fan. aber versuchs einmal mal, indem du noch ein leerzeichen nach ie lässt...
<!--[if lt IE 7]>
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE Problem mit Input Feld
input feld formatierungsfrage / 2 os
WebFont-Icon vor/in Input-Feld einbinden
Input Feld auf 100% stellen - Wie klappts im Firefox?
Problem mit Umschalt-Taste und Input-Feld
[JS] Wert von Input Feld bei Zurück des Brwosers "merke
|
|