that won't work. What if you have:
Campo 1: <input type="text" name="campo1" tabindex="1" /><br />
Campo 3: <input type="text" name="campo1.5" /><br />
Campo 2: <input type="text" name="campo2" tabindex="2" /><br />
why not:
$("[EMAIL PROTECTED]").bind("keydown",function(e){
if (e.keyCode == 13) {
tabIndex = parseFloat($(this).attr("tabindex")) + 1;
$("[EMAIL PROTECTED]" + tabIndex + "]").focus();
return false;
}
});
and don't forget that you could make it more robust and check if the array
returned is empty and wrap back to 1.
----- Original Message ----
From: Roberto Ortelli <[EMAIL PROTECTED]>
To: [email protected]
Sent: Monday, April 16, 2007 1:18:15 PM
Subject: [jQuery] Re: to change tab for enter
Just a first attempt, I don't like it, and you need to add a few lines
of code ; )
$("[EMAIL PROTECTED]").bind("keydown",function(e){
if (e.keyCode == 13) {
tabIndex = parseFloat($(this).attr("tabindex")) + 1;
$("[EMAIL PROTECTED]")[tabIndex].focus();
return false;
}
});
2007/4/16, Fabyo <[EMAIL PROTECTED]>:
>
>
> [b]onsubmit[/b] = ( is use Unobtrusive JavaScript
>
>
> Leonardo K wrote:
> >
> > Start tabindex with number 1.
> >
> > Without label:
> >
> > <form action="#" method="get" onsubmit="return false;">
> > Campo 1: <input type="text" name="campo1" tabindex="1" /><br />
> > Campo 2: <input type="text" name="campo2" tabindex="2" /><br />
> > Campo 3: <input type="text" name="campo3" tabindex="3" /><br />
> > Campo 4: <input type="text" name="campo4" tabindex="4" /><br />
> > Campo 5: <input type="text" name="campo5" tabindex="5" />
> > <input type="submit" name="sub" id="sub" value="Enviar" />
> > </form>
> >
> > With label:
> >
> > <form action="#" method="get" onsubmit="return false;">
> > <label for='campo1'>Campo1: </label> <input type="text"
> > name="campo1"
> > id='campo1' tabindex='1'/><br />
> > <label for='campo2'>Campo2: </label> <input type="text"
> > name="campo2"
> > id='campo2' tabindex='2'/><br />
> > <label for='campo3'>Campo3: </label> <input type="text"
> > name="campo3"
> > id='campo3' tabindex='3'/><br />
> > <label for='campo4'>Campo4: </label> <input type="text"
> > name="campo4"
> > id='campo4' tabindex='4'/><br />
> > <label for='campo5'>Campo5: </label> <input type="text"
> > name="campo5"
> > id='campo5' tabindex='5'/>
> > <input type="submit" name="sub" id="sub" value="Enviar" />
> > </form>
> >
> >
>
> --
> View this message in context:
> http://www.nabble.com/to-change-tab-for-enter-tf3584151s15494.html#a10021923
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
--
Roberto Ortelli
http://weblogger.ch
