Как дождаться окончания анимации в jQuery

Как дождаться окончания анимации в jQueryВ этой статейке, я покажу как можно быстро и просто заблокировать действия до завершения анимации, вызванной с помощью jQuery aminate()
Очень часто бывает жизненно необходимо дождаться завершения анимации, случаи бывают разные — каруселька, галерея и многое другое.
Раньше я изобретал «велосипед» — добавлял всевозможные таймеры, блокировал страницу, и тд. Но сегодня полистав документацию jQuery, я наткнулся на интересную возможность функции animate(). Оказывается, помимо параметров анимации и скорости, эта функция может вызывать действия по завершению анимации.
Читать далее «Как дождаться окончания анимации в jQuery»

Получение данных из xml с помощью jQuery

Получение данных из xml с помощью jQueryСегодня я хочу показать, как можно с помощью javascript(с применением библиотеки jQuery), можно получить и обработать XML файл.
Получение xml-файла можно реализовать с помощью ajax`a, а после получения содержимого xml его легко можно «разобрать» средствами jQuery, теми же самыми, что используются для поиска и обращения к элементам на странице.
Читать далее «Получение данных из xml с помощью jQuery»

Пример работы с checkbox. Выбрать все, отменить все и получить выбранные

Пример работы checkbox. Выбрать все, отменить все и получить выбранныеВ этой статейке я покажу как можно с помощью библиотеки jQuery работать с чекбоксами. А именно выбрать все, отменить все и получить номера выбранных checkbox`ов.
Для начала, давайте выведем на страницу пять чекбоксов и три кнопки — «Снять все чекбоксы», «Выбрать все чекбоксы» и «Получить номера выбранных». Html код будет выглядеть так:
Читать далее «Пример работы с checkbox. Выбрать все, отменить все и получить выбранные»

Определить браузер с помощью javascript

Определить браузер с помощью javascriptВ прошлой статье я писал как можно определить браузер пользователя с помощью php. Но бывают случаи, что определить браузер нужно не на сервере, а на стороне клиента. Поэтому я решил написать пример определения браузера с помощью javascript.
Работа скрипта очень простая — необходимо получить данные user agent`a и проанализировать их.
Читать далее «Определить браузер с помощью javascript»

Рейтинг для новостей на ajax+php+mysql

Ajax лайки и дизлайки для записейВ прошлой статье я показывал как можно сделать лайки и дизлаки для новостей. Тема использования ajax весьма актуальна, и поэтому я решил написать еще одну статью о применении ajax.
В этой статье приведен пример создания рейтинга для новостей. Пользователь сможет оценивать запись по шкале от 1 до 5.
Для работы скрипта создадим базу данных с тремя таблицами — пользователи, новости и связь пользователя с голосом. Последняя таблица нужна для того, чтобы делать ограничение по голосования — один пользователь может проголосовать только один раз за статью. Чтобы создать таблицы и наполнить их тестовыми данными можно воспользоваться патчем:
Читать далее «Рейтинг для новостей на ajax+php+mysql»

Ajax лайки/дизлайки для записей

Ajax лайки и дизлайки для записейВ этой статье я приведу пример создания лайков и дизлайков для новостей. Голосование будет работать без перезагрузки страницы, за счет использования технологии передачи данных на сервер — ajax. Для работы примера необходимо подключить библиотеку jQuery. Начнем.
Для начала создадим таблицы в базе данных. Их будет три. Одна для хранения тестовых новостей, вторая для тестовых пользователей и третья для связи пользователей с голосами.
Читать далее «Ajax лайки/дизлайки для записей»

Ajax-форма. Пример формы с валидацией полей на стороне сервера

Ajax-форма. Пример формы с валидацией полей на стороне сервераВ этой статье я хочу показать пример работы с ajax. В качестве примера рассмотрим обычную форма с четырьмя полями — имя, e-mail, пароль и подтверждение пароля. После заполнения полей, с помощью ajax`a отправим данные на сервер и проверим их на корректность: чтобы поля были обязательно заполнены, а также поля с паролем и подтверждением пароля имели одинаковые значения.
Для работы формы необходимо подключить библиотеку jQuery. Приступим к написанию формы. Для начала составим html форму и напишем пару стилей для нее:
Читать далее «Ajax-форма. Пример формы с валидацией полей на стороне сервера»

Как перебрать все дочернии элементы на javascript

В этой статье я приведу пример, того как можно перебрать все дочернии элементы и получить их значения.
Для работы скрипта необходимо подключить библиотеку jQuery.
Рассмотрим такой пример: необходимо получить значения дочерних элементов, которые находятся в двух блоках с одинаковым id, и записать значения в массив.
Читать далее «Как перебрать все дочернии элементы на javascript»

Получить максимальный и минимальный элемент массива на javascript

Получить максимальный и минимальный элемент массива на javascriptВ этой статье я покажу как можно быстро и просто получить максимальный и минимальный элемент массива на javascript. Идея кода простая: берем первый элемент из массива и сравниваем его со всеми остальными элементами, если при сравнении находится меньший(или больший) элемент, то на со следующим элементом сравниваем уже его значение. Ниже я привел код с подробными комментариями. Код оформлен в две функции:
Читать далее «Получить максимальный и минимальный элемент массива на javascript»

Функция in_array в javascript

Функция in_array в javascriptВ этой статейке я хочу показать небольшую, но очень полезная функция in_array написанную на javascript. Это аналог php функции, которая осуществляет проверку на вхождение в массив. Функция проверяет наличие элемента в выбранном массиве.
Читать далее «Функция in_array в javascript»