Javascript: Label testo in evidenza

19 mag 2009

campo-testo

Ecco un esempio di un piccolo form con tre campi di textbox e un pulsante d’invio per i dati inseriti, l’azione Label funziona cosi: quando si clicca con il puntatore del mouse sul campo di testo l’etichetta a esso, associata cambia colore.

In questo modo il visitatore del sito avrà l’impressione di essere guidato nell’operazione da compiere.

Inserite il codice javascript nella header della pagina:

 
function seleziona(id) {
  if (!document.getElementById) return;
  selDiv = document.getElementById(id);
  selDiv.style.color = "#FF8000";
}

Quindi inizializzare la funzione qui chiamata id, seldiv è la bariabile che richiama il colore del testo qui per esempio ho assegnato #FF8000 e in questo modo viene anche realizzata l’azione inversa. Appena il campo perde il focus, il testo cambierà colore.

Articoli simili

Lascia un Commento