Javascript & Ajax \ Javascript

Делегирование событий в JS

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

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

Javascript & Ajax \ Javascript

FlexSlider - простой ротатор контента

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

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

Javascript & Ajax \ Ajax

Мини-форма выгрузки файлов AJAX

От автора: Учебник о том, как воссоздать выскальзывающее боковое меню-колонку, которое можно увидеть на вебсайте GoogleNexus 7.

В этом учебнике мы собираемся создать форму выгрузки файлов AJAX, которая позволит пользователям выгружать файлы со своих браузеров, просто перетащив/отпустив или выбрав их индивидуально. В этих целях мы скомбинируем мощный плагин jQuery File Upload с аккуратным jQuery Knob и представим гладкий интерфейс под управлением CSS3/JS.

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

Javascript & Ajax \ jQuery

Лучшие плагины jQuery в 2013г

От автора: В ряду «Лучших достижений 2013г.» мы рассматривали бесплатные шрифты и бесплатные PSD. А теперь пора выделить то, что, по нашему мнению, является лучшими плагинами jQuery этого года. Их всегда появляется множество, но мы считаем, что эти выделяются из остальных с точки зрения функциональности.

Картинки в статье ведут на демонстрационные примеры и страницы плагинов.

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

Javascript & Ajax \ jQuery

Плагин Tooltip библиотеки jQueryUI

От автора: в данном уроке мы с Вами рассмотрим плагин библиотеки jQuery UI – Tooltip, который позволяет очень быстро и легко украсить подсказки, образованные атрибутом title html элементов. К тому же он позволяет не только изменить дизайн подсказок, а и добавить различные анимационные эффекты в момент появления и скрытия подсказок.

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

Javascript & Ajax \ Javascript

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

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

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

Javascript & Ajax \ Javascript

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

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

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

Javascript & Ajax \ Javascript

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

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

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

Javascript & Ajax \ Javascript

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

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

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

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

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

Javascript & Ajax \ Javascript

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

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

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