CSS wechsel in function definieren

[Ole]

hidiho

es gibt ja schon seit längerem einen javascript work-around um es browsern, die anweisungen wie :hover oder :focus nicht verstehen, eine ähnliche funktionalität zu ermöglichen.

z.B.
<input type="text" name="test" size="40" onFocus="this.style.backgroundColor='#0DCC97'" onBlur="this.style.backgroundColor='#CEE0F7'">

(funktioniert auch mit onmouseover und onmouseout)

was mach ich denn nun wenn ich mehrere styles ändern will und das ganze in einer function im head definieren will?

das hier

function raus(this)
   {
    this.style.color='#123456';
    this.style.border='100px';
   }

<input type="text" name="test" size="40" onfocus="raus(this);">

hatte bei mir keinen erfolg :(

ich bin nicht allzu fit in javascript (um es mal ein wenig zu untertreiben ;)).
wie würde das ganze denn aussehen wenn man es richitg macht?

thx im vorraus

so long
ole
(8-)>