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

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 173
  • Last Modified:

The tab index in this table is incorrect

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
Gemini532
Asked:
Gemini532
  • 7
  • 2
1 Solution
 
cforantCommented:
no probs for me???  it worked fine
0
 
cforantCommented:
what doctype are you using?
0
 
Gemini532Author Commented:
what is a doctype?
0
Independent Software Vendors: 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!

 
Gemini532Author Commented:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0
 
Gemini532Author Commented:
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
 
Gemini532Author Commented:
The tab starts at the end of the page still!!
Can you help me?
It's very strange... I have no idea why?!??
0
 
Gemini532Author Commented:
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
 
Gemini532Author Commented:
I'll give U pts. for trying. athough the question was never relaly anxwserd.
0
 
Gemini532Author Commented:
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

Independent Software Vendors: 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!

  • 7
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now