переписал, вроде всё работает, но перемещается криво. вот код:
Это в Page1Load
var e = event || window.event;
var wd = parseInt(document.body.clientWidth);
var hg = parseInt(document.body.clientHeight);
GroupBox1 = document.getElementById('GroupBox1');
GroupBox2 = document.getElementById('GroupBox2');
Image1.style.marginLeft=10;
Image1.style.marginTop=10;
GroupBox1.style.marginLeft=10;
GroupBox1.style.marginTop=10;
GroupBox2.style.marginLeft=10;
GroupBox2.style.marginTop=10;
Это в Image1MouseDown
var e = event || window.event;
lx = parseInt(e.clientX)-parseInt(Image1.style.marginLeft);
ly = parseInt(e.clientY)-parseInt(Image1.style.marginTop);
lx1 = parseInt(e.clientX)-parseInt(GroupBox1.style.marginLeft);
ly1 = parseInt(e.clientY)-parseInt(GroupBox1.style.marginTop);
lx2 = parseInt(e.clientX)-parseInt(GroupBox2.style.marginLeft);
ly2 = parseInt(e.clientY)-parseInt(GroupBox2.style.marginTop);
А это в Image1MouseMove
if (md)
{
var e = event || window.event;
var x = parseInt(e.clientX);
var y = parseInt(e.clientY);
var dx = x-lx;
var dy = y-ly;
var dx1 = x-lx1;
var dy1 = y-ly1;
var dx2 = x-lx2;
var dy2 = y-ly2;
Image1.style.marginLeft = dx;
Image1.style.marginTop = dy;
GroupBox1.style.marginLeft=dx1;
GroupBox1.style.marginTop=dy1;
GroupBox2.style.marginLeft=dx2;
GroupBox2.style.marginTop=dy2;
Label5.innerHTML = Image1.style.marginLeft+'|'+lx+'|'+dx;
}
Картинка с GroupBox'ами вроде нормально двигается, но когда я пытаюсь опустить её вниз, она немного опускается и дальше не идёт. Что можно с этим сделать?