TAB & INPUT

**toxi78** · 28-12-2005, 12:06

Carissimi Utenti di questo forum,

il mio problema/quesito è questo Ho un form con 2 o + input.Di solito l'utente quando digita per saltare da input ad input usa il classico TAB sulla tastiera!Se volessi fare in modo che il cambio di input avenga premendo l'INVIO ....che devo fare?????? URGE UNA RISPOSTA VELOCE!

GRAZIE A TUTTI!

**Anªkin** · 28-12-2005, 14:00

mmm prova questa:

codice:

function check(obj, evt)
	{
	var charCode = (evt.charCode)?evt.charCode : ((evt.which)?evt.which:evt.keyCode)
	var key = charCode
		if (key==13) {
			do
				if (obj!=null && obj.nextSibling!=null)	obj=obj.nextSibling
				else obj=obj.parentNode.firstChild
		while (obj.nodeType!=1) 
	obj.focus()
	return false
	}
return true
}

e metti onKeyPress="check( this,event )" in ogni tag input.

L'unico dubbio è che la javascript Console mi dà una Exception alla linea corrispondente al focus(). Per il resto sembra funzionare.

**toxi78** · 28-12-2005, 15:50

Nn funziona!!!Perchè? mi dici passo passo che devo fare?e che cosa ha provato tu? onKeyPress="check( this,event )" devo scriverlo così come vedo?

**toxi78** · 28-12-2005, 16:05

tra parentesi mancano tutti i ;

**Anªkin** · 28-12-2005, 16:56

ecco la pagina che ho usato per testarlo:

codice:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function check(obj, evt)
	{
	var charCode = (evt.charCode)?evt.charCode : ((evt.which)?evt.which:evt.keyCode)
	var key = charCode
		if (key==13) {
		do
			if (obj!=null && obj.nextSibling!=null)	obj=obj.nextSibling
			else obj=obj.parentNode.firstChild
		while (obj.nodeType!=1) 
	obj.focus()
	return false
	}
return true
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
  <input name="field1" type="text" id="field1" onKeyPress="check(this, event)" />
  <input name="field2" type="text" id="field2" onKeyPress="check(this, event)" />
  <input name="field3" type="text" id="field3" onKeyPress="check(this, event)" />
</form>
</body>
</html>

Con IE6 e firefox 1.5 a me funziona.

**toxi78** · 28-12-2005, 17:30

tra parentesi mancano tutti i ;

**willybit** · 28-12-2005, 17:36

Originariamente inviato da toxi78
tra parentesi mancano tutti i ;

non importa sono opzionali...
lo script sopra funzia bene se nel form non è presente il tasto submit... se c'è il tasto submit quando si preme invio si fa il submit del form
io avrei fatto solo così

codice:

function check(evt){
  if(evt.keyCode==13)evt.keyCode=9;
}

ma ho scoperto che con FF keyCode è di sola lettura

**Anªkin** · 28-12-2005, 19:27

Originariamente inviato da willybit
non importa sono opzionali...
lo script sopra funzia bene se nel form non è presente il tasto submit... se c'è il tasto submit quando si preme invio si fa il submit del form
io avrei fatto solo così

codice:

function check(evt){
  if(evt.keyCode==13)evt.keyCode=9;
}

ma ho scoperto che con FF keyCode è di sola lettura

ci avevo provato anch'io

cmq, basta aggiungere i return per i bottoni. Così dovrebbe saltare i bottoni submit.

codice:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function check(obj, evt)
	{	
	var charCode = (evt.charCode)?evt.charCode : ((evt.which)?evt.which:evt.keyCode)
	var key = charCode
		if (key==13) {
		do
			if (obj!=null && obj.nextSibling!=null)	obj=obj.nextSibling
			else obj=obj.parentNode.firstChild
		while (obj.nodeType!=1 || obj.type=='submit') 
	obj.focus()
	return false
	}
return true
}
</script>
</head>

<body>
<form name="form1" method="post" action="asd.php">
  <input name="field1" type="text" id="field1" onKeyPress="return check(this, event)" />
  <input name="field2" type="text" id="field2" onKeyPress="return check(this, event)" />
  <input name="field3" type="text" id="field3" onKeyPress="return check(this, event)" />
  <input type="submit" name="Submit" value="Invia" onKeyPress="return check(this, event)">
</form>
</body>
</html>

Discussione: TAB & INPUT

Strumenti discussione

Ricerca discussione

Visualizza

TAB & INPUT

Nn funziona

Permessi di invio