My web pages are coded in JSF.  My question is
JavaScript related.  I know maybe it is a wrong forum
to post this question but I simply want to take a
chance.  

I put a h:datatable 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/Scrol...g-the-keyboard
http://www.codeproject.com/jscript/W...lScrollbar.asp

I think that the JavaScript function
"scrollIntoView()" is very promising.

Does a re-usable code exist?


       
____________________________________________________________________________________
Boardwalk for $500? In 2007? Ha! Play Monopoly Here and Now (it's updated for 
today's economy) at Yahoo! Games.
http://get.games.yahoo.com/proddesc?gamekey=monopolyherenow  

Reply via email to