Cambio de campo automatico

fefefefe · #1 (**permalink**) 18/10/2011, 07:08

Hola!! tengo un formulario y quiero hacer que se pase automaticamente de un campo a otro cuando este complete su maximo , saque un codigo de la net pero no me funciona, alguna sugerencia? miles de gracias de antemano

Código:

<SCRIPT TYPE="text/javascript">
<!--
var downStrokeField;
function autojump(fieldName,nextFieldName,fakeMaxLength)
{
var myForm=document.forms[document.forms.length - 1];
var myField=myForm.elements[fieldName];
myField.nextField=myForm.elements[nextFieldName];

if (myField.maxLength == null)
   myField.maxLength=fakeMaxLength;

myField.onkeydown=autojump_keyDown;
myField.onkeyup=autojump_keyUp;
}

function autojump_keyDown()
{
this.beforeLength=this.value.length;
downStrokeField=this;
}

function autojump_keyUp()
{
if (
   (this == downStrokeField) && 
   (this.value.length > this.beforeLength) && 
   (this.value.length >= this.maxLength)
   )
   this.nextField.focus();
downStrokeField=null;
}
//-->
</SCRIPT>

luego

Código:

<SCRIPT TYPE="text/javascript">
<!--
autojump('a', 'b', 3);
autojump('b', 'c', 2);
autojump('c', 'd', 4);
//-->
</SCRIPT>

y los campos

Código:

<input name="a" type="text" id="a" value="" size="18" maxlength="3" />

<input name="b" type="text" id="b" value="" size="18" maxlength="2" />


<input name="c" type="text" id="c" value="" size="18" maxlength="4" />

maycolalvarez · #2 (**permalink**) 18/10/2011, 07:22

el problema de ese código es que no es crossbrowser y está sólamente preparado para el primer elemento form del DOM, podrías adaptarlo

fefefefe · #3 (**permalink**) 18/10/2011, 07:42

Perdon pero es muy tecnico para mi , probando este otro codigo tampoco pude,

Código:


<!-- Paste the JavaScript code between the HEAD Tags --> 

<HEAD>

<SCRIPT LANGUAGE="javascript">

<!-- This code makes the jump from textbox one to textbox two -->
function check()
{
var letters = document.joe.burns.value.length +1;
if (letters <= 4)
{document.joe.burns.focus()}
else
{document.joe.tammy.focus()}
}

<!-- This code makes the jump from textbox two to text box three -->
function check2()
{
var letters2 = document.joe.tammy.value.length +1;
if (letters2 <= 4)
{document.joe.tammy.focus()}
else
{document.joe.chloe.focus()}
}

<!-- This code makes the jump from textbox three to textbox four -->
function check3()
{
var letters3 = document.joe.chloe.value.length +1;
if (letters3 <= 4)
{document.joe.chloe.focus()}
else
{document.joe.mardi.focus()}
}

<!-- This code makes the jump from textbox four to the submit button -->
function check4()
{
var letters4 = document.joe.mardi.value.length +1;
if (letters4 <= 4)
{document.joe.mardi.focus()}
else
{document.joe.go.focus()}
}
</SCRIPT>

</HEAD>

<!-- The onLoad in the BODY tag puts focus in the first textbox -->
<BODY BGCOLOR="ffffff" onLoad="document.joe.burns.focus()">

<!-- This is the form -->
<FORM NAME="joe">
<INPUT TYPE="text" name="burns" size="10" MAXLENGTH="4" onKeyUp="check()"><BR>
<INPUT TYPE="text" name="tammy" size="10" MAXLENGTH="4" onKeyUp="check2()"><BR>
<INPUT TYPE="text" name="chloe" size="10" MAXLENGTH="4" onKeyUp="check3()"><BR>
<INPUT TYPE="text" name="mardi" size="10" MAXLENGTH="4" onKeyUp="check4()"><BR>
<INPUT TYPE="submit" VALUE="Click to Send" NAME="go">
</FORM>

que me recomiendan para salir del paso, prometo profundizar mis conocimientos en javascript

fefefefe · #4 (**permalink**) 18/10/2011, 07:52

ya pude con esto

<html>
<head>
<script type="text/javascript">
function toUnicode(elmnt,content){
if (content.length==elmnt.maxLength){
next=elmnt.tabIndex
if (next<document.forms[0].elements.length){
document.forms[0].elements[next].focus()
}
}
}
</script>
</head>

<body>
<form>
<input size="3" tabindex="1" maxlength="3" onkeyup="toUnicode(this,this.value)">
<input size="3" tabindex="2" maxlength="3" onkeyup="toUnicode(this,this.value)">
<input size="3" tabindex="3" maxlength="3" onkeyup="toUnicode(this,this.value)">
</form>
</body>

</html>