Use enter key to move between fields

[Mike Reed]

See the attached image about a grid. It was setup for a customer to allow them to enter 20 work tickets at one time and then click submit.
They can use the "TAB" key to go from field to field as they do their data entry across the grid rows.
A new issue is that they want to use the "ENTER" key to go from field to field, in other words the "ENTER" key should act like "TAB" key on this screen, instead of doing a "submit".

I can't find anything in the WIKI about that or any grid properties that would or could change the "ENTER" key behavior.

Can some one point me in the right direction on how to accomplish this...or is it not possible?

Thanks,
mike

I did find 2 different sets of code on a way to do this, which follows. But I don't have a clue where to put it or how to use it. Any thoughts?
sample code 1:

function enterToTab(formRef, focusAny)
{

for(var i=0, e=formRef.elements, len=e.length, hasNext=true; i<len && hasNext; i++)
if( e[i].type && /^text|password|file|radio|select/.test( e[i].type ) )
{
for(var j=i+1; j<len && (!e[j].type ||( focusAny ? /hidden/.test(e[j].type): !/^text|password|file|radio|select/.test(e[j].type)) ); j++)
;
hasNext = j!=len;


e[i].onkeypress=new Function("var ta=false,k=(arguments[0]?arguments[0].which:window.event.keyCode )!=13;\
if(!k && !(ta=(this.type=='submit')))this.form.elements["+(j)+"].focus(); return k||ta;");

}
}

sample code 2:
function checkCR(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
if (!evt) return true;
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if (evt.keyCode == 13 && node && node.type=="text") {
evt.keyCode = 9; //tab
return true;
}
}

[Doug Page]

Re: Use enter key to move between fields

Does this do what you are talking about:

http://bytes.com/topic/javascript/an...y-tab-keypress

[Mike Reed]

Re: Use enter key to move between fields

As I look at this, it appears that it will disable the ENTER key, but not replace it with the TAB key. I don't know javascript, but it looks that way.

Then the other question is, where do I place this code so that it is active for this grid?

Thanks for helping!

mike

[Mike Reed]

Re: Use enter key to move between fields

Does anyone know where I should place this code in the grid?

thanks,
mike

[kingcarol]

Re: Use enter key to move between fields

I'm assuming that since this thread is over a year old, the problem was resolved. I came upon it because I was trying to do the same thing. I ended up figuring out that putting the following code in the OnKeyDown property (in line javascript) for a field did the job nicely, so thought I'd share in case anyone else stumbles across this thread. I like doing it on each field so I can control whether the enter key acts as a tab key or not, depending on what type of field it is. ie, I don't put the code in text area fields OR on the last field of a grid. UPDATE: Just realized this does not work in Firefox or Chrome, just in my IE. bummer...

if (event.keyCode==13){
event.keyCode=9; return event.keyCode 
}

[Dfred]

Re: Use enter key to move between fields

Now I am trying to get the enter key to act like the tab key globally for my application. Did you ever discover a method to get it to work in the browsers?