SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Aug 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    issue of blind data entry

    By using keyboard tab key, I'm able see the tabindexed td in firefox, but in IE 6,7 I'm unable to see tab-indexed current td while moving, and horizontal scoll is not moving if tabindex focus is out of overflow width.
    Expected behaviour horizontal scroll should move when tabindex is out of scroll width. (As it like Firefox 3)
    Kindly suggest me if you come across any solution.
    Attached Images Attached Images

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi Welcome to Sitepoint

    Do you have a live example of the problem as I seem to be able to tab through the inputs in the following code in IE.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    table {
    	overflow:scroll;
    	position:relative;
    	width:100%;
    }
    input:focus {
    	background:red
    }
    </style>
    </head>
    <body>
    <form id="form1" method="post" action="">
    	<table  cellspacing="0" cellpadding="0">
    		<tr>
    			<td><input type="text" name="textfield1" /></td>
    			<td><input type="text" name="textfield2" /></td>
    			<td><input type="text" name="textfield3" /></td>
    			<td><input type="text" name="textfield4" /></td>
    			<td><input type="text" name="textfield5" /></td>
    			<td><input type="text" name="textfield6" /></td>
    			<td><input type="text" name="textfield7" /></td>
    			<td><input type="text" name="textfield8" /></td>
    			<td><input type="text" name="textfield9" /></td>
    			<td><input type="text" name="textfield10" /></td>
    			<td><input type="text" name="textfield11" /></td>
    			<td><input type="text" name="textfield12" /></td>
    			<td><input type="text" name="textfield13" /></td>
    			<td><input type="text" name="textfield14" /></td>
    			<td><input type="text" name="textfield15" /></td>
    			<td><input type="text" name="textfield16" /></td>
    			<td><input type="text" name="textfield17" /></td>
    			<td><input type="text" name="textfield18" /></td>
    			<td><input type="text" name="textfield19" /></td>
    			<td><input type="text" name="textfield20" /></td>
    		</tr>
    	</table>
    </form>
    </body>
    </html>
    Or did you mean something else?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •