| <html> |
| <head> |
| <style> |
| <!-- |
| .dragme{position:relative;} |
| --> |
| </style> |
| <script language="JavaScript1.2"> |
| <!-- |
| |
| var ie=document.all; |
| var nn6=document.getElementById&&!document.all; |
| |
| var isdrag=false; |
| var x,y; |
| var dobj; |
| |
| function movemouse(e) |
| { |
| |
| if (isdrag) |
| { |
| dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; |
| dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; |
| return false; |
| } |
| } |
| |
| function selectmouse(e) |
| { |
| var fobj = nn6 ? e.target : event.srcElement; |
| var topelement = nn6 ? "HTML" : "BODY"; |
| |
| while (fobj.tagName != topelement && fobj.className != "dragme") |
| { |
| fobj = nn6 ? fobj.parentNode : fobj.parentElement; |
| } |
| |
| if (fobj.className=="dragme") |
| { |
| isdrag = true; |
| dobj = fobj; |
| tx = parseInt(dobj.style.left+0); |
| ty = parseInt(dobj.style.top+0); |
| x = nn6 ? e.clientX : event.clientX; |
| y = nn6 ? e.clientY : event.clientY; |
| document.onmousemove=movemouse; |
| return false; |
| } |
| } |
| |
| document.onmousedown=selectmouse; |
| document.onmouseup=new Function("isdrag=false"); |
| |
| //--> |
| </script> |
| |
| </head> |
| <body> |
| <div style="overflow: scroll; margin: 20px; height: 90%; width: 90%"> |
| <div style="height: 4000px; width: 4000px;"> |
| <div id="test1" class="dragme" style="width: 100px; height: 100px; |
| background-color: black;" /> |
| </div> |
| </div> |
| </body> |
| </html> |
