aggiungere attributi a tutti gli input text

[gasmor]

ciao e buona domenica

come posso fare ad assegnare in automatico degli attributi a tutti gli input text?

io attualmente ho questo codice:

<input type="text" name="utente" id="utente" onBlur="this.style.background='#ffffff';" onFocus="this.style.background='#FFFF99'" />

e mi piacerebbe trasformarlo in <input type="text" name="utente" id="utente" />

qualche consiglio?
:master:

[fcaldera]

Javascript

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

.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

[gasmor]

grazie mille,

però mi genera errore la funzione setEventsTo.

avvio la chiamata tramite il prototype:
Event.observe(window, 'load', getAllTextInputs);

e la funzione viene richiamata correttamente.

il firebug mi dice questo:
missing ; before statement
el.onblur() {

[H5N1_Aviaria]

Prova così:

Event.observe(window, 'load', function(){getAllTextInputs});

[gasmor]

Originariamente inviato da H5N1_Aviaria
Prova così:

Event.observe(window, 'load', function(){getAllTextInputs});

la chiamata observe non ha problemi, l'errore è in questa funzione:

function setEventsTo(el) {
el.onblur() {
this.className = 'unfocused';
}
el.onfocus() {
this.className = 'focused';
}
}

[H5N1_Aviaria]

La funzione Event.observe deve ricevere in input come terzo parametro una funzione.
Nella forma che ti ho consigliato ti assicuri che il paramentro sia una funzione.
Non sono sicuro che l'errore, però, venga generato per questo motivo, ma fai un tentativo.
Fammi sapere

[gasmor]

la chiamata observe non ha problemi

comunque, per scrupolo, ho provato anche come mi hai detto ma ripeto il problema è qui:

function setEventsTo(el) {
el.onblur() {
this.className = 'unfocused';
}
el.onfocus() {
this.className = 'focused';
}
}

[H5N1_Aviaria]

var setEventsTo= function(el) {
    el.onblur= function() {
    this.className = 'unfocused';
    }
    el.onfocus=function() {
    this.className = 'focused';
    }
}

[gasmor]

Originariamente inviato da H5N1_Aviaria

var setEventsTo= function(el) {
    el.onblur= function() {
    this.className = 'unfocused';
    }
    el.onfocus=function() {
    this.className = 'focused';
    }
}

perfetto

perchè hai dovuto trasformare setEventsTo ? E' una prerogativa del prototype oppure è una soluzione a questo caso specifico?

[H5N1_Aviaria]

Javascript è un linguaggio flessibile.
A volte troppo.
Per questo è affascinante
Una variabile, un Oggetto, un Array, un Numero, una Stringa... sono tutti Oggetti che possono essere considerati di tipo "variant".
O meglio, non lo sono, ma sono spesso trattati come tali.
In alcuni contesti, però è necessario essere "rigidi" con questa flessibilità.
Non ci accorgiamo della differenza fra

var x= function(y){}

e

function x(y){}

fino a che non andiamo a verificare la differenza fra

alert(x);
alert(x());

Prova questo divertente esperimento e disintegrati il cervello

function x(y){
alert (y);
}
alert(x);
alert(x(10));
alert(eval(x));
alert(eval(x(10)));