Javascript
codice:
function getAllTextInputs() {
var els = document.getElementsByTagName('input');
for (var i=0; i<els.length; i++) {
if (/^text$/.test(els[i].type)) setEventsTo(els[i]);
}
}
function setEventsTo(el) {
el.onblur() {
this.className = 'unfocused';
}
el.onfocus() {
this.className = 'focused';
}
}
css
codice:
.focused { background: #ff9; }
.unfocused { background: #fff; }
Cambiando le classi (invece di settare lo stile via js) separi l'aspetto logico da quello presentazionale.
All'evento onload della pagina (o DomLoad se hai la funzione che rileva questo evento) chiami la funzione getAllTextInputs