kostenloser Webspace werbefrei: lima-city


das sich beim anklicken eines Eingabefeldes die fabe änderd

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    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.
  4. oder
    css:

    input[type=\"text\"]{
    background-color: #00F;
    }
    input[type=\"text\"]:focus{
    background-color: #F00;
    }
  5. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    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.
  6. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    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
  7. familie-schiffer

    Kostenloser Webspace von familie-schiffer, auf Homepage erstellen warten

    familie-schiffer hat kostenlosen Webspace.

    schreibste auch in den style ding
  8. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    Also ich bekomme es nicht hin also weil der Script auch nach meiner meinung nicht richtig ist
  9. familie-schiffer

    Kostenloser Webspace von familie-schiffer, auf Homepage erstellen warten

    familie-schiffer hat kostenlosen Webspace.

    nimm den von sandrock-jonas
    der ist richtig
  10. p***********d

    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
  11. familie-schiffer

    Kostenloser Webspace von familie-schiffer, auf Homepage erstellen warten

    familie-schiffer hat kostenlosen Webspace.

    machs doch einfach im noscript bereich mit css und normal mit js.
    evtl. ie, verstehst pfreund
  12. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    OK

    schuldigung ich habe was verwechselt und zwar wohin muss ich es einsetzten bei:

    <input type=\"text\" name=\"der name\">

    Danke
  13. p***********d

    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.
  14. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!