I am facing a challenge.
I put a data table inside the <div ....> tag. And I have created a scrollbar for the <div ...> tag.
The height of the <div ...> is set to display a certain number of rows of the data table for viewing. Let's say that I can see 10 rows within the <div ....>.
The challenge is that I must also use the up/down arrow keys on the keyboard to view all the rows in that table. The requirements are:
1. The first row of the table must be highlighted when the web page is brought up to the screen.
2. Pressing the down arrow key once moves the highlighter to the second row of the table; so on so forth.
3. When the highlighter is on the 10th row of the table, pressing the down arrow key will bring the 11th to 20th rows of the table for viewing and the highlighter will be on the 11th row of the table.
4. It keeps going util the last set of rows (maybe less than 10) are brought up to the screen.
5. The up arrow key works in a similar way.
I have surfed on the internet and found
http://www.tipstrs.com/tip/799/Scrolling-HTML-elements-using-the-keyboard http://www.codeproject.com/jscript/WithHorizontalScrollbar.asp but they are not exactly what I am looking for.
Does a re-usable code exist?
[ July 02, 2007: Message edited by: Bear Bibeault ]