| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Общие вопросы > JavaScript Drag&Drop |
| Автор: WolfAlone 6.12.2011, 09:10 |
| Доброго времени суток! Необходимо сделать реализацию Drag&Drop с помощью JavaScript. Пример, того чего хочу реализовать, только в несколько более сложной форме: 1. "Расстновка" виджетов на главной странице яндекса 2. Нечто подобное п.1 в некоторых темах WordPress На словах, чего хочу добиться: 1. В левом (правом) блок экрана у нас есть несколько изображений (или слоёв [DIV], с текстом, или каких-то других элементов) 2. С противоположенной стороны, у нас есть некоторые прямоугольные области (в роли которых, выступают, например всё те же слои), в которые можно "дропать" элементы из панельки в левой (правой) части экрана. При этом, в один блок предназначенный для "дропа" можно "надропать" несколько элементов, при этом, элементы внутри блока можно менять местами между собой, в вертикальном порядке (перемещать их выше/ниже, между собой) Как это выглядит визуально, я описал выше. Так же, прикрепляю к посту картинку, с примерным "описанием" того, чего хочу добиться. Вопрос: есть ли уже какие-то готовые библиотеки, способные как-то упростить реализацию этой задачи или реализовать её полностью? P.S. В данный момент, уже используется JQuery, в идеале библиотека должна быть либо совместима с ней, либо быть чем-то вроде плагина. При необходимости, от JQuery можно будет конечно отказаться. |
| Автор: $дмитрий 6.12.2011, 14:01 |
| http://jqueryui.com/demos/droppable/ |
| Автор: WolfAlone 6.12.2011, 20:56 |
| $дмитрий, спасибо большое! JQuery UI оказывается обновился, а я и не заметил... Буду пробовать, о результатах отпишу. |