Закрыт

Список drag n drop для сенсорных экранов

Список из 40 элементов div c текстом . При нажатии и удержании 2 секунды на div, элемент становиться активным (обводиться рамкой) – его можно перемещать (ставить на другое место в списке, удалять, восстанавливать). При перемещении элемент «выталкивает» соседние элементы. При свайпе вправо или влево (удалении или восстановлении) элементы становятся на место удаленного.

При кратковременном нажатии элемент становиться редактируемым (contenteditable) и растягивается во весь экран (анимировано), снизу экрана кнопки «Отмена» и «Сохранить» - сохранение изменений в тексте или отмена. При нажатии на одну из кнопок элемент сворачивается (анимировано).

При длинном вертикальном списке, когда часть элементов скрывается за пределами экрана, перемещаемый вниз или вверх элемент должен двигать страницу(чтобы было видно, куда перемещаем. При быстром перемещении, элемент не должен «отставать» от пальца.

При свайпе вправо или влево элемент удаляется, с возможностью отмены (появляется кнопка «отменить», исчезает при касании экрана вне кнопки). При отмене элемент становиться на прежнее место.

Свайпы должны быть легкими, короткими, не вызывающим неудобство.

При удалении элементы сохраняются с помощью local storage. Эти элементы можно увидеть (Нажатием на кнопку «Архив») и удалить окончательно. Представление в архиве аналогичное, только без вертикального перемещения и редактирования. Соответственно при свайпе вправо элементы удаляются окончательно, если не нажали «Отмена». Также есть возможность восстановить элементы – свайпом влево, также с отменой. При восстановлении элемент становиться в конец списка.

При свайпе элемент всегда перемещается вместе с пальцем. При медленном скроле элементы не должны становиться активными (когда удерживаем палец и скролим). Свайпы можно делать только с активными элементами.

Анимация перемещения элементов плавная, без рывков.

Приложение адаптивно к ширине экрана телефонов.

Весь js код (каждый оператор) должен быть прокомментирован.

Работа на android (браузер) от 4.0

Допустимо использование Jquery и др. библиотек

Оплата после теста лично, при встрече в Москве или через Яндекс деньги/ Webmoney(r-кошелек) / Сбербанк.

Навыки: HTML5, jQuery / Prototype, Mobile App Development

Показать больше: mobile local storage, drag drop html form builder jquery, drag drop image screen android, drag drop listview item using jquery, drag drop image image using jquery, drag drop items listview using jquery, image drag drop vice versa using jquery, drag drop groups mysql php jquery, drag drop website builder php jquery, drag drop image change background jquery, drag drop mysql php ajax jquery

О работодателе:
( 5 отзыв(-а, -ов) ) Москва, Russian Federation

ID проекта: #7703832

3 фрилансеров(-а) подали заявки на эту работу; средняя заявка - $176

viworld

Respected sir > , VI World is Indian base company. You can see our work at [url removed, login to view] or in portfolio section. We provide best solution in low cost . So we want to discuss about your requirement. If you shor Больше

$220 USD за 3 дней(-я)
(173 отзывов(-а))
5.4
nikolay73

Опыт работы верстки и программирования 5 лет. Готов взяться за ваш проект. Можем обсудить детали работы. мой скайп: web-verstka73 icq: 646872887 Буду очень Вам рад!

$222 USD за 10 дней(-я)
(1 отзыв)
2.5
eldi007

Сдача в пятницу, отзыв, неделя на тестирование, оплата через сайт. все как обычно. ...еще немного символов чтоб было 100...

$83 USD за 3 дней(-я)
(1 отзыв)
1.2
zumbyee

A proposal has not yet been provided

$250 USD за 10 дней(-я)
(4 отзывов(-а))
0.0
kamranata

A proposal has not yet been provided

$222 USD за 4 дней(-я)
(0 отзывов(-а))
0.0