Uncle Jim's Web Designs
JavaScript Examples

Scrollable Div Areas

By: Shinichi Hagiwara

To create a scrollable div like this:




This is where your DIV title goes.
this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. aaaaaaa bbbbbbb cccccccc dddddddddd eeeeeeeee fffffffffff gggggggggg hhhhhhh iiiiiiiii jjjjjjjjj kkkkkkkkk llllllll mmmmmmmmmmm nnnnnnnnnn oooooooo pppppppp qqqqqqqqqq rrrrrrrrr sssssssss ttttttt uuuuuuuu vvvvvvvv wwwwwwwww xxxxxxxxxxxxxx yyyyyyyyyyyy zzzzzzzzzzz 000000000 1111111 2222222222 33333333333 4444444444 55555555555 666666666666 7777777 888888888888 999999999999 this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. aaaaaaa bbbbbbb cccccccc dddddddddd eeeeeeeee fffffffffff gggggggggg hhhhhhh iiiiiiiii jjjjjjjjj kkkkkkkkk llllllll mmmmmmmmmmm nnnnnnnnnn oooooooo pppppppp qqqqqqqqqq rrrrrrrrr sssssssss ttttttt uuuuuuuu vvvvvvvv wwwwwwwww xxxxxxxxxxxxxx yyyyyyyyyyyy zzzzzzzzzzz 000000000 1111111 2222222222 33333333333 4444444444 55555555555 666666666666 7777777 888888888888 999999999999 this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. aaaaaaa bbbbbbb cccccccc dddddddddd eeeeeeeee fffffffffff gggggggggg hhhhhhh iiiiiiiii jjjjjjjjj kkkkkkkkk llllllll mmmmmmmmmmm nnnnnnnnnn oooooooo pppppppp qqqqqqqqqq rrrrrrrrr sssssssss ttttttt uuuuuuuu vvvvvvvv wwwwwwwww xxxxxxxxxxxxxx yyyyyyyyyyyy zzzzzzzzzzz 000000000 1111111 2222222222 33333333333 4444444444 55555555555 666666666666 7777777 888888888888 999999999999 this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. aaaaaaa bbbbbbb cccccccc dddddddddd eeeeeeeee fffffffffff gggggggggg hhhhhhh iiiiiiiii jjjjjjjjj kkkkkkkkk llllllll mmmmmmmmmmm nnnnnnnnnn oooooooo pppppppp qqqqqqqqqq rrrrrrrrr sssssssss ttttttt uuuuuuuu vvvvvvvv wwwwwwwww xxxxxxxxxxxxxx yyyyyyyyyyyy zzzzzzzzzzz 000000000 1111111 2222222222 33333333333 4444444444 55555555555 666666666666 7777777 888888888888 999999999999 this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. aaaaaaa bbbbbbb cccccccc dddddddddd eeeeeeeee fffffffffff gggggggggg hhhhhhh iiiiiiiii jjjjjjjjj kkkkkkkkk llllllll mmmmmmmmmmm nnnnnnnnnn oooooooo pppppppp qqqqqqqqqq rrrrrrrrr sssssssss ttttttt uuuuuuuu vvvvvvvv wwwwwwwww xxxxxxxxxxxxxx yyyyyyyyyyyy zzzzzzzzzzz 000000000 1111111 2222222222 33333333333 4444444444 55555555555 666666666666 7777777 888888888888 999999999999 end


this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. this is the text of the div. it can be anything. images are fine as well. aaaaaaa bbbbbbb cccccccc dddddddddd eeeeeeeee fffffffffff gggggggggg hhhhhhh iiiiiiiii jjjjjjjjj kkkkkkkkk llllllll mmmmmmmmmmm nnnnnnnnnn oooooooo pppppppp qqqqqqqqqq rrrrrrrrr sssssssss ttttttt uuuuuuuu vvvvvvvv wwwwwwwww xxxxxxxxxxxxxx yyyyyyyyyyyy zzzzzzzzzzz 000000000 1111111 2222222222 33333333333 4444444444 55555555555 666666666666 7777777 888888888888 999999999999 end
SCRIPT INSTALLATION
COPY - Insert Between Head Tags: <HEAD></HEAD>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>
You will also need to down load the following files:
Images:
scroll_dn.gif
scroll_knob.gif
scroll_ln.gif
scroll_up.gif
jslogo.jpg
Javascript files:
LibCrossBrowser.js
EventHandler.js
Bs_FormUtil.lib.js
Bs_Slider.class.js
Bs_ScrollableDiv.class.js



Close This Window