Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   drag & drop как в vk.com (https://javascript.ru/forum/dom-window/57369-drag-drop-kak-v-vk-com.html)

zerofx 31.07.2015 18:42
drag & drop как в vk.com
 
Привет всем! нуждаюсь в Вашей помощи, а именно не получается сделать drag & drop на jquery ui - как в vk.com - когда редактируешь фотографии ....

не знаю как сделать такой эффект когда перемещаеш один элемент, а другие под него подстраиваются + это все очень плавно получается...

вот что я сумел сделать, на большее меня не хватило

https://jsfiddle.net/zerofx/fwhe375k/

буду очень благодарен за помощь !!!

EmperioAf 31.07.2015 20:14
почитайте 4-ю и 5-ю главы учебника:
https://learn.javascript.ru/event-details
сумеете по аналогии сделать большее

zerofx 31.07.2015 20:29
EmperioAf,

а не есть больше наглядного примера? я не джедай в js :(

EmperioAf 31.07.2015 20:33
Цитата:
Сообщение от zerofx (Сообщение 382315)
EmperioAf,

а не есть больше наглядного примера? я не джедай в js :(
простите, а чем вас этот код не устроил:
https://learn.javascript.ru/drag-and...м-drag-n-drop
?

zerofx 31.07.2015 20:50
EmperioAf,

ну а как он решает мои проблемы...

http://jqueryui.com/draggable/#sortable - вот примерно что мне нада

рони 31.07.2015 20:56
zerofx,
sortable

EmperioAf 31.07.2015 21:01
Цитата:
Сообщение от zerofx
EmperioAf,

ну а как он решает мои проблемы...
в примере в учебнике, который я вам скинул, внутри обработчика onmousedown идёт обработчик onmousemove. И вы можете сделать точно также для каждого пункта меню. Вам просто нужно отслеживать текущие координаты левого верхнего/правого края элемента списка, который захвачен мышкой.

zerofx 31.07.2015 21:02
рони,

ооо :victory: старые знакомые! привет Рони, я уже нашел - сейчас разбираюсь что да как


Часовой пояс GMT +3, время: 00:03.