В общем случае применение этого UI jQuery может быть и шире, но использование для построения навигационной панели – это первое, что приходит в голову. Такая панель хоть и имеет управление на JavaScript, управляется через имена селекторов, поэтому например поисковый робот «увидит» чистый HTML, а пользователь – элегантное меню. Посмотрим, как это может выглядеть и подробно разберем, как это работает. Внимание! Эта статья устарела! Новую статью можно почитать здесь. (далее…)

Внимание! Эта статья устарела. Новая статья по этой теме: «jQuery UI – плагин Sortable». Давайте используем возможности jQuery для создания сортируемого с помощью drag-and-drop списка. Возможность сортировать список с помощью простого перетаскивания мышкой его пунктов, наверняка сможет произвести впечатление на Ваших пользователей. Только не забывайте одну важную вещь: применение всех этих «фишек» должно быть целесообразным и соответствовать ожиданиям пользователя. Не стоит применять такие эффекты сплошь и рядом – можно получить совсем не тот результат, на который Вы рассчитывали. Это было небольшое лирическое отступление, а теперь – к делу. (далее…)

Вы знаете, что такое аккордеон? Правильно – музыкальный инструмент. А еще аккордеоном называют раскрывающуюся / закрывающуюся панель содержащую какой-либо контент. Его удобно применять, когда содержимое должно быть показано в ограниченном пространстве. Например, есть довольно большое меню, разделенное на разделы, а места, чтобы его отобразить сразу – просто хватает. Вот тогда и придет на помощь accordion. Внимание! Эта статья устарела! Новую статью можно почитать здесь. (далее…)

Внимание! Эта статья устарела. Новая статья по этой теме: «jQuery UI – плагин Droppable«. Библиотека jQuery предоставляет возможность не только легко и просто написать код, который позволит свободно перемещать элементы по странице. В ее состав, вернее в состав ее расширений входит функция droppable, которая позволяет также довольно просто написать код, который будет обрабатывать события, которые происходят в момент окончания перемещения элемента.
Что полезного с практической точки зрения можно сделать, воспользовавшись такой возможностью. Первое, что приходит в голову – это какая-нибудь интерактивная корзина для интернет-магазина. Вот и попробуем сделать такой пример. (далее…)

Внимание! Эта статья устарела. Новая статья по этой теме: «jQuery UI – плагин Draggable«. Давайте продолжим знакомство с элементами пользовательских интерфейсов, которые можно создавать на базе библиотеки jQuery. Попробуем создавать элементы, которые можно будет свободно перемещать по странице с помощью мыши. Вы наверняка уже встречали такие «фичи». Оказывается, с помощью jQuery сделать это самому не составляет почти никакого труда! (далее…)