css-Eigenschaften von textarea bei onfocus verändern

[Thomas L]

Hallo Forumler,

ich habe folgendes Formular:

<form name="feedback" action="/kontakt.php" method="post" enctype="multipart/form-data">
Ihre Nachricht:<br>

<textarea id="eingabe" style="width:300px;" class="inactive" onFocus="javascript:setCSSneu()" onBlur="javascript:setCSSalt()" name="eingabe" rows="6" cols="40"></textarea><br><br>

<input name="submit" class="submit" type="submit" value="Absenden">&nbsp;
<input name="loeschen" class="submit" type="submit" value="Daten zur&uuml;cksetzen">
</form>

Hier hatte ich über

function setCSSneu() { event.srcElement.className='active'; }
function setCSSalt() { event.srcElement.className='inactive'; }

die Klassennamen geändert. Leider funzte dies nur im IE.
Somit habe ich dies probiert:

function setCSSneu() {
 var active;
 active = eval(document.getElementById("eingabe"));
 active.style.backgroundColor = "#FFFFAA";
 active.style.border = "1px dashed #AAA";
 active.style.color = "#000099";
 }
function setCSSalt() {
 var inactive;
 inactive = eval(document.getElementById("eingabe"));
 inactive.style.backgroundColor = "#FFFFFF";
 inactive.style.border = "1px dashed #000";
 inactive.style.color = "#000000";
 }

Dies scheint nun zwar zu klappen, aber geht dies vielleicht auch kürzer?

function setCSSneu() { document.getElementsByName("eingabe")[0].class = active; }
function setCSSalt() { document.getElementsByName("eingabe")[0].class = inactive; }

funzt jedenfalls nicht.
Weiß hier jemand einen Rat???
Vielen Dank schon mal für Eure aufschlussreichen Antworten und viele Grüße.

Thomas L.