<html>
<head>
<title>Перетаскивание DIV`а</title>
<style>
div {
height: 50px;
width: 250px;
background: red;
}
</style>
</head>
<body>
<div>Просто DIV</div>
</body></html>
Например в стандартном положении он будет в правом верхнем углу, а если его взять(нажать и держать) и переместить в центр то он в центре и останется и так куда хочешь и сколько хочешь перетаскивать можно. Главное все это только на чистом JS и как можно меньше кода.
Спустя 3 минуты, 7 секунд (21.06.2012 - 21:32) Invis1ble написал(а):
Спустя 4 минуты, 13 секунд (21.06.2012 - 21:36) DosiyaJkeeee написал(а):
Invis1ble спасибо конечно, но там столько кода что сам jQuery меньше весит(гипербола).
Спустя 1 минута, 43 секунды (21.06.2012 - 21:38) Invis1ble написал(а):
Не помню точно вес, но кода там порядка 3 КБ
Напишешь меньше чем там, кроссбраузерно и без багов - милости просим опубликовать твоё решение
Напишешь меньше чем там, кроссбраузерно и без багов - милости просим опубликовать твоё решение
Спустя 6 минут, 34 секунды (21.06.2012 - 21:44) DosiyaJkeeee написал(а):
Invis1ble сам решения жду, видел где-то, но не помню где. Там 17 строк кода
Спустя 2 минуты, 33 секунды (21.06.2012 - 21:47) Invis1ble написал(а):
Ты наверное путаешь c dnd в html5 - там действительно меньше кода.
Спустя 1 минута, 13 секунд Invis1ble написал(а):
http://www.html5rocks.com/ru/tutorials/dnd/basics/
Спустя 1 минута, 13 секунд Invis1ble написал(а):
http://www.html5rocks.com/ru/tutorials/dnd/basics/
Спустя 1 час, 19 секунд (21.06.2012 - 22:47) bodja написал(а):
DosiyaJkeeee
Держите ,выдрал кусок из своего кода обьекта,вместе с замыканиями.
this - указатель на свой обьект
this.e-указатель в обьекте на элемент ,который будем таскать.
остальное
this.move = 0;
this.moveX = 0;
this.moveY = 0;
this.elX = 0;
this.elY = 0;
Держите ,выдрал кусок из своего кода обьекта,вместе с замыканиями.
this - указатель на свой обьект
this.e-указатель в обьекте на элемент ,который будем таскать.
остальное
this.move = 0;
this.moveX = 0;
this.moveY = 0;
this.elX = 0;
this.elY = 0;
this.e.onmousedown=function(o,el){
return function () {
o.moveX=window.event.clientX;
o.moveY=window.event.clientY;
o.elX=parseInt(el.style.left);
o.elY=parseInt(el.style.top);
o.move=1;
}
}(this,this.e);
this.e.onmouseup=function(o){
return function () {
o.move=0;
}
}(this);
this.e.onmouseout=function(o){
return function () {
o.move=0;
}
}(this);
this.e.onmousemove=function(o,el){
return function () {
if(o.move==1){
el.style.left=o.elX+(window.event.clientX||window.event.pageX)-o.moveX+'px';
el.style.top=o.elY+(window.event.clientY||window.event.pageY)-o.moveY+'px';
}
}
}(this,this.e);
Спустя 6 часов, 20 минут, 33 секунды (22.06.2012 - 05:08) DosiyaJkeeee написал(а):
Invis1ble link error 
bodja спс протестим.
bodja спс протестим.
Спустя 1 минута, 54 секунды (22.06.2012 - 05:10) DosiyaJkeeee написал(а):
bodja у меня произошла проблема с интеграцией твоего кода в мой. Можешь его "в клеить" а потом мне показать.
Спустя 3 дня, 16 часов, 1 минута, 31 секунда (25.06.2012 - 21:11) Shkiper написал(а):
bodja мне тоже интересен ваш код, но и у меня произошла ошибка с его интегрированием. Не поможите???? 