Solved

The tab index in this table is incorrect

Posted on 2007-12-03
9
150 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
ScreenConnect 6.0 Free Trial

Discover new time-saving features in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

 

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

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

777 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