Javascript & Ajax \ Ajax

Contenteditable - редактирование контента на лету

От автора: в этом мы продолжим работу с атрибутом HTML5 contenteditable. При изменении значения редактируемого поля, скрипт будет отправлять асинхронным запросом (средствами AJAX) новое значение, и сохранять его в БД.

 

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

Javascript & Ajax \ Ajax

Contenteditable - редактирование контента на лету

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

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

Javascript & Ajax \ jQuery

Создание jQuery плагина слайд шоу с нуля

От автора: Многие вещи касательно того, как мы подходим к разработке фронт энда, значительно изменились за последние пару лет. У всех нас есть любимые плагины, которые мы используем при необходимости, многие из них были созданы во времена фиксированных сеток, но, возможно, они уже не являются наилучшими инструментами для работы. Что делать нам, когда это происходит? Искать новые инструменты или создавать свои собственные?

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

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.

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