Ergebnis 1 bis 6 von 6

Thema: Input Feld einfärben wenn aktiv

  1. #1
    Teeny
    Registriert seit
    09.03.2007
    Beiträge
    46
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Input Feld einfärben wenn aktiv

    hallo,
    ich hätte gerne mein INPUT-Feld, wenn es aktiv ist, also der Cursor drin ist in einer Bestimmten Hintergrundfarbe, und sobald der Coursor wieder woanders ist, wieder weiss.
    Ich hab das ganze mal so versucht:
    Code:
    function farbe(){
        document.ff.verpacker.style.backgroundColor = "#111111";
    }
    
    ...
    <input type="text" name="verpacker"  onFocus="farbe&#40;&#41;"/>
    Das Feld wird bei klick auch gefärbt, aber leider nicht mehr zurück *g*
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Rico Ros
    Gast

    Standard

    Is zwar nicht ganz mein Thema, aber wie wäre es mit ner if-Bedingung
    die auf den Fokus prüft und bei true dann einfäbt und bei false wieder
    die Farbigkeit zurücksetzt?

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    09.03.2007
    Beiträge
    46
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich hätte aber gerne, dass das Feld, wenn der Cursor drin ist, rot wird, und wenn der Cursor sonst wo ist was wieder weiss wird.

  4. #4
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Öhm ja ok, muss das jetzt zwingend Javascript sein??
    Da reicht doch einfach CSS.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    	<head>
    		<title>Formularfelder highlighten</title>
    	
    		<style type="text/css">
    			.highlightForm
    			&#123;
    				background-color&#58; #999;
    			&#125;
    
    			.highlightForm&#58;focus
    			&#123;
    				background-color&#58; #ddd;
    			&#125;
    		</style>
    	</head>
    
    	<body>
    		<form action="#">
    			<input class="highlightForm" type="text" name="Feld1" />
    			<input class="highlightForm" type="text" name="Feld1" />
    			<input class="highlightForm" type="text" name="Feld1" />
    			<input class="highlightForm" type="text" name="Feld1" />
    			<input class="highlightForm" type="text" name="Feld1" />
    		</form>
    	</body>
    </html>

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    09.03.2007
    Beiträge
    46
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mir wär css lieber, aber ich hab gelesen dass da der IE nicht mitmacht

  6. #6
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Dann machs am besten sowohl mit CSS als auch mit JS.
    Code:
    <script type="text/javascript">
    			function set_color&#40;element&#41;
    			&#123;
    				element.style.backgroundColor = '#ddd';
    			&#125;
    
    			function set_highlight_color&#40;element&#41;
    			&#123;
    				element.style.backgroundColor = '#999';
    			&#125;
    		</script>
    Code:
    <input type="text" class="highlightForm" name="verpacker" onblur="set_color&#40;this&#41;" onfocus="set_highlight_color&#40;this&#41;" />

Ähnliche Themen

  1. Input Feld immer aktiv
    Von csigg im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 21.01.2008, 16:57
  2. Navigation nur ausblenden, wenn Link nicht aktiv
    Von amir im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 1
    Letzter Beitrag: 27.03.2007, 19:46
  3. Input Feld mit PHP ansprechen.
    Von Gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 17.11.2006, 14:12
  4. input feld
    Von DarkSyranus im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 22.04.2006, 23:05
  5. CSS-Input Feld+farbwechsel bei Focus?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 01.04.2005, 16:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •