The JavaScript Source: Page Details: DHTML Scroller.html

Home

DHTML Scroller

This script loads external files into a div in IE and NS and scrolls them via clipping. It has a fully draggable scrollbar that sizes automatically like Windows' scrollbars, and standard up/down/top/bottom support is included.

Click here to see the Demo!

The JavaScript Source: Page Details: DHTML Scroller (Page 1 of 2)
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!


  <HEAD>   <SCRIPT LANGUAGE="JavaScript">      </style> // End --> </script> </HEAD>  <BODY scroll="no" onLoad="mainDiv.setup('dsreadme.html')" onResize="mainDiv.layout()">    <div id="loadMess" style="position: absolute; left: 200; top: 200"> <font face="Arial, Helvetica" size="5">Please Wait, Loading...</font></div>  <iframe name="bufferFrame" class="absDiv" style="width: 0; height: 0; top: -20"></iframe>  <div id="mainContentDiv" class="absDiv"></div>  <div id="upArrows" class="absDiv"> <a href="javascript:mainDiv.scrollBy(-100000)" title="Back to Top (T)">Top</a><br> <a href="javascript:void(0)" onMouseDown="mainDiv.loop=50; mainDiv.scrollBy(-10); return false" onMouseUp="mainDiv.loop=0" onMouseOut="mainDiv.loop=0" title="Scroll Up (A)">Up</a> </div> <div id="scrollBar" class="absDiv" style="background: #666666; layer-background-color: #666666; cursor: hand"></div> <div id="scrollThumb" class="absDiv" style="background: #CCCCCC; layer-background-color: #CCCCCC; cursor: move" ondragstart="return false"></div> <div id="downArrows" class="absDiv"> <a href="javascript:void(0)" onMouseDown="mainDiv.loop=50; mainDiv.scrollBy(10); return false" onMouseUp="mainDiv.loop=0" onMouseOut="mainDiv.loop=0" title="Scroll Down (Z)">Dn</a><br> <a href="javascript:mainDiv.scrollBy(100000)" title="Go to Bottom (B)">Bot</a> </div>  <div style="position: absolute; top: 10; left: 15"> <a href="javascript:mainDiv.load('dsreadme.html')">Reload File Link</a> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script?  Do you like this site?  Please link to us!

The JavaScript Source: Page Details: dsreadme.html - included file - (Page 2 of 2)
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!


  <HEAD>   <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD>  <BODY> YOUR CONTENT HERE! <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script?  Do you like this site?  Please link to us!

Add a comment, suggestion, or correction

Comments feed

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]