Solved

The tab index in this table is incorrect

Posted on 2007-12-03
9
144 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
 

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
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 

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

IT, Stop Being Called Into Every Meeting

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!

Join & Write a Comment

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.
This article discusses how to create an extensible mechanism for linked drop downs.
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…
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 …

760 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

18 Experts available now in Live!

Get 1:1 Help Now