satkannanab
09-02-2009, 11:23 AM
Hi to one and all,
I have a issue related to reverse tab order.
My html page was designed using table and div.Inside that several form items are included. Forward tab order is perfectly working in my page. But the thing is reverse tab order not functioning . It directly going from tab index 3 to 1. not passing between 2nd index.
Please refer my below code,
<table align="center" bgcolor="#f4f4f4" border="1" bordercolor="#d7d9e2" cellpadding="1" cellspacing="1">
<tr><td class="pg_tit_bg">Earnings</td>
<td class="label1" align="center"> <input type="radio" value="E" name="earnDeducRadioVal" onclick="getListValue('E');" id="rad" /></tr>
</table>
<table>
<thead>
<tr>
<td class="pg_tit_bg">Deduction Code</td>
<tr>
</thead>
<div id="gridDetails" align="center">
<tbody id="newbody"><tr>
<td class="label2"><input type="text" name="edCd" value="PF" readonly="readonly" tabindex="-1" id="edcode" class="INPUTboxro"/></td>
<td class="label2"><input type="text" name="edPrintSeq" maxlength="3" value="1" tabindex="2" id="priority" /></tr>
</tbody><tfoot></tfoot></div>
</table>
<table align="center"><tr>
<td colspan="3" align="center"><input type="image" alt="Submit" src="images/save.gif" tabindex="3"/>
</tr></table>
Thanks in advance,
Satheesh Kannan.
I have a issue related to reverse tab order.
My html page was designed using table and div.Inside that several form items are included. Forward tab order is perfectly working in my page. But the thing is reverse tab order not functioning . It directly going from tab index 3 to 1. not passing between 2nd index.
Please refer my below code,
<table align="center" bgcolor="#f4f4f4" border="1" bordercolor="#d7d9e2" cellpadding="1" cellspacing="1">
<tr><td class="pg_tit_bg">Earnings</td>
<td class="label1" align="center"> <input type="radio" value="E" name="earnDeducRadioVal" onclick="getListValue('E');" id="rad" /></tr>
</table>
<table>
<thead>
<tr>
<td class="pg_tit_bg">Deduction Code</td>
<tr>
</thead>
<div id="gridDetails" align="center">
<tbody id="newbody"><tr>
<td class="label2"><input type="text" name="edCd" value="PF" readonly="readonly" tabindex="-1" id="edcode" class="INPUTboxro"/></td>
<td class="label2"><input type="text" name="edPrintSeq" maxlength="3" value="1" tabindex="2" id="priority" /></tr>
</tbody><tfoot></tfoot></div>
</table>
<table align="center"><tr>
<td colspan="3" align="center"><input type="image" alt="Submit" src="images/save.gif" tabindex="3"/>
</tr></table>
Thanks in advance,
Satheesh Kannan.