|
Impostare lo stato
attivo di un elemento di una pagina Web significa assegnargli il focus,
determinare cioè quale elemento di una form sarà influenzato dalle
azioni dell'utente.
Per assegnare il focus ad un elemento si può procedere
"manualmente" premendo il tasto di tabulazione per recarsi
sull'oggetto o facendo clic su di esso con il pulsante del mouse, oppure
chiamando l'evento onFocus.
Esempio 5.5
|
<html>
<head>
<script language="javascript">
<!--
function SelezionaTesto(ciao) {
ciao.select();
}
//-->
</script>
</head>
<body>
<form name="esempio">
<input type="text" name="text1"
value="ciao"
onFocus="SelezionaTesto(this);">
</form>
</body>
</html>
|
Nell'esempio 5.5
abbiamo associato una funzione all'evento onFocus. Infatti, se
clicchiamo all'interno del campo di testo dove compare la scritta
"ciao", verrà chiamata la funzione SelezionaTesto che
selezionerà il testo contenuto nel campo.
Analogamente all'evento onFocus, abbiamo l'evento onBlur
che viene generato quando un elemento perde lo stato attivo. Un utilizzo
intelligente di questo evento avviene ad esempio quando vogliamo
controllare che l'utente non lasci vuoto un campo di una form.
Esempio 5.6
|
<html>
<head> </head>
<body>
<form name="esempio">
<input type="text" name="text1"
onBlur="if (this.value == '') {alert('Non puoi lasciare il
campo vuoto'); this.focus();}">
</form>
</body>
</html>
|
Nell'esempio 5.6
ricordiamo all'utente che abbandona un campo senza avervi scritto
niente, di riempire suddetto campo. Infatti, quando clicchiamo con il
mouse all'esterno del campo di testo, viene generato l'evento onBlur
che, dopo aver visualizzato un messaggio di allerta che dice di non
lasciare il campo vuoto, reimposta il focus proprio su quel campo di
testo, in maniera tale da favorire l'immissione di dati.
Lezione
successiva =>
Torna
all'indice
|
Guidainlinea.com come homepage
Aggiungi questa pagina ai preferiti