Solved

The tab index in this table is incorrect

Posted on 2007-12-03
9
161 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
[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
  • 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
Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

 

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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

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 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 add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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 …

717 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