[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


How To go to next if i click TAB key?

Posted on 2011-10-10
Medium Priority
Last Modified: 2012-05-12
Hi All,

In my application, some times if i click tab key it is not moving to next item, it is going to some other items in a same Page.

Please advise me how to overcome this problem.
Question by:BhanuSVS
  • 2
  • 2
LVL 13

Expert Comment

ID: 36943582
what you need to do is to change the tab index on the elements.


Author Comment

ID: 36943679
Hi Halo,

Thanks For u r advise,

But the application is having lot of items, 70/80 including tabs,buttons,text items, so it is some difficult to add for all the items in every page, can u plz suggest me any easy way to do this if possible.
LVL 13

Accepted Solution

haloexpertsexchange earned 2000 total points
ID: 36943741
if what you wanted was all in a form you could dynamically set the tab index using the form.elements array but for any thing else, you could try document.getElementsByTagName('*') which should give you an array that has every element on the page that you can loop through.
LVL 83

Expert Comment

ID: 36946055
Read this : http://reference.sitepoint.com/html/select/tabindex

By default, the natural tabbing order will match the source order in the markup.

Author Closing Comment

ID: 36969651

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

873 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