rendered paste bodyvar dragObject = null;
var mouseOffset = null;
var zIndex = 1;
function setFocus(selectedWindow) {
zIndex = zIndex + 1;
selectedWindow.style.zIndex = zIndex;
}
function mouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function getMouseOffset(target, ev){
ev = ev || window.event;
var docPos = getPosition(target);
var mousePos = mouseCoords(ev);
return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}
function getPosition(e){
var left = 0;
var top = 0;
while (e.offsetParent){
left += e.offsetLeft;
top += e.offsetTop;
e = e.offsetParent;
}
left += e.offsetLeft;
top += e.offsetTop;
return {x:left, y:top};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
if(dragObject){
dragObject.style.position = 'absolute';
dragObject.style.top = mousePos.y - mouseOffset.y + "px";
dragObject.style.left = mousePos.x - mouseOffset.x + "px";
return false;
}
}
function mouseUp(){
dragObject = null;
}
function makeDraggable(item, dragSource){
if(!item) return;
if (dragSource) {
dragSource.onmousedown = function(ev){
setFocus(item);
dragObject = item;
mouseOffset = getMouseOffset(this, ev);
return false;
}
} else {
item.onmousedown = function(ev){
setFocus(this);
dragObject = this;
mouseOffset = getMouseOffset(this, ev);
return false;
}
}
}
var outputTxt = "";
function trace(txt){
outputTxt += txt + "<br/>";
document.getElementById("console").innerHTML = outputTxt;
}
document.onmousemove = mouseMove;
document.onmouseup = mouseUp;