понедельник, 29 сентября 2008 г.

Эффективное использования drag.js в админе

Наши клиенты получили недавно админку с такой вот примерно фишкой: http://shootnix.net/ajax/sample.html Т.е. пользователь может наглядно управлять содержимым какого-нибудь раздела, скажем, "избранные фото" или "новинки проката". Здесь это не имеет значения. Имеет значение лишь то, что подобная наглядная система управления информацией очень симпатична и вполне себе удобна.

Как это работает?

http://shootnix.net/ajax/drag.js
Основной скрипт, осуществляющий перетаскивание объектов и обнаружения их в нужном месте.
http://shootnix.net/ajax/ajaxy.js   
Здесь всего одна функция — getXMLHttpRequest(), которая немного сокращает код в страничке. 

И, наконец, сам функционал находится в страничке sample.html. Функция fu() обнаруживает объекты, попавшие в рамку и отправляет данные о них скрипту в таком виде: id-left-top:id-left-top:id-... Т.е. мы получаем параметры для каждого объета, просто распарсив строку GET-запроса. Enjoy! ;-)

2 комментария:

Николай Чумаков комментирует...

По первой ссылке в посте выдаётся ошибка...

shootnix комментирует...

Спасибо, исправил. =)