Solved

Controlling the tab order in an HTML page

Posted on 1999-01-13
6
193 Views
Last Modified: 2009-07-29
How can I control the tab order in an HTML page that contains input-text and link (<A HREF="...) elements?
I do not want to use a solution like setting the focus on the "next" item using the "onBlur" event, this solution is not good for me.
I need a solution that works on Netscape 3 and 4 and Internet Explorer 3 and 4.
0
Comment
Question by:gy7
  • 2
  • 2
  • 2
6 Comments
 
LVL 4

Expert Comment

by:martinag
Comment Utility
Didn't you post and delete this question recently?

Martin
0
 
LVL 8

Expert Comment

by:jhurst
Comment Utility
Tab 'steps' through the elements of the form in the order that they are defined.  In standard html that will work with version 3 browsers thesequence of the fields on the screen is going to be somewhat the same as they are defined as the elements.  So, unless you play some game like you do do not wish  to play you can not do what you want.
0
 

Author Comment

by:gy7
Comment Utility
jhurst -
What is the game I don't want to play? Let ME decide if I want to play it or not.

martinag -
I posted this question before under the HTML subject, and got an answer that maybe it can be done using JavaScript. So I deleted it from there and posted it again under the JavaScript subject.
0
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:gy7
Comment Utility
You did not answer my question.
0
 
LVL 4

Expert Comment

by:martinag
Comment Utility
If you don't want to use onBlur and focus() but still want it to work in NN3+, IE3+ the short answer is no.

onBlur and focus will work with all JS browsers (at least in theory - some browsers have a tendence to messblur and focus up). IE4 supports TABORDER="An integer" as an attribute to the <INPUT> tag. In NN5, IE5 it will be TABINDEX...

Martin
0
 
LVL 8

Accepted Solution

by:
jhurst earned 100 total points
Comment Utility
The 'game' that you do not want to play is the 'onBlur' or something similar.  In my own pages I use this method and it works quite nicely.  

I posted this as an answer, rather than a comment so that you can close this.  As you can see from my answers and others comments you can do what you want but not in the way that you want.  

There is one even more horrible way, this divides the screen into a number of frames and accepts the fact that the tabs go in order in each frame, then you force the sequence of the frames.  I regard this as somewhat the same as the other answer but worse since you still need to use some kludge method such as obBlur to move from frame to frame.

Wouldn't it be nice if there was an optional modifier to the <input > tag, such as <input name=first next=second  ...> but there is not.  

Now I suppose you could create your own version of a browser and implement the above, but again I assume this is not a real choice.  If you did want to do it the source of Netscape is available.

There is no other way, sadly.
0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
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…

762 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now