Moving to next tabindex on event

Dev Articles Community Forums Sponsor:

Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!

February 3rd, 2003, 08:37 AM

Taelo

5B's

Join Date: Oct 2002

Location: PC, FL

Posts: 364

Time spent in forums: 1 h 48 m 26 sec
Reputation Power: 6

Moving to next tabindex on event

Ok,...I am trying to setup a script that will move my cursor to the next tabindex for a form field when the length of a string hits a certain length.

In other words, for my area code field. When the length hits 3, I want the cursor to move to the prefix phone number field.

I have the js code to check the length of the field. I am just not sure what "On" event to use in the form field tag itself.

Any Ideas?

__________________
-- Jason

February 11th, 2003, 04:24 AM

stumpy

May contain nuts.

Dev Articles Regular (2000 - 2499 posts)

Join Date: Aug 2002

Location: Sydney, AU

Posts: 2,058

Time spent in forums: 5 h 6 m 11 sec
Reputation Power: 8

Once you hit your field limit, the next line of your javascript should be;
"document.frmName.txtPhoneNumber.focus()"

Not sure about automatically jumping to the next tabIndex - i think u'll have to hardcode it.

Last edited by stumpy : February 11th, 2003 at 04:27 AM.

March 2nd, 2005, 08:27 AM

detour

Registered User

Join Date: Mar 2005

Posts: 1

Time spent in forums: 5 m 56 sec
Reputation Power: 0

Jump to next control with JavaScript

Quote:

Originally Posted by stumpy

Here some code to get you going ;-)

<script>
function OnKeyPress(field, event)
{
if (event.keyCode == 13) {
for (i = 0; i < field.form.elements.length; i++)
if (field.form.elements[i].tabIndex == field.tabIndex+1) {
field.form.elements[i].focus();
if (field.form.elements[i].type == "text")
field.form.elements[i].select();
break;
}
return false;
}
return true;
}
</script>

AND this is your control:

<input type="text" name="Name" tabindex="2" onKeyPress="return OnKeyPress(this, event)" />

March 2nd, 2005, 04:31 PM

Anibal

Contributing User

Join Date: Jan 2005

Posts: 176

Time spent in forums: 1 Day 4 h 20 m 48 sec
Reputation Power: 4

Hey all...
Look, the easiest way to aproach is this

Code:

 
<script...> 
function moveto(obj1, chars, obj2){
if(obj1.value.length == chars)
  obj2.focus();
}
</script>
 
 
<html>
........
........
<form name="ff" .....>
  <input type="text" name="text1" onKeypress="moveto(this, 3, document.ff.text2);">
  <input type="text" name="text2">
</form>
........
........
</html>

Good Luck....

Anibal.

March 2nd, 2005, 07:30 PM