Solved

The tab index in this table is incorrect

Posted on 2007-12-03
9
153 Views
Last Modified: 2010-04-21
Hello Everyone,
The tab index is incorrect becuase it does not go from the Tourism to Trade/Retail  and then to Service and then to Other, can you help me fix it?

Thank you

CODE:


<table class="contentinside">
      <TR>            
      <TD colspan="4" class="heading" > 26. Projected Business Activities of Mortgage as % of Portfolio
        </TD>
      </TR>
      <TR>
            <TD colspan="4">&nbsp;</TD>
      </TR>
      <TR>
            <TD class="question" colspan = "2">      <b>A.</b> Projected business activities/sectors of borrowers as a percentage of portfolio for <i>commercial lenders</i>:</TD>
            <TD class="question" colspan = "2">      <b>B.</b> Projected target of mortgages as a percentage of portfolio for <i>mortgage lenders</i>:</TD>
      </TR>
      <TR>
            <TD colspan="4">&nbsp;</TD>
      </TR>
      
      <TR>
      <TD class="responseinside">
         <input type="text" value="<%=iBusinessPercentage1%>"  tabindex=31 class="percentage" maxlength = "3" name="BusinessPercentage1" id="BusinessPercentage1"  onBlur="this.value=formatCurrency(this.value); BusPercentage1();" />&nbsp;<strong>%</strong>
     </td>
        <td> Manufacturing</td>
       <TD class="responseinside">
         <input type="text" value="<%=iBusinessPercentage8%>" tabindex=40  class="percentage" maxlength = "3" name="BusinessPercentage8" id="BusinessPercentage8"  onBlur="this.value=formatCurrency(this.value); BusPercentage8();" />&nbsp;<strong>%</strong>
     </td>
        <td> Low-income homes</td>
      </tr>
    <tr>
      <TD class="responseinside">
             <input type="text" value="<%=iBusinessPercentage2%>" tabindex=32  class="percentage" maxlength = "3" name="BusinessPercentage2" id="BusinessPercentage2"  onBlur="this.value=formatCurrency(this.value); BusPercentage2();" />&nbsp;<strong>%</strong>
      </td>
      <td> Agriculture</td>
             <TD class="responseinside">
             <input type="text" value="<%=iBusinessPercentage9%>" tabindex=41  class="percentage" maxlength = "3" name="BusinessPercentage9" id="BusinessPercentage9"  onBlur="this.value=formatCurrency(this.value); BusPercentage9();" />&nbsp;<strong>%</strong>
      </td>
        <td> Middle-income homes</td>
      </tr>
    <tr>
      <TD class="responseinside">
          <input type="text" value="<%=iBusinessPercentage3%>"  tabindex=33 class="percentage" maxlength = "3" name="BusinessPercentage3" id="BusinessPercentage3"  onBlur="this.value=formatCurrency(this.value); BusPercentage3();" />&nbsp;<strong>%</strong>
      </td>
      <td> Construction</td>
        <TD class="responseinside">
          <input type="text" value="<%=iBusinessPercentage10%>"  tabindex=42 class="percentage" maxlength = "3" name="BusinessPercentage10" id="BusinessPercentage10"  onBlur="this.value=formatCurrency(this.value); BusPercentage10();" />&nbsp;<strong>%</strong>
      </td>
        <td> High-income homes</td>
      </tr>
    <tr>
      <TD class="responseinside">
          <input type="text" value="<%=iBusinessPercentage4%>" tabindex=34  class="percentage" maxlength = "3" name="BusinessPercentage4" id="BusinessPercentage4"  onBlur="this.value=formatCurrency(this.value); BusPercentage4();" />&nbsp;<strong>%</strong>
      </td>
        <TD>Transportation and Communication</TD>
       <TD class="responseinside">
          <input type="text" value="<%=iBusinessPercentage11%>" tabindex=43 class="percentage" maxlength = "3" name="BusinessPercentage11" id="BusinessPercentage11"  onBlur="this.value=formatCurrency(this.value); BusPercentage11();" />&nbsp;<strong>%</strong>
      </td>
        <TD> Residential rental properties</TD>
      </tr>
       <tr>
        <TD height="26" class="responseinside">
        <input type="text" value="<%=iBusinessPercentage5%>" tabindex=35  class="percentage" maxlength = "3" name="BusinessPercentage5" id="BusinessPercentage5"  onBlur="this.value=formatCurrency(this.value); BusPercentage5();" />&nbsp;<strong>%</strong>
      </td>
        <TD>Tourism</TD>
       <TD class="responseinside">
          <input type="text" value="<%=iBusinessPercentage12%>" tabindex=44  class="percentage" maxlength = "3" name="BusinessPercentage12" id="BusinessPercentage12"  onBlur="this.value=formatCurrency(this.value); BusPercentage12();" />&nbsp;<strong>%</strong>
      </td>
        <TD> Commercial properties</TD>
      </tr>
    <tr>
      
      <TD class="responseinside">
               <input type="text" value="<%=iBusinessPercentage6%>" tabindex=36 class="percentage" maxlength = "3" name="BusinessPercentage6" id="BusinessPercentage6"  onBlur="this.value=formatCurrency(this.value); BusPercentage6(); specifyBusinessPercentageOther();" />&nbsp;<strong>%</strong>
      </td>
        <TD class="responseinside">Trade/Retail </TD>
            <TD class="responseinside">
               <input type="text" value="<%=iBusinessPercentage13%>" tabindex=45  class="percentage" maxlength = "3" name="BusinessPercentage13" id="BusinessPercentage13" onBlur="this.value=formatCurrency(this.value); BusPercentage13(); specifyBusinessPercentageOther2();" />&nbsp;<strong>%</strong>
      </td>
        <TD class="responseinside">
               Other: &nbsp;<input tabindex=46  style="width:150px; font-family: Verdana; font-size: 8pt" type="text" value="<%=sBusinessPercentageOther2%>"  name="BusinessPercentageOther2" id="BusinessPercentageOther2" />
             </TD>
      </TR>
      
       <tr>
      
      <TD class="responseinside">
               <input type="text" value="<%=iBusinessPercentage7%>" tabindex=37 class="percentage" maxlength = "3" name="BusinessPercentage7" id="BusinessPercentage7"  onBlur="this.value=formatCurrency(this.value); BusPercentage7(); specifyBusinessPercentageOther();" />&nbsp;<strong>%</strong>
      </td>
        <TD class="responseinside">
        Service
        </TD>
            <TD class="responseinside" colspan="2">&nbsp;
            
             
             </TD>
      </TR>
        <tr>
      
      <TD class="responseinside">
               <input type="text" value="<%=iBusinessPercentage14%>" tabindex=38 class="percentage" maxlength = "3" name="BusinessPercentage14" id="BusinessPercentage14"  onBlur="this.value=formatCurrency(this.value); BusPercentage14(); specifyBusinessPercentageOther();" />&nbsp;<strong>%</strong>
      </td>
        <TD class="responseinside"> Other: &nbsp;<input tabindex=39 style="width:150px; font-family: Verdana; font-size: 8pt" type="text" value="<%=sBusinessPercentageOther%>"  name="BusinessPercentageOther" id="BusinessPercentageOther" /></TD>
            <TD class="responseinside" colspan="2">&nbsp;
            
             
             </TD>
      </TR>
</table><br>
0
Comment
Question by:Gemini532
  • 7
  • 2
9 Comments
 
LVL 3

Expert Comment

by:cforant
ID: 20398635
no probs for me???  it worked fine
0
 
LVL 3

Accepted Solution

by:
cforant earned 500 total points
ID: 20398668
what doctype are you using?
0
 

Author Comment

by:Gemini532
ID: 20404740
what is a doctype?
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

Author Comment

by:Gemini532
ID: 20404760
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0
 

Author Comment

by:Gemini532
ID: 20404773
If I change this doctype, will the tab follow the tabindex I entered for each element?

What do I change it to:
The following URL has MANY POSSIBILITIES:
http://www.htmlhelp.com/tools/validator/doctype.html
which one should I pick?
0
 

Author Comment

by:Gemini532
ID: 20420719
The tab starts at the end of the page still!!
Can you help me?
It's very strange... I have no idea why?!??
0
 

Author Comment

by:Gemini532
ID: 20495748
Is it that because all the data has been filled the comptuer jumps at the end of the page looking for a new tab index and because it doesn't find one it stays there,
That is my theory

Problme is how to fix it
If I put a large tab index at the start of the start of the page, the application will start with the second element... True when all the data is filled it will jump to the top of the page, so it's a no win situation...Either way it tabs where i don't want it to tab depending on whether there is data or not

Do yoy guys at least agree that this is what is happening, or am I completely off the track, making things up... guessing because I have no idea...

To me this makes perfect sense, but I need someone to confirm or deny my theory before I can take it to my boss... I will not close this question until someone tells me if I am wrong or right about this...
Because my boss wants an answer and I cannot give him just my opinion and still give you guys points
0
 

Author Comment

by:Gemini532
ID: 20585434
I'll give U pts. for trying. athough the question was never relaly anxwserd.
0
 

Author Closing Comment

by:Gemini532
ID: 31412435
Really  this shoudl get A C since it's not ans asnwer it's a qutserionb, I don' t give out Cs except sin extreme situatiosns
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
align Linkedin sign to the right page 5 55
Javascript_Set_dropdown_value 7 40
Scroll 5 news at a time. 4 33
Html Table Looping (part 2) 5 27
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
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)

856 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