1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
|
<script type="text/javascript">
var myObjectClick = null;
var movable = false;
var positionXAtClick = null;
var positionYAtClick = null;
var positionXMyobjectClick = null;
var positionYMyobjectClick = null;
var atop = null;
var aleft = null;
function init_evenement()
{
if(window.attachEvent)
{
document.onmousedown = start;
document.onmousemove = drag;
document.onmouseup = drop;
}
else
{
document.addEventListener("mousedown",start, false);
document.addEventListener("mousemove",drag, false);
document.addEventListener("mouseup",drop, false);
}
}
function start(e)
{
if(!e)
{
e = window.event;
}
myObjectClick = (e.target)? e.target:e.srcElement;
if(myObjectClick)
{
movable = true;
if(myObjectClick)
{
positionXAtClick = e.clientX;
positionYAtClick = e.clientY;
positionXMyobjectClick = parseInt(myObjectClick.offsetLeft);
positionYMyobjectClick = parseInt(myObjectClick.offsetTop);
return false;
}
}
}
function drag(e)
{
if(!e)
{
e = window.event;
}
if(movable && myObjectClick)
{
myObjectClick.style.position = "absolute" ;
myObjectClick.style.left = e.clientX + ( positionXMyobjectClick - positionXAtClick ) + "px";
myObjectClick.style.top = e.clientY + ( positionYMyobjectClick - positionYAtClick ) + "px";
return false;
}
}
function drop()
{
myObjectClick = null;
atop = null;
movable = false;
positionXAtClick = null;
positionYAtClick = null;
positionXMyobjectClick = null;
positionYMyobjectClick = null;
}
window.onload = init_evenement;
</script> |