2

Доброго всем времени суток господа.

Представьте себе рабочий стол, на котором значки выровнены не по сетке, и не автоматически, а в разнобой, криво, как это обычно любят девушки делать (про всех не говорю). Если есть котенок на рабочем столе, значит обязательно значки обтекают этого котенка )

Теперь представьте web страница, на ней есть таблица, внутри нее несколько div'ов (~200х250px, id у них p1010, z200). Ниже находиться Таблица 2, размер ее всегда разный. Хочется 'взять' div'ы (сколько их неизвестно) и поочередно перетащить их на таблицу 2. А если там уже есть div'ы то возможность изменить им положение, если нужно. В итоге получаться 'хаотично' расположенные на странице div'ы. И тут, их расположение мне охота сохранить (сразу вспоминается ajax, но из ajax знаю только простое). Запомнить положение ест-но для того, что бы эту таблицу 2, с текущими на ней div'ами править потом

Может ли кто привести пример, кода, как хоть примерно это делается?

p.s. Во многих случаях решения, которые есть на хэшкоде в простом виде дорабатываются и не хуже того, что можно готовое найти гуглем, что нужно сначала урезать, если повезет, а потом добавлять. Вот и хочется какую то конструкцию, простую, что бы можно было вникнуть и настроить на свой лад.

1 ответ 1

3

Делал что-то подобное на своём проекте. Использовал jquery ui sortable (connect list). При окончании переноса запускался таймер, который через определенный промежуток времени отсылал ajax запрос, либо выключался при переносе след. объекта. За сохранение позиций отвечала sqlite, в которую записывались значения объектов. При открытии страницы из БД происходил выбор этих объектов на свои позиции.

Пример: http://jsfiddle.net/5QgYP/

6
  • Сам копал в эту сторону, пытался разбираться в примерах, пока к сожалению безрезультатно
    – sergey
    Commented 5 дек. 2012 в 9:08
  • На чем застопорились? У вас элементы перетаскиваются? Если нет - то делайте, инструкций в интернете много. Как получить коллекцию тегов, как их отправить и обработать - уже подскажу.
    – lampa
    Commented 5 дек. 2012 в 9:39
  • Застопорилось вот на чем. Везде нахожу так называемые списки, на которых написаны имена, и их можно перетаскивать относительно друг друга вверх вниз. Вот собственно.
    – sergey
    Commented 5 дек. 2012 в 9:52
  • 1
    jsfiddle.net/5QgYP посмотрите. В console.log выводится сформированный массив элементов.
    – lampa
    Commented 5 дек. 2012 в 10:13
  • 1
    вот наверное то что вам надо [jQuery-Droppable][1], а [здесь][2] есть описание на русском [2]: jquery.page2page.ru/index.php5/… [1]: jqueryui.com/droppable/#propagation Commented 5 дек. 2012 в 10:13

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.