Ciao a tutti,
sto cercando una soluzione in javascript per far si che al completamento di una textbox di un form il cursore passi alla prossima textbox automaticamente e non attraverso la pressione del tasto TAB.
Qualcuno sa darmi un'indicazione?
Grazie mille!
Andrea
E' come si fa per sapere che l'immissione nella text box è completata ?
Se inserisco un valore di caratteri massimi alla textbox è certo che io possa sapere quanti caratteri deve contenere prima di arrivare alla fine... Se non raggiunge la fine allora il passaggio non deve avvenire automaticamente.
Mi serve per le date:
01 01 05 > dove 01 è obbligatorio ed è di 2 caratteri massimi...
Qualcuno sa darmi indicazioni?
Puoi fare cosi (non testato)
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <script language="JavaScript" type="text/javascript"> <!-- function next(anInputText) { if (anInputText.value.length == anInputText.maxLength) { oCol = document.getElementsByTagName('INPUT'); a = oCol.length; for (i=0;i<a;i++) { current = oCol[i]; if (current.type == 'text' && current.tabIndex == anInputText.tabIndex + 1) { current.focus(); return; } } } } //--> </script> </head> <body> <input type="text" maxlength="5" tabindex="1" onkeypress="next(this)"> <input type="text" maxlength="5" tabindex="2" onkeypress="next(this)"> <input type="text" maxlength="5" tabindex="3" onkeypress="next(this)"> <input type="text" maxlength="5" tabindex="4" onkeypress="next(this)"> <input type="text" maxlength="5" tabindex="5" onkeypress="next(this)"> </body> </html>
Testo il tutto e ti dico.
Nel mentre ti ringrazio tanto!
Testato e funzionante.
Ti ringrazio molto!
Un saluto
Andrea
------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function next(anInputText) {
if (anInputText.value.length == anInputText.maxLength) {
oCol = document.getElementsByTagName('INPUT');
a = oCol.length;
for (i=0;i<a;i++) {
current = oCol[i];
if (current.type == 'text' && current.tabIndex == anInputText.tabIndex + 1 ) {
current.focus();
return;
}
}
}
}
//-->
</script>
</head>
<body>
INSERIRE LA DATA:
Giorno (gg):
<input type="text" maxlength="2" tabindex="1" onkeypress="next(this)" size="2">
Mese (mm)
<input type="text" maxlength="2" tabindex="2" onkeypress="next(this)" size="2">
Anno (aaaa)
<input type="text" maxlength="4" tabindex="3" onkeypress="next(this)" size="4">
</body>
</html>
Permessi di invio
Rispondi quotando