Создание перетягиваемых элементов как иконки на раб столе в обычной ОС но в браузере

[lexluther]

Всем привет,

Мне нужно сделать что то вроде раб стола в браузере, но задача это только сделать иконки как в обычной ос, которые можно двигать по столу (фоновой странице), и при клике на которые вызывается Аякс запрос (это уже все реализовано). Т.е. мой вопрос это есть ли готовые библиотеки которые мне позволят разместить на странице передвигаемые "иконки", и чтобы это выглядело как иконки.

С уважением.

 

[Den_Mak]

По моему это можно сделать на CSS3.

 

[lekzd]

http://jqueryui.com/...ggable/#snap-to - как-то так, только остается еще в колбэке на "отпускание элемента" отправлять серверу координаты, чтобы сохранял

По моему это можно сделать на CSS3.

 

[Den_Mak]

http://jqueryui.com/...ggable/#snap-to - как-то так, только остается еще в колбэке на "отпускание элемента" отправлять серверу координаты, чтобы сохранял

По моему это можно сделать на CSS3.

http://tjrus.com/iphone

 

[lekzd]

http://jqueryui.com/...ggable/#snap-to - как-то так, только остается еще в колбэке на "отпускание элемента" отправлять серверу координаты, чтобы сохранял

По моему это можно сделать на CSS3.

http://tjrus.com/iphone

В приведенном примере не найдено ни одной перетаскиваемой иконки

 

[Den_Mak]

http://jqueryui.com/...ggable/#snap-to - как-то так, только остается еще в колбэке на "отпускание элемента" отправлять серверу координаты, чтобы сохранял

По моему это можно сделать на CSS3.

http://tjrus.com/iphone

В приведенном примере не найдено ни одной перетаскиваемой иконки

Разблокировка телефона.

 

[lekzd]

http://jqueryui.com/...ggable/#snap-to - как-то так, только остается еще в колбэке на "отпускание элемента" отправлять серверу координаты, чтобы сохранял

По моему это можно сделать на CSS3.

http://tjrus.com/iphone

В приведенном примере не найдено ни одной перетаскиваемой иконки

Разблокировка телефона.

http://tjrus.com/p/iphone/iphone.js?v=1.2.1 в поиске по странице забиваем "iphone_slider" (это id кнопочки разблокировки)
ЗЫ: не тупите, не будьте идиотом

 

[tjrus]

приятно что мой iPhone представлен как пример.
на самом деле иконки в нем действительно не двигаются, а вот слайдер - да, двигается и написан без помощи jquery.draggable

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

Кстати, мой код c iPhone брать не советую, ибо написан мною на скорую руку. в скором времени (а может и не особо в скором, но до конца лета точно будет), будет новая версия - плагин, куда грамотнее написана и с кучей плюшек.

 

[lekzd]

все остальное довольно легко пишется на javascript, с определением текущих позиций элемента и изменением по маусмув после клика на элемент.

думаю, вы на правильном пути), использовать jquery ui только для перетаскивания одной кнопочки - избыточно)

 

[cyber]

вам нужен drag`n`drop , информации что бы передвинуть иконки хватит с головой http://learn.javascript.ru/drag-and-drop