das sich beim anklicken eines Eingabefeldes die fabe änderd
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfang
beispiel
bereich
code
dank
ding
eingabefeld
feld
helfen
input
laube
mache
meinung
methode
post
problem
sandrock
text
type
wissen
-
Hi
Ich habe ein problem ich möchte ein eigabe feld machen, aber wenn man auf das eigabe feld klickt soll es eine andere falrbe erhalten es geht meines Wissen nach so das es am anfang z.b. Blau ist :
geht es so!
<input type=\"text\" style=\"background:blue\">
Aber wie mache ich das wenn ich was eigeben will sich anstatt Blau zum beispiel den in Gelb ändert.
und wenn man den zum Beispiel in ein anderes kästchen klickt soll es wieder blau werden
Danke
Beitrag geändert: 22.3.2008 10:30:45 von tuningboys -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich denke, dieser Code sollte dir helfen:
<input type=\"text\" style=\"background-color:#000088\" onfocus=\"this.style.backgroundColor=\'#888800\'\" onblur=\"this.style.backgroundColor=\'#000088\'\" />
Damit ändert sich der Farbwert beim Aktivieren auf #888800 und wenns wieder deaktiviert wird wieder auf #000088. -
oder
css:
input[type=\"text\"]{
background-color: #00F;
}
input[type=\"text\"]:focus{
background-color: #F00;
} -
Ho,
Also der erste geht aber der 2. von Schnuff der geht nicht oder eher gesagt ich weis nicht wie man ihn anwndet aber ich laube eher das er fehlerhaft ist. -
Ho,
Also der erste geht aber der 2. von Schnuff der geht nicht oder eher gesagt ich weis nicht wie man ihn anwndet aber ich laube eher das er fehlerhaft ist.
Oh doppelpost bitte löschen.
Beitrag geändert: 22.3.2008 15:41:58 von tuningboys -
schreibste auch in den style ding
-
Also ich bekomme es nicht hin also weil der Script auch nach meiner meinung nicht richtig ist
-
Was soll an dem 2. falsch sein? Wenn mans genau nimmt ist er sogar \"richtiger\", denn für den 1. muss JavaScript im Browser aktiviert sein und das hat nicht jeder.
Schreib einfach zwischen <head> und </head>:
<style type=\"text/css\"> input[type=\"text\"]{ background-color: #00F; } input[type=\"text\"]:focus{ background-color: #FF0; } </style>
Dann wird automatisch jedes Eingabefeld vom Typ Text beim fokussieren gelb und beim verlassen wieder blau.
Wenn alle Eingabefelder so werden sollen dann mach das [type=\"text\"] einfach weg.
Beitrag geändert: 22.3.2008 16:44:39 von pinguinfreund -
machs doch einfach im noscript bereich mit css und normal mit js.
evtl. ie, verstehst pfreund -
OK
schuldigung ich habe was verwechselt und zwar wohin muss ich es einsetzten bei:
<input type=\"text\" name=\"der name\">
Danke -
1. Methode:
<input type=\"text\" name=\"der name\" style=\"background-color:#000088\" onfocus=\"this.style.backgroundColor=\'#888800\'\" onblur=\"this.style.backgroundColor=\'#000088\'\" />
2. Methode: siehe Post weiter oben. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
