Javascript & Ajax \ Javascript

Бесконечный скролл с автоматической загрузкой контента

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

Читать далее

Javascript & Ajax \ Javascript

Сортировка товаров в каталоге интернет магазина

От автора: создавая интернет магазин, всегда необходимо создавать механизм сортировки товаров в каталоге по различным параметрам. Поэтому в данном уроке мы с Вами научимся создавать сортировку товаров в интернет магазине по имени и по цене, используя технологию AJAX.

Читать далее

Javascript & Ajax \ Javascript

Создание вкладок (табов)

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

Читать далее

Javascript & Ajax \ Javascript

Чем дальше web, тем больше JavaScript-а

От автора: «Что нужно знать, чтобы реализовать такое, как тут (ссылка)?» — именно такой вопрос часто встречается на нашем форуме в службе поддержки или приходит к нам на e-mail.

Пользователи, посещая всевозможные веб-ресурсы, часто встречают на них интересные нестандартные решения и хотят сделать подобное на своих сайтах. Чаще всего такие решения завязаны с использованием JavaScript.

В данной статье я расскажу вам о JavaScript — скриптовом языке, предназначенном для создания интерактивных веб-страниц, и о том, что можно делать с помощью JS. Мы рассмотрим примеры использования JavaScript и узнаем, чем он может быть нам полезен.

Читать далее

Javascript & Ajax \ Javascript

Анимированный переход на верх страницы

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

Читать далее

Javascript & Ajax \ Javascript

Создание всплывающей формы подписки

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

Читать далее

Javascript & Ajax \ Javascript

Меню с фиксированной позицией для сайта

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

Читать далее

Javascript & Ajax \ Javascript

Индикатор надежности паролей

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

Читать далее

Javascript & Ajax \ Javascript

Установка видео плеера на сайте

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

В данном уроке мы с Вами будем говорить об одном из наиболее популярных и наиболее удобных видеоплееров под названием jwplayer.

Читать далее

Javascript & Ajax \ Javascript

Индивидуальный таймер обратного отсчета

От автора: в комментариях к уроку Таймер обратного отсчета для сайта и на нашем форуме многих из Вас заинтересовал вопрос индивидуализации таймера. Под индивидуализацией в данном случае понимается индивидуальный отсчет таймера по времени для каждого конкретного клиента.

Например, мы хотим, чтобы наш таймер отсчитывал по времени ровно сутки, для каждого пользователя индивидуально. В таком случае, если Пользователь №1 зашел на страницу с таймером 1-го января в 13:00, то отсчет именно для него закончится 2-го января в 13:00. Для Пользователя №2, который, к примеру, зашел в этот же день в 15:00, отсчет закончится на следующий день в 15:00.

Итак, приступи к созданию онлайн таймера обратного отсчета времени

Читать далее