I have a DIV called 'main'. I have a DIV within 'main' called 'innerdiv' which has a margin of 5px for neatness' sake, and a height of 385px. Within 'innerdiv' is a lot of text, extending well beyond the 385px. I don't want to scroll using scrollbars; I'd like to use an area above and below the text along with an onmouseover event for each that scrolls the text up/down and an onmouseout event that stops the scrolling.
I've tried a lot of different stuff and relentlessly searched for a solution, trying many examples along the way, but with no success at all. The most common problem I get is the error 'object does not support this property or method' if I try to 'getElementById('inner_div')'.
The page I'm testing can be found here http://johnchiverton.com/fhdtest/index.php.
The end of my tether is in sight, and I'm showing no signs of stopping.
Right, thanks to Skunk I've made some good progress and have almost achieved what I set out to achieve. But, I'm stuck.
What I'd like to see is when I hold the mouse over UP or DOWN the text CONTINUES to scroll. At present it just scrolls one line, then stops, then scrolls another line if I move the mouse out and then over the div.
Hopefully I've not done anything wrong with posting the code here! Any help would be hugely appreciated, especially well before the end of this week!
If anyone's interested, here's how I did it in the end.
Page can be viewed here: http://johnchiverton.com/fhd/body.php.