Hintergrund Textbox ändern

[ralf]

Hi,

ich definiere das Aussehen meiner Textbox folgendermaßen:

TEXTAREA {border: 1; border-style: solid; border-color: 777777 e0e0e0 e0e0e0 777777; background-color: ffffff; margin: 0;}

das funktioniert auch, ich möchte nun, daß das Textfeld, in welchem der Cursor steht, nicht mehr grau ist, sondern gelb. Verlässt der Cursor das Textfeld wieder, dann wird der Hintergrund wieder grau.

wie kann man sowas machen

Gruß und Danke

Ralf

[Armin G.]

Tach auch,

ich möchte nun, daß das Textfeld, in welchem der Cursor steht, nicht mehr grau ist, sondern gelb. Verlässt der Cursor das Textfeld wieder, dann wird der Hintergrund wieder grau.

Theoretisch ungefaehr so:

textarea
 {
  background-color: grey;
 }

textarea:focus
 {
  background-color: yellow;
 }

Praktisch funktioniert das nur in Mozilla (und Derivaten) und eventuell in Opera (da bin ich mir nicht sicher).

Gruss,
Armin

[MudGuard]

Hi,

textarea
{
  background-color: grey;

grey ist keine in CSS bekannte Farbe. Du meintest gray?

}

cu,
Andreas

[Benjamin Wilfing]

Hallo,

grey ist keine in CSS bekannte Farbe. Du meintest gray?

Tatsache ist aber, dass (zumindest im Mozilla) beide funktionieren. Eine kurze Anfrage bei unserem allseits geliebten Freund Leo ergibt auch, dass 'grey' britisches Englisch ist, und 'gray' amerikanisches Englisch.

http://dict.leo.org/?search=grey
http://dict.leo.org/?search=gray

Grüße aus Darmstadt,
Benjamin

[MudGuard]

Hi,

grey ist keine in CSS bekannte Farbe. Du meintest gray?
Tatsache ist aber, dass (zumindest im Mozilla) beide funktionieren.

Das ändert nichts daran, daß CSS nur gray definiert.
Man sollte sich nie darauf verlassen, daß etwas nicht-standardisiertes überall funktioniert...
cu,
Andreas

[Christian Seiler]

Hallo Andreas,

Man sollte sich nie darauf verlassen, daß etwas nicht-standardisiertes überall funktioniert...

Man sollte sich aber auch nie darauf verlassen, dass etwas standardisiertes überall läuft.

Beispiel: HTTP/1.1 307 Temporary Redirect nach einem POST-Request.
(siehe http://ppewww.ph.gla.ac.uk/~flavell/www/post-redirect.html#sum)

Chris "ich hasse Browser" tian

[MudGuard]

Hi,

Beispiel: HTTP/1.1 307 Temporary Redirect nach einem POST-Request.
(siehe http://ppewww.ph.gla.ac.uk/~flavell/www/post-redirect.html#sum)

Also ich lande da auf einer Seite "Redirect in response to POST transaction  bei einer Tabelle mit der Überschrift "Test Result Summary".
Ist das richtig? Oder wird der Temporary Redirect bei dem Link gar nicht gemacht?

Es gibt vieles, was standardisiert ist und nicht funktioniert
:focus (IE), :hover für nicht-Links (IE), :acive (im IE falsch)... ;-)

cu,
Andreas

[Christian Seiler]

Hallo Andreas,

Also ich lande da auf einer Seite "Redirect in response to POST transaction  bei einer Tabelle mit der Überschrift "Test Result Summary".
Ist das richtig?

Natürlich.

Oder wird der Temporary Redirect bei dem Link gar nicht gemacht?

Natürlich nicht - die Seite behandelt ja 30x-Redirects nach einem POST-Request. Es geht hier nicht um eine Demo sondern um einen Artikel zum Thema. ;-)

Christian

[Armin G.]

Tach auch,

grey ist keine in CSS bekannte Farbe. Du meintest gray?

Nun ja, ich meinte gray auch wenn ich grey schreibe. Genauso wie ich colour anstelle von color schreibe. Und mich in einer queue anstelle, anstatt in line zu stehen. Oder meine pants unter der Hose anziehe anstatt damit in der Oeffentlichkeit rumzulaufen.

;-)

Gruss,
Armin

[Benjamin Wilfing]

Hallo Ralf,

TEXTAREA {border: 1; border-style: solid; border-color: 777777 e0e0e0 e0e0e0 777777; background-color: ffffff; margin: 0;}

Setze doch bitte vor die Farbangaben noch ein '#'.

das funktioniert auch, ich möchte nun, daß das Textfeld, in welchem der Cursor steht, nicht mehr grau ist, sondern gelb. Verlässt der Cursor das Textfeld wieder, dann wird der Hintergrund wieder grau.

wie kann man sowas machen

Ich habe eben ausprobiert, das mittels Pseudoformaten zu machen (textarea:hover z.B.), leider funktioniert die Möglichkeit nicht, also musst du auf Javascript zurückgreifen. Schau dir dazu mal die Event-Handler onMouseOver und onMouseOut an (http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm).
Beim Ändern der Hintergrundfarbe hilft dir sicher folgendes Kapitel: http://selfhtml.teamone.de/javascript/objekte/style.htm

Grüße aus Darmstadt,
Benjamin

[Armin G.]

Tach auch,

Ich habe eben ausprobiert, das mittels Pseudoformaten zu machen (textarea:hover z.B.), leider funktioniert die Möglichkeit nicht

Du sollst ja auch nicht hovern sondern focusen ;-) Und einen modernen Browser benutzen ;-)

Gruss,
Armin

[Benjamin Wilfing]

Hallo,

Du sollst ja auch nicht hovern sondern focusen ;-) Und einen modernen Browser benutzen ;-)

"Mozilla/5.0 (Windows; U; Windows NT 5.1; de-AT; rv:1.2.1) Gecko/20021130" - ist das modern genug? *g*, ich habe das Posting von Ralf wohl falsch verstanden (ich dachte, er meint mit Cursor den Mauszeiger, dann wäre luftrutschen (oder was ist nochmal die richtige Übersetzung? *g*) ja richtig gewesen.

Komisch allerdings, dass das im Mozilla nicht funktioniert hat - denn jetzt habe ich es nochmal probiert, und auf einmal geht's ohne Zicken... (jaja, der Computer ist immer so schlau wie der Anwender, ich weiß ;-))

Grüße aus Darmstadt,
Benjamin

[MudGuard]

Hi,

TEXTAREA {border: 1; border-style: solid; border-color: 777777 e0e0e0 e0e0e0 777777; background-color: ffffff; margin: 0;}
das funktioniert auch,

Dann ist Dein Browser kaputt. Bis auf border-style und margin sind alle Angaben falsch.
Längen (wie border-width) brauchen eine Einheit, wenn der Wert ungleich 0 ist.
Die Schreibweise von Hexadekadischen Farbwerten beginnt mit einem #

ich möchte nun, daß das Textfeld, in welchem der Cursor steht, nicht mehr grau ist, sondern gelb. Verlässt der Cursor das Textfeld wieder, dann wird der Hintergrund wieder grau.

input[type='text'] { background:gray; }
input[type='text']:focus { background:yellow; }
oder
textarea { background-color:gray; }
textarea:focus { background:yellow; }

Moderne Browser können das.
Der Internet Explorer kann das nicht.

cu,
Andreas