Хедер

jQuery UI: контейнер

Метод jQuery UI droppable позволяет любой элемент назначить контейнером.
Специально для его демонстрации на этой странице сделал блок "Распродажа шлемов" и блок-приёмник для них, который чаще называют "Корзина".

Шлемы можно перетаскивать в корзину. При их попадании в неё, её цвет изменится. Если же шлем НЕ полностью уложен в корзину, он вернётся "на полку". Правда, если уж попал в корзину, то и обратно возвращаться "не захочет" ... ... .
Чего там мелочиться?! Выбрали - значит выбрали ... ... Шутка
Ну а серьёзно: так прописал в коде. Обычно сначала применяют метод clone (копировать), затем перемещают. Моя же цель была - показать контейнер (блок приёма элементов).

Мотоцикл 1 Мотоцикл 2 Мотоцикл 3 Мотоцикл 4

На данный момент к прокату доступны следующие модели:

  1. Харлей Дэвидсон
  2. Кроссовый мотоцикл
  3. Гоночный мотоцикл
  4. Концептуальный мотоцикл

Ссылки на сайты производителей и спецификации мотоциклов:

Расчёт стоимости проката мотоциклов:

Дополнительные опции

Нужны ли аксессуары?

Нужна ли страховка?

Модель: Дней:

Укажите Ваш email:

Ваши пожелания:

Мотоциклы на продажу (б/у):

Модель Цена
Харлей Дэвидсон 25000
Кроссовый мотоцикл 10000
Мотоцикл Сузуки 15000

Распродажа шлемов:

шлем 1
шлем 2
шлем 3
шлем 4

Корзина:

Футер

Все права защищены. Copyright © 2009 - Коротеев Владимир.

Назад

Яндекс.Метрика