К сожалению быстрый интернет имеют не все пользователи. В связи с этим возникают некоторые проблемы, одна из проблем — это не прогруженные картинки. Пока картинки не до конца загрузились в некоторых случаях может расползаться верстка или просто сайт будет казаться пустым.
В связи с этой проблемой я решил попробовать немного улучшить ситуацию — написать скрипт, который будет выводить на месте не прогруженных картинок прелоадеры. А после того как картинка будет полностью загружена — прелоадер должен исчезнуть и на его месте появиться картинка.
Читать далее «Прелоадер на месте еще не подгруженной картинки»
Рубрика: Java Script
Как дождаться окончания анимации в jQuery
В этой статейке, я покажу как можно быстро и просто заблокировать действия до завершения анимации, вызванной с помощью jQuery aminate()
Очень часто бывает жизненно необходимо дождаться завершения анимации, случаи бывают разные — каруселька, галерея и многое другое.
Раньше я изобретал «велосипед» — добавлял всевозможные таймеры, блокировал страницу, и тд. Но сегодня полистав документацию jQuery, я наткнулся на интересную возможность функции animate(). Оказывается, помимо параметров анимации и скорости, эта функция может вызывать действия по завершению анимации.
Читать далее «Как дождаться окончания анимации в jQuery»
Получение данных из xml с помощью jQuery
Сегодня я хочу показать, как можно с помощью javascript(с применением библиотеки jQuery), можно получить и обработать XML файл.
Получение xml-файла можно реализовать с помощью ajax`a, а после получения содержимого xml его легко можно «разобрать» средствами jQuery, теми же самыми, что используются для поиска и обращения к элементам на странице.
Читать далее «Получение данных из xml с помощью jQuery»
Пример работы с checkbox. Выбрать все, отменить все и получить выбранные
В этой статейке я покажу как можно с помощью библиотеки jQuery работать с чекбоксами. А именно выбрать все, отменить все и получить номера выбранных checkbox`ов.
Для начала, давайте выведем на страницу пять чекбоксов и три кнопки — «Снять все чекбоксы», «Выбрать все чекбоксы» и «Получить номера выбранных». Html код будет выглядеть так:
Читать далее «Пример работы с checkbox. Выбрать все, отменить все и получить выбранные»
Определить браузер с помощью javascript
В прошлой статье я писал как можно определить браузер пользователя с помощью php. Но бывают случаи, что определить браузер нужно не на сервере, а на стороне клиента. Поэтому я решил написать пример определения браузера с помощью javascript.
Работа скрипта очень простая — необходимо получить данные user agent`a и проанализировать их.
Читать далее «Определить браузер с помощью javascript»
Рейтинг для новостей на ajax+php+mysql
В прошлой статье я показывал как можно сделать лайки и дизлаки для новостей. Тема использования ajax весьма актуальна, и поэтому я решил написать еще одну статью о применении ajax.
В этой статье приведен пример создания рейтинга для новостей. Пользователь сможет оценивать запись по шкале от 1 до 5.
Для работы скрипта создадим базу данных с тремя таблицами — пользователи, новости и связь пользователя с голосом. Последняя таблица нужна для того, чтобы делать ограничение по голосования — один пользователь может проголосовать только один раз за статью. Чтобы создать таблицы и наполнить их тестовыми данными можно воспользоваться патчем:
Читать далее «Рейтинг для новостей на ajax+php+mysql»
Ajax лайки/дизлайки для записей
В этой статье я приведу пример создания лайков и дизлайков для новостей. Голосование будет работать без перезагрузки страницы, за счет использования технологии передачи данных на сервер — ajax. Для работы примера необходимо подключить библиотеку jQuery. Начнем.
Для начала создадим таблицы в базе данных. Их будет три. Одна для хранения тестовых новостей, вторая для тестовых пользователей и третья для связи пользователей с голосами.
Читать далее «Ajax лайки/дизлайки для записей»
Ajax-форма. Пример формы с валидацией полей на стороне сервера
В этой статье я хочу показать пример работы с ajax. В качестве примера рассмотрим обычную форма с четырьмя полями — имя, e-mail, пароль и подтверждение пароля. После заполнения полей, с помощью ajax`a отправим данные на сервер и проверим их на корректность: чтобы поля были обязательно заполнены, а также поля с паролем и подтверждением пароля имели одинаковые значения.
Для работы формы необходимо подключить библиотеку jQuery. Приступим к написанию формы. Для начала составим html форму и напишем пару стилей для нее:
Читать далее «Ajax-форма. Пример формы с валидацией полей на стороне сервера»
Как перебрать все дочернии элементы на javascript
В этой статье я приведу пример, того как можно перебрать все дочернии элементы и получить их значения.
Для работы скрипта необходимо подключить библиотеку jQuery.
Рассмотрим такой пример: необходимо получить значения дочерних элементов, которые находятся в двух блоках с одинаковым id, и записать значения в массив.
Читать далее «Как перебрать все дочернии элементы на javascript»
Получить максимальный и минимальный элемент массива на javascript
В этой статье я покажу как можно быстро и просто получить максимальный и минимальный элемент массива на javascript. Идея кода простая: берем первый элемент из массива и сравниваем его со всеми остальными элементами, если при сравнении находится меньший(или больший) элемент, то на со следующим элементом сравниваем уже его значение. Ниже я привел код с подробными комментариями. Код оформлен в две функции:
Читать далее «Получить максимальный и минимальный элемент массива на javascript»