Назначая задачи людям, используйте перетаскивание с javascript или jquery

Question

Пожалуйста, посмотрите на это фото:

Есть 2 таблицы (или только 2 столбца одной таблицы), называемые Задачами и Лицами, число справа от каждой строки в таблице Людей показывает максимальное количество задач, которые человек может взять на себя.

Я хочу сделать: Когда я перетаскиваю задание на человека, оно становится похожим на эту фотографию. Кто-нибудь дает мне несколько советов сделать это с помощью javascript, jquery или чего-то еще?

Заранее спасибо.

Answer 1

Я уже решил, это то, что мне нужно http://jqueryui.com/demos/droppable/#shopping-cart

JQuery UI предоставил очень похожий пример.

Answer 2

Для его визуализации вы можете использовать http://raphaeljs.com/ вместе с функциями перетаскивания в пользовательском интерфейсе jQuery.Демоверсии ниже, просто прокрутите вниз

Например: http://raphaeljs.com/graffle.html