Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

JSF - Auto Tab To Next Field

Posted on 2008-10-02
4
Medium Priority
?
2,166 Views
Last Modified: 2013-11-24
Hello:

How can I implement jumping to next field after user enters all the required number of characters?
The document.getElementById('FieldId') ALWAYS returns null!!.

I have code like this

<h:inputtext id "FieldText"  maxlenght = "5" ....... onkeyup ="AutoTabToNextField(this, 'NextField')" />
h:inputtext id = "NextField" ,,,, />

My javascript looks like:

AutoTabToNextField(F1, F2)
 {
  // This is the problem. No Matter what method I use to pass reference to F2,
 //  F2 is ALWAYS ALWAYS NULL or is not an OBJECT!!!

// F1 is passed correctly ... ALWAYS .. I think it is because of using "this"

  if (F1.value.length == F1.maxLength)
  {
    F2.focus();
  }
 }

Thanks,

<<< Ali >>>
0
Comment
Question by:MohammadAliQureshi
  • 2
  • 2
4 Comments
 
LVL 14

Assisted Solution

by:Farzad Akbarnejad
Farzad Akbarnejad earned 2000 total points
ID: 22631127
Hi,
Instead of 'NextField' pass '[Form Name].NextField' (replace [Form Name] with name of form contains input control.

-FA
0
 

Accepted Solution

by:
MohammadAliQureshi earned 0 total points
ID: 22632376
Hello FarzadA:

I think I have tried that as well and it did not work. However, let me try one more time. I will update you with the results.

Thanks,

<<< Ali >>>
0
 

Author Comment

by:MohammadAliQureshi
ID: 22634440
Hello:

I found the solution. I had to call my JS function with refernce to nextField as 'formID:FieldID'. Yes it is colon. The way I figured it out was to look at the HTML source created by the JSP and look at what are the ids for different fields. Then, within the function, I get the reference to the field by using document.getElementById to set the focus.

Since FarzadA started my thinking process which led me to a solution, I will award him full points. Thanks for your help FarzadA.

thanks,

<<< Ali >>>
0
 
LVL 14

Expert Comment

by:Farzad Akbarnejad
ID: 22639273
'formID:FieldID' is JSF naming. You can use forceId=true attribute in inputText tag to force JSF use you id.

<h:inputtext id="NextField" forceId="true" ....

Now you can use its id without pointing to 'formID:'

-FA
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I had a project requirement for a displaying a user workbench .This workbench would consist multiple data grids .In each grid the user will be able to see a large number of data. These data grids should allow the user to 1. Sort 2. Export the …
Introduction This article is the second of three articles that explain why and how the Experts Exchange QA Team does test automation for our web site. This article covers the basic installation and configuration of the test automation tools used by…
The viewer will learn how to implement Singleton Design Pattern in Java.
This tutorial covers a practical example of lazy loading technique and early loading technique in a Singleton Design Pattern.
Suggested Courses

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question