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-)>

[aw]

hidiho

hi.

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

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

aus der hüfte heraus geschossen, würde ich sagen:

function foo(bar){
 bar.style.border="1px solid red";
}

lg /.\^/

[Ole]

hi

aus der hüfte heraus geschossen, würde ich sagen:

function foo(bar){
bar.style.border="1px solid red";
}

gut geschossen, funzt aber trotzdem nicht :(

trotzdem danke

so long
ole
(8-)>

[Ole]

rehi

komandeo zurück

gut geschossen, funzt aber trotzdem nicht :(

bin heute zu blöd zum tippen, funzt doch...thx

ole
(8-)>