1 var dragging = false;
2 var test;
3 var mouseY;
4 var mouseX;
5
6 window.onload = function()
7 {
8 test = document.getElementById("idname");
9 test.onmousedown = down;
10 test.onmousemove = move;
11 document.onmouseup = up;
12 test.style.position = "relative";
13 test.style.top = "0px";
14 test.style.left = "0px";
15 }
16
17 function down(event)
18 {
19 event = event || window.event;
20 dragging = true;
21 mouseX = parseInt(event.clientX);
22 mouseY = parseInt(event.clientY);
23 objY = parseInt(test.style.top);
24 objX = parseInt(test.style.left);
25 }
26 function move(event)
27 {
28 event = event || window.event;
29 if(dragging == true)
30 {
31 var x,y;
32 y = event.clientY - mouseY + objY;
33 x = event.clientX - mouseX + objX;
34 test.style.top = y + "px";
35 test.style.left = x + "px";
36 }
37 }
38 function up()
39 {
40 dragging = false;
41 }