css + javascript

[jenno]

Ich habe einige Input-Felder, deren Hintergrund- bzw. Schriftfarbe sich ändern, je nachdem ob so ein Feld aktiv ist oder nicht. Ich habe das im Moment noch so gelöst:

onfocus="javascript:this.style.background='#FFFFFF'; this.style.color='#FA6311'" 
onblur="javascript:this.style.background='#CED1CE'; this.style.color='#096309'"

Ist es denn auch möglich, mit onfocus und onblur auch einfach nur css-Klassen aufzurufen, so dass ich die Farbangaben nur im css-file ändern muss und nicht auch noch in den HTML-Seiten rumsuchen muss?

 

[Fabian H]

Hi,

versuch´s mal so:

.InputActive {
  color: #000000;
  background-color: #FFFFFF;
}

.InputNormal {
  color: #FFFFFF;
  background-color: #000000;
}

<input type="text" class="InputNormal"
       onfocus="this.className = 'InputActive';"
       onblur="this.classBane = 'InputNormal';">

Im Mozilla geht auch noch das:

input.Change {
  color: #000000;
  background-color: #FFFFFF;
}

input.Change:hover { /* Nachtrag: Natürlich geht auch :focus */
  color: #FFFFFF;
  background-color: #000000;
}

<input type="text" class="Change">

 

[jenno]

Danke. Das mit dem this.className...das wusste ich nicht! Supi