Как осуществить перетаскивание HTML-блока мышкой?

Question

[Urukhayy]

Нужно чтобы пользователь сайта мог перетащить мышкой HTML-блок, и "оставить" его, отпустив кнопку мыши, в любом месте (не по сетке). Также требуется узнавать координаты этого блока. Как такое можно реализовать, какой есть инструментарий? В пример можно привести перетаскиваемое диалоговое окно.

Comments

[xtala zen]

Можешь дополнить вопрос -- десктопные решения на смартфонах не работают или работают некорректно. Этот вопрос неизбежно возникнет.

[Dark Hole]

xtala zen: неужели даже великий jQuery Drag'n'Drop не может?

[xtala zen]

Dark Hole: я пробовал примеры из ответов ниже, на своем андроиде ни один не работает. Про jQuery Drag'n'Drop не знаю, надо попробовать.

[Philipp]

xtala zen: для того, чтобы работало на мобильном устройстве вместо мышиных событий нужно отслеживать события нажатий.

[xtala zen]

Philipp: спасибо

Answer 1

[Access Denied]

https://jqueryui.com/draggable/

Comments

[Lawyer Saint-Petersburg]

Здравствуйте, а как-то можно сделать, чтобы этот перетаскиваемый модуль имел внутри себя содержимое и возможность (полосы или мышкой) вертикальной и горизонтальной прокрутки это содержимого? То есть, например, есть страница поверх которой находится этот модуль, внутри модуля есть свое содержимое и его можно прокручивать при помощи колесика мыши или полос прокрутки, при этом активна и основная страница. Это может быть плавающая корзина с товарами на странице, которую можно передвигать по странице, выбирая на ней товары.
?

[Александр Диденко]

а как сохранять положение в БД?

Answer 2

[Дмитрий Лузанов]

Вот

Comments

[Александр Диденко]

а как сохранять положение в БД?

[Дмитрий Булатов]

Вот, наконец, то, что искал. Не всё конечно, но уже прогресс.