JAVASCRIPT EXAMPLES

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.

SCRIPT INSTALLATION

COPY - Insert Between Head Tags: <HEAD></HEAD>

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

<HR>
<BR>
<TABLE height=150 cellSpacing=0 cellPadding=0 width=300 bgColor=#c0c0c0 border=0>
  <TBODY>
  <TR>
    <TD vAlign=top width="100%" bgColor=#00ced1 colSpan=2><b>This is where your DIV title goes</b>. </TD></TR>
  <TR>
    <TD vAlign=top width=289 bgColor=#d1d1d1>
      <DIV id=divContainer_1 style="MIN-HEIGHT: 80px; OVERFLOW: hidden; WIDTH: 289px; POSITION: relative; HEIGHT: 100%; max-height: 150px">
      <DIV id=divContent_1 style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; POSITION: absolute">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. <IMG 
      alt="" src="http://jdstiles.com/images/jslogo.gif" align=left border=0> 
      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 </DIV></DIV></TD>
    <TD vAlign=top align=left width=11 bgColor=white height="100%">
      <DIV id=sliderDiv></DIV></TD></TR></TBODY></TABLE><BR><BR>
<TABLE height=100 cellSpacing=0 cellPadding=0 width=300 border=0>
  <TBODY>
  <TR>
    <TD vAlign=top width=289>
      <DIV id=divContainer_2 
      style="OVERFLOW: hidden; WIDTH: 289px; POSITION: relative; HEIGHT: 100px">
      <DIV id=divContent_2 style="POSITION: absolute">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. <IMG alt="" 
      src="http://jdstiles.com/images/jslogo.gif" align=left border=0> 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 </DIV></DIV></TD>
    <TD vAlign=top align=left width=11 bgColor=white height="100%">
      <DIV id=sliderDiv2></DIV></TD></TR></TBODY></TABLE>
<DIV id=debug></DIV>

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

Scrollable Div Areas