Внерамочная, автозагружаемая, автономная функция таскания чего угодно куда хочешь. (с) я
function DragElems(elemtype) {
var x =0;
var y =0;
var oX =0;
var oY =0;
var pX =0;
var pY =0;
var obj =0;
var z =0;
var mouse=0;
var refresh = function(e) {
e = e || window.event;
if (e.type == 'mousedown') {
set(e);
oX = x;
oY = y;
obj.style.curor = 'move';
obj.style.zIndex = z++;
pos();
}
if (e.type == 'mouseup') {
obj.style.cursor = 'auto';
obj.style.border = "0";
}
if (e.type == 'mousemove') {
set(e);
obj.style.curor = "move";
obj.style.left = (x-oX+pX)+"px";
obj.style.top = (y-oY+pY)+"px";
}
};
var pos = function() {
pX = pY = 0;
var o = obj;
if(o.offsetParent) {
do {
pX += o.offsetLeft;
pY += o.offsetTop;
} while((o = o.offsetParent));
}
};
var set = function(e) {
if(e.pageX || e.pageY) {
x = e.pageX;
y = e.pageY;
}
else if(e.clientX || e.clientY) {
x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
};
var show = function() {
obj.style.border = "1px solid grey";
mouse = 1;
};
// автолодер
(function() {
var elems = document.getElementsByTagName(elemtype);
for(var i = 0; i < elems.length; i++) {
addEvent(elems[i], "mousedown",
function(e) {
obj = e.srcElement || e.target;
refresh(e);
z = 1;
mouse = window.setTimeout(show, 2000);
}
);
addEvent(elems[i], "mouseup",
function(e){
window.clearTimeout(mouse);
refresh(e);
mouse = 0;
}
);
addEvent(elems[i], "mousemove", function(e) {
if(mouse == 1)
refresh(e);
}
);
}
})(elemtype);
};
