Итак, сегодня речь пойдет о том, как я в одном из проектов, реализовал, как мне кажется, интересный эффект при отправке AJAX-формы. Стояла задача, при отправке данных с формы ajax-ом на сервер, не дать пользователю изменить данные и не отправить повторно данные, до тех пор, пока не будет получен ответ с сервера. А когда данные будут отправляться, показать пользователя, что данные отправляются. Так мне в голову пришла идея реализовать, своего рода progressbar для формы. Что из этого получилось, смотрите на демо странице.

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


Читать дальше

Наверное каждый веб-мастер участвует в какой-либо партнерской программе и я не исключение. И для продвижения партнерских товаров все большей популярности набирают ротаторы баннеров. Пример такого ротатора Вы можете наблюдать на моем сайте в правом сайдбаре. Обычно для того, чтобы разместить такой ротатор на своем сайте достаточно установить специальный javascript-код. Если разбираться глубже, то задачей этого javascript-а является встраивание на Вашу страницу специального iframe, который уже и загружает ротатор баннеров на Вашу страницу с сайта разработчика. Все бы ничего, но у данного подхода есть несколько недостатков...

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

Сегодня решил сделать обзор jQuery слайдера, который я частенько использую в работе. Слайдер приглянулся тем, что очень прост в установке и кастомизации. Текущая версия плагина на данный момент 1.7. Автор постоянно улучшает слайдер и он абсолютно бесплатен. Давайте разберемся как установить и настроить слайдер на своем сайте.

Всем привет и добро пожаловать на SerBlog.ru. Для всех тех у кого имеются блоги на WordPress сегодня вышла новая версия 3.3. Если Вы еще не обновились, то бегом в админку обновляться, появились изменения к лучшему. Рассказывать не буду, сами все увидите. У меня для Вас есть другая, не менее интересная информация. Прикольный эффект для курсора на Вашем сайте. Написано все это дело на JavaScript и работает во всех популярных браузерах, где включена функция отображения Javascript.

Доброе время суток, дорогие блогеры! Иногда в разработке интерфейса сайта для пользователя бывает очень удобно использовать автозаполнение различных виджетов. Это сразу повышает общее юзабилити всего сайта, которое нынче так важно для нас всех, веб-разработчики. И конечно же, зачем писать велосипеды если уже все и так есть! Есть отличная библиотека jQuery UI. Вот с ней я и разберу один пример как работает автозаполенние в комбобоксе и как его можно кастамизавать. Заходите!

Последние несколько дней я углубленно разбирался с HTML5, и я вам скажу это очень интересно! В этом посте я расскажу вам как используя jQuery получить ваши координаты.

Scrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта.

Приветствую всех своих читателей и просто странствующих по интернету. Делюсь с Вами очередной фишкой для сайта. Это выезжающая панель. Если Вы хотите разнообразить свой сайт и внести в него какие-то не совсем обычные и привлекающие внимание изменения, то эта панелька будет как раз таким украшением. Код написан на языке jquery. Панель работает во всех браузерах, в которых включен javascript.