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 \ Ajax

Постраничная навигация с использованием  AJAX  и jQuery

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

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

Продолжить чтение

Javascript & Ajax \ Ajax

Постраничная навигация с использованием  AJAX  и jQuery

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

Продолжить чтение

Javascript & Ajax \ Javascript

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

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

Продолжить чтение