Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Tab to move through form

Posted on 1999-01-19
10
Medium Priority
?
216 Views
Last Modified: 2010-04-09
I have a web page with a fill-out form on it. How do I control the order in which the Tab button will take a user through the fields.  I need this to work on both Netscape and IE.
0
Comment
Question by:leesalt
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +3
10 Comments
 

Author Comment

by:leesalt
ID: 1845440
Edited text of question
0
 
LVL 4

Expert Comment

by:martinag
ID: 1845441
This question has been asked just recently. I think it was deleted because it was impossible.

However, I *think* there is a TABINDEX attribute coming in the version 5 browsers.

One solution is to listen for the tab key (possible in IE4, NN4) and desice what field to jump to. You want me to write such a script?

Martin
0
 
LVL 1

Expert Comment

by:twexperts
ID: 1845442
I sure you could do it with some wicked JS. If the current field looses focus, set a flag somewhere which waits for about 0.1 second to see if the user clicked somewhere, if no click was detected then set focus too the next field that you want the user to 'tab' too.
Just a thought ;)
Robin.

0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 11

Expert Comment

by:mouatts
ID: 1845443
A collegue undertook some significant research into the Javascript approach to this problem and discover that it was possible to do it in both v4 browsers but not with the same code.

I have also seen TABINDEX used in a site developed for IE4 I have to confess I don't know if it actually worked. The people who created this site are a major R&D establishment so they may know something that is generally unknown!

Steve
0
 
LVL 11

Expert Comment

by:mouatts
ID: 1845444
I missed martins comment and he may be able to do something I seem to recall my collegues problem related to the tracking of the tab in a frames environment.

By the way Robins approach may work but it assumes that focus has been lost because the user has clicked within the browser. But the focus will move if another application is selected as well.

Steve
0
 
LVL 1

Expert Comment

by:Michel021497
ID: 1845445
You can use the FIELDSET attribute to take control of the tabstops.
For more information take a look at
http://utopia.knoware.nl/users/schluter/doc/tags/index.html
Go to FORM(form) and then click FIELDSET
0
 

Author Comment

by:leesalt
ID: 1845446
Michel,
FIELDSET isn't working.  Possibly because I'm using nested tables and frames?  I checked out the web page you mentioned - it's very good, but it doesn't cover my specific situation with the form.  I've tried including the FIELDSET command with every nested table, but no luck (this was after trying it on the major tables first).

Mouatts,
TABINDEX does work with IE4, but not with Netscape.
0
 

Author Comment

by:leesalt
ID: 1845447
Tried FIELDSET but it didn't work.  Possibly because I'm using nested tables and frames?  I checked out the web page Michel mentioned - it's very good, but it doesn't cover my specific situation with the form.  I've tried including the FIELDSET command with every nested table, but no luck (this was after trying it on the major tables first).   TABINDEX works fairly well (nested tables bypassed) with IE but not at all with Netscape.
0
 
LVL 4

Expert Comment

by:martinag
ID: 1845448
Try TABORDER="anInteger"
It's IE4-specific and will be changed to TABINDEX in future releases.

Martin
0
 
LVL 1

Accepted Solution

by:
staynegative earned 100 total points
ID: 1845449
Well.  From experience I believe this holds true...
If you put a table around your form... such that each value is in its own td

such as
<TABLE>
<TR>
<TD>your name:</TD>
<TD><INPUT TYPE=TEXT...></TD>
</TR>
<TD>your email:</TD>
<TD><INPUT TYPE=TEXT...></TD>
</TR>
</TABLE>

I am pretty sure it will move across as such:
1st row 1st column, 1st row 2nd column, 2nd row 1st column...

the only hitch is - if you have a link on 'your name' it will stop there as well on Netscape 4+

But this appears to hold true.  Even if you have several, like a first & last name box separate
<TD><INPUT TYPE=TEXT..><INPUT TYPE=TEXT..></TD>

Try it out.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

610 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