mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 10:58 Benutzername: Passwort: Auto-Login

Thema: Value Farbe im input Feld anders als wenn man eingibt vom 22.04.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Value Farbe im input Feld anders als wenn man eingibt
Seite: 1, 2, 3  Weiter
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Di 22.04.2008 16:12
Titel

Value Farbe im input Feld anders als wenn man eingibt

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 22.04.2008 16:56
Titel

Re: Value Farbe im input Feld anders als wenn man eingibt

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 23.04.2008 08:08
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 23.04.2008 08:36
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 23.04.2008 08:44
Titel

Antworten mit Zitat Zum Seitenanfang

mhmm naja.... wie schreibt man das denn mit JS? Also die Farbe soll sich wirklich erst dann verändern wenn etwas eingegeben wird...
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 23.04.2008 09:04
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 23.04.2008 09:51
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 23.04.2008 10:04
Titel

Antworten mit Zitat Zum Seitenanfang

bin kein cc-fan. aber versuchs einmal mal, indem du noch ein leerzeichen nach ie lässt...

<!--[if lt IE 7]>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.