jQuery 


Каскадные выпадающие списки jQuery

Опубликовано

Введение

Каскадные выпадающие списки – это совокупность из множества списков, данные в которых связаны друг с другом, т.е. при выборе значения в одном списке, содержимое последовательно изменяются и в других. Ярким примером каскадных списков может служить выбор географического местоположения, т.е. последовательного выбора страны, региона, города. Или другой пример, выбор товара по категориям, который будет рассмотрен в статье.

Кратко реализацию инструмента “выбор товара по категориям” можно описать так. Входящая в состав библиотеки jQuery, функция $.ajax() обращается на сервер к подготовленному PHP сценарию, который запрашивает данные из MySQL, получает их и формирует в формате JSON, после передает обратно функции. На основе полученных данных динамически создаются каскадные списки с неограниченной вложенностью.

MYSQL

Все категории товара хранятся в одной таблице, под названием “categories”, ее структура:

Подробнее..

Плагин на jQuery

Опубликовано

В статье рассмотрены основные правила, которыми должен руководствоваться веб-разработчик при написании плагина на jQuery.

Файл

Файл, в котором будет размещаться плагин, желательно назвать, используя следующий шаблон jquery.[имя_плагина].js;

К документу плагин подключается следующим образом:

Подробнее..

Скрипт для оценки статьи на jQuery

Опубликовано

Очень часто на самых разнообразных сайтах можно видеть блок для голосования. Это очень полезный инструмент, который позволяет посетителю Вашего сайта оценить прочитанный материал, а автору получить объективную оценку своего творчества.

 

База данных

Первым делом подготовим место хранения отзывов пользователей. В базе MySQL создайте таблицу со следующей структурой:

Подробнее..

Привязка событий к элементам документа загруженных с помощью .ajax()

Опубликовано

При работе с функцией для подгрузки контента jQuery.ajax(), да и при любых других изменений структуры DOM, могут возникнуть непредвиденные проблемы с обработчиками событий, попросту они не будут срабатывать.

Все дело в том, что события вешаются на уже существующие элементы веб-старницы. Последовательность тут примерно такова, изначально прогружается содержимое страницы, т.е. все блоки, абзацы, заголовки, ссылки. После загрузки всего документа на элементы веб-страницы вешаются обработчики событий: (.click(), .hover() .toggle() и др).

А теперь предположим, что у нас заранее подготовлен обработчик события .click() селектор которого указывает на пока не существующий элемент в документе, однако мы планируем подгрузить его с помощью функции $.ajax(). В результате после подгрузки контента с нужным элементом, легко убедится что событие .click() не срабатывает, по причине того, что на момент загрузки документа и его структурного формирования указанного элемента не существовало и событие, указывающее на несуществующий элемент как бы повисает в воздухе.

Подробнее..

Подгрузка контента jQuery.ajax()

Опубликовано

Библиотека jQuery, а точнее функция jQuery.ajax() входящая в ее состав дает разработчикам уникальную возможность создавать динамические веб-сайты. Функция предназначена для обмена данными с сервером, т.е. с ее помощью можно передать данные в файл, обработать их и вернуть обратно, поместив в заранее указанный блок при этом нет необходимости перезагружать веб-страницу.

Параметры функции $.ajax()

$.ajax(options);

Здесь options – это объект, содержащий передаваемые функции параметры, которые представлены ниже.

Подробнее..