JavaScript code:
Expand|Select|Wrap|Line Numbers
- <script type="text/javascript">
- scrollStep=3
- timerUp=""
- timerDown=""
- function toTop(id){
- document.getElementById(id).scrollTop=0
- }
- function scrollDivDown(id){
- clearTimeout(timerDown)
- document.getElementById(id).scrollTop+=scrollStep
- timerDown=setTimeout("scrollDivDown('"+id+"')",5)
- }
- function scrollDivUp(id){
- clearTimeout(timerUp)
- document.getElementById(id).scrollTop-=scrollStep
- timerUp=setTimeout("scrollDivUp('"+id+"')",10)
- }
- function toBottom(id){
- document.getElementById(id).scrollTop=document.getElementById(id).scrollHeight
- }
- function stopMe(){
- clearTimeout(timerDown)
- clearTimeout(timerUp)
- }
- </script>
HTML
========
Expand|Select|Wrap|Line Numbers
- <div id="scroll">
- <a onclick="toTop('container')"> Top </a>
- <a onmouseover="javascript:scrollDivDown('container');" onmouseout="stopMe();"> Scroll Down </a>
- <a onmouseover="scrollDivUp('container')" onmouseout="stopMe()"> Scroll Up </a>
- <a onclick="toBottom('container')"> Bottom </a>
- </div>
I would appreciate your help very much on how to link this code externally..
Thanks :)
- L33T(leet)