Рубрика: ‘Технологии jQuery’

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

После того как пользователь прочитал или просмотрел большое количество контента на странице Вашего сайта, ему возможно понадобится вернуться к началу страницы. Для этого существует полоса прокрутки, автоматически появляющаяся справа, у любого браузера. Но можно упростить, процесс взбирания вверх, простым нажатием на специально созданную Вами ссылку и добавления всего лишь нескольких строк кода jQuery. Всё очень даже просто. Вот как это происходит, сначала проверяется, в какой позиции находится полоса прокрутки, затем ссылка автоматически появляется при прокрутке вниз и исчезает при прокрутке вверх, а при нажатии на ссылку страница плавно возвращается к началу.

Подробнее »

Многие вебмастера пытаются упростить дизайн сайтов, скрывая формы, текстовые надписи и т.д. при помощи jQuery. На демо странице, в верхней правой её части, Вы можете увидеть ссылку «Вход» кликнув на которую, выпадет форма авторизации. В данной статье будет показано, как создать такую выпадающую форму. На самом деле это не очень сложно, зато поможет Вам сэкономить пространство Вашей веб-страницы, а посетители смогут почувствовать себя более комфортно. Давайте рассмотрим шаг за шагом как работает такая форма:

Подробнее »

Недавно мне было необходимо осуществить нумерацию страниц при помощи Ajax, PHP и MySQL без перезагрузки страницы. На одном иностранном сайте я нашел простой и интересный способ реализации данной задумки. Сразу хочу предупредить что в тамошнем скрипте проблемы с кодировкой. По крайней мере у меня они возникли, поэтому кое где, кое что пришлось подправить. В конечом итоге получилось следующее.

Подробнее »

Очень часто, требуется некоторое время для загрузки изображений. Особенно, если они большого размера, а скорость соединения оставляет желать лучшего. Чтобы отвлечь посетителей сайта от белых экранов не загруженных фото, используют значки предзагрузки, которые появляются до загрузки изображения и исчезают после. Эта техника может значительно увеличить производительность вашего сайта. Данный скрипт работает во всех браузерах и его размер всего 2кб.

Подробнее »

В этом уроке мы объединим свойство CSS, называемое z-index, с возможностями jQuery, для создания необычной фото галереи. С помощью z-index можно добиться очередности наложения слоёв друг на друга(например контейнеров div), в нашем случае в качестве примера будут использованы изображения. Ну а jQuery придаст всему этому визуальный эффект.

Подробнее »