Hintergrundfarbe wechseln....bei onclick

[NullAhnung]

da bin ich wieder...

ich habe ein problem.... ich habe 4 textfelder in etwa so:
CODE <div id="a1LYR" class="TextObject">
<textarea name="a1" id="a1" onclick="javascript:obj.style.backgroundColor = '#0000CC';"><? echo $_SESSION['a1'];?></textarea></div>

<div id="a2LYR" class="TextObject">
<textarea name="a2" id="a2" onclick="javascript:obj.style.backgroundColor = '#0000CC';"><? echo $_SESSION['a2'];?></textarea></div>

<div id="a3LYR" class="TextObject">
<textarea name="a3" id="a3" onclick="javascript:obj.style.backgroundColor = '#0000CC';"><? echo $_SESSION['a3'];?></textarea></div>

<div id="a4LYR" class="TextObject">
<textarea name="a4" id="a4" onclick="javascript:obj.style.backgroundColor = '#0000CC';"><? echo $_SESSION['a4'];?></textarea></div>

nun möchte ich wenn ich auf ein feld klicke, dass die hintergrundfarbe wechselt... soweit klar... aber ich will, wenn man dann ein anderes von den 4 felder auswählt, dass das bereits ausgewählte wieder quasi abgewählt wird...

hab kein plan wie das funktieren soll...

 

[Sascha Ahlers]

Wozu bitte JavaScript einsetzen?

http://www.webmaster-crashkurs.de/formular...s-gestalten.htm

 

[NullAhnung]

ohh danke...

css... input:focus ist das schlüsselwort...

 

[NookieDev]

Geht einfach über CSS...

textarea:focus {
background-color: yellow;
}


z.B. oder etwas komfortabler per Jquery und z.B. CSS Klassen

$("textarea&quot.live('focus',function(){
$(this).addClass("activeField&quot.removeClass("idle"
});

$("textarea&quot.live('blur',function(){
$(this).removeClass("activeField&quot.removeClass("idle"
});