asked on
Scroll <DIV> rows using up and down arrows
Is there a way to scroll a list of rows comprised of DIV tags, using the keyboards up and down arrows? The rows are contained within another DIV tag, which limits the size of the contained DIVs, so the amount of rows usually exceeds the size, so when using the up and down arows the active selection would also need to make sure it is visible. Thanks
JavaScriptHTML
Last Comment
Devario Johnson
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
This is perfect. Thank you!
N.p :)
ASKER
That's strange I'm getting a 'ScrollTop' is null or not an object error?
ASKER
I FOUND THE PROBLEM....(actually 2)
First, there is a variable that is referenced before it is even set. So we must move part of the code up.
FROM:
// Get the current scroll offset.
var currentScroll = innerEl.scrollTop;
var latestScroll = currentScroll;
// Get a handle to the element inside the scrolled element that is our current
// scrolling target
var innerEl = document.getElementById(in
TO:
// Get a handle to the element inside the scrolled element that is our current
// scrolling target
var innerEl = document.getElementById(in
// Get the current scroll offset.
var currentScroll = innerEl.scrollTop;
var latestScroll = currentScroll;
Second, I'm using IE7 and the up arrow/down arrow keys were not being detected. To fix this I switched this code:
FROM: event.which == 63233 (FOR DOWN ARROW)
TO: unicode=event.keyCode? event.keyCode : event.charCode == 40
...and...
FROM: event.which == 63232 (FOR UP ARROW)
TO: unicode=event.keyCode? event.keyCode : event.charCode == 38
First, there is a variable that is referenced before it is even set. So we must move part of the code up.
FROM:
// Get the current scroll offset.
var currentScroll = innerEl.scrollTop;
var latestScroll = currentScroll;
// Get a handle to the element inside the scrolled element that is our current
// scrolling target
var innerEl = document.getElementById(in
TO:
// Get a handle to the element inside the scrolled element that is our current
// scrolling target
var innerEl = document.getElementById(in
// Get the current scroll offset.
var currentScroll = innerEl.scrollTop;
var latestScroll = currentScroll;
Second, I'm using IE7 and the up arrow/down arrow keys were not being detected. To fix this I switched this code:
FROM: event.which == 63233 (FOR DOWN ARROW)
TO: unicode=event.keyCode? event.keyCode : event.charCode == 40
...and...
FROM: event.which == 63232 (FOR UP ARROW)
TO: unicode=event.keyCode? event.keyCode : event.charCode == 38
ASKER
CORRECTION - on the second part of my last post:
THIS: unicode=event.keyCode? event.keyCode : event.charCode
SHOULD BE: event.keyCode
THIS: unicode=event.keyCode? event.keyCode : event.charCode
SHOULD BE: event.keyCode
cool nice job man