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

Знаете ли Вы, что разные браузеры используют различные методы для формирования отступов в нумерованных и ненумерованных списках? Это действительно так. Браузеры IE и Opera создают отступы руководствуясь свойством margin, а Mozilla и Netscape – используют для этого же свойство padding. Для того, что бы страница выглядела одинаково во всех браузерах надо что-то предпринимать. Так что же? Читать полностью »

Мы уже пробовали создавать макет страницы из одной, двух и трех колонок. Как говорил один персонаж из комедии «Берегись автомобиля»: «А не замахнуться ли нам на Вильяма, понимаете ли нашего, Шекспира?» Давайте попробуем создать «резиновый» несимметричный макет страницы, а потом преобразовать его в несимметричный макет с фиксированным расположением элементов. Читать полностью »

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

Попробуем создать макет с тремя колонками, которые не будут изменять свою ширину при изменении ширины окна браузера. Эта задачка даже немного посложнее создания «резинового» макета с тремя колонками, хотя на первый взгляд должно быть наоборот. Читать полностью »