I am trying to navigate to the radio buttons<br />
with tab key with out using mouse. The below<br />
code works fine in IE (5.x) and doesn't work<br />
in Netscape browser. The tab through is not<br />
visible in Netscape when it comes to radio <br />
buttons. Please use the below code and suggest<br />
any solutions if you came across a similar situation.<br />
This is one of our QA requirements not to use<br />
mouse to navigate the form.<br />
---------------------------------------------<br />
<html><br />
<body><br />
Find Whom<br />
<br><br />
<form action="" method="GET"><br />
<br />
<table width="95%" cellspacing="0"><br />
<tr><br />
<td >First Name:</td><br />
<td colspan="2"><input type="text" size="15" name="first_name"></td><br />
<td >Last Name:</td><br />
<td colspan="2"><input type="text" size="15" name="last_name"></td><br />
</tr><br />
</table><br />
<br />
<input type="submit" value="Find" > <br />
<input type="reset" value="Reset"> <br />
</form><br />
<br />
<form action="" method="GET"><br />
<table width="540" cellspacing="0"><br />
<tr><br />
<td>Results</td><br />
</tr><br />
</table><br />
<table width="540" cellspacing="0" border="1"><br />
<tr><br />
<td width="5%">Select</td><br />
<td width="25%">First Name</td><br />
<td width="25%">Last Name</td><br />
<td width="25%">Site Name</td><br />
<td width="20%">State</td><br />
</tr><br />
<br />
<tr><br />
<td width="5%"><INPUT TYPE="radio" NAME="id" VALUE="268" Class="RadioInput"></td><br />
<td width="25%">Phone</a></td><br />
<td width="25%">Contact</a></td><br />
<td width="25%">Main</td><br />
<td width="20%">CO</td><br />
</tr><br />
<br />
<tr><br />
<td width="5%"><INPUT TYPE="radio" NAME="id" VALUE="268435470" Class="RadioInput"></td><br />
<td width="25%">mat II</a></td><br />
<td width="25%">Mat II</a></td><br />
<td width="25%">Joe's site</td><br />
<td width="20%">CA</td><br />
</tr><br />
</table><br />
<table width="540" cellspacing="0"><br />
<tr><br />
<div align="center"><center><br />
<input type="submit" name="select_contact" value="Select" > <br />
</center></div><br />
</tr><br />
</table><br />
</form><br />
</body><br />
</html><!--content-->I'm not sure I understand your problem, if I use IE with the code I can navigate to the radio buttons and then use the arrow keys to select a button. If I use Netscape I can tab to the radio buttons then use the enter key to select a button. <br />
<br />
Regards,<br />
Kevin<!--content-->Thanks Kevin. I didn't know to use the tab-return<br />
keys to use in Netscape. I was trying the same <br />
key combination up-down arrows like in IE.<br />
It's really hard to see the tab selections<br />
in Netscape especially for buttons, radio buttons.<!--content-->I came across a similar situation, where I set tabindexes for IE..and Netscape ignores them. I had to use the tab key excessively to navigate the form, and the enter key to select. Its not as pretty in netscape as in IE, but it works.<!--content-->
with tab key with out using mouse. The below<br />
code works fine in IE (5.x) and doesn't work<br />
in Netscape browser. The tab through is not<br />
visible in Netscape when it comes to radio <br />
buttons. Please use the below code and suggest<br />
any solutions if you came across a similar situation.<br />
This is one of our QA requirements not to use<br />
mouse to navigate the form.<br />
---------------------------------------------<br />
<html><br />
<body><br />
Find Whom<br />
<br><br />
<form action="" method="GET"><br />
<br />
<table width="95%" cellspacing="0"><br />
<tr><br />
<td >First Name:</td><br />
<td colspan="2"><input type="text" size="15" name="first_name"></td><br />
<td >Last Name:</td><br />
<td colspan="2"><input type="text" size="15" name="last_name"></td><br />
</tr><br />
</table><br />
<br />
<input type="submit" value="Find" > <br />
<input type="reset" value="Reset"> <br />
</form><br />
<br />
<form action="" method="GET"><br />
<table width="540" cellspacing="0"><br />
<tr><br />
<td>Results</td><br />
</tr><br />
</table><br />
<table width="540" cellspacing="0" border="1"><br />
<tr><br />
<td width="5%">Select</td><br />
<td width="25%">First Name</td><br />
<td width="25%">Last Name</td><br />
<td width="25%">Site Name</td><br />
<td width="20%">State</td><br />
</tr><br />
<br />
<tr><br />
<td width="5%"><INPUT TYPE="radio" NAME="id" VALUE="268" Class="RadioInput"></td><br />
<td width="25%">Phone</a></td><br />
<td width="25%">Contact</a></td><br />
<td width="25%">Main</td><br />
<td width="20%">CO</td><br />
</tr><br />
<br />
<tr><br />
<td width="5%"><INPUT TYPE="radio" NAME="id" VALUE="268435470" Class="RadioInput"></td><br />
<td width="25%">mat II</a></td><br />
<td width="25%">Mat II</a></td><br />
<td width="25%">Joe's site</td><br />
<td width="20%">CA</td><br />
</tr><br />
</table><br />
<table width="540" cellspacing="0"><br />
<tr><br />
<div align="center"><center><br />
<input type="submit" name="select_contact" value="Select" > <br />
</center></div><br />
</tr><br />
</table><br />
</form><br />
</body><br />
</html><!--content-->I'm not sure I understand your problem, if I use IE with the code I can navigate to the radio buttons and then use the arrow keys to select a button. If I use Netscape I can tab to the radio buttons then use the enter key to select a button. <br />
<br />
Regards,<br />
Kevin<!--content-->Thanks Kevin. I didn't know to use the tab-return<br />
keys to use in Netscape. I was trying the same <br />
key combination up-down arrows like in IE.<br />
It's really hard to see the tab selections<br />
in Netscape especially for buttons, radio buttons.<!--content-->I came across a similar situation, where I set tabindexes for IE..and Netscape ignores them. I had to use the tab key excessively to navigate the form, and the enter key to select. Its not as pretty in netscape as in IE, but it works.<!--content-->