Javascript & Ajax \ Ajax

Загрузка файлов на сервер путем перетаскивания

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

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

Javascript & Ajax \ Ajax

Загрузка файлов на сервер путем перетаскивания

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

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

Javascript & Ajax \ Ajax

Создание мини-чата на PHP и jQuery

От автора: В данной обучающей статье мы с вами научимся создавать мини-чат на PHP и jQuery, который позволит посетителям вашего сайта оставлять друг другу небольшие комментарии. Сообщения будут храниться на стороне сервера в виде файлов, никакой базы данных, например, MySQL не потребуется. Для облегчения работы мы будем использовать две PHP библиотеки – Flywheel для хранения сообщений в виде файлов в формате JSON и RelativeTime для создания относительных временных меток в удобочитаемом для человека виде. Для установки данных библиотек будет использоваться Composer.

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

Javascript & Ajax \ Ajax

Загрузка SVG спрайта с помощью Ajax

От автора: Предположим, что вы создаете систему SVG иконок. Вы можете создавать SVG спрайт с большим количеством элементов symbol вручную, либо использовать для этого инструмент IcoMoon или grunt-svgstore. Что вы будете делать с файлом sprite.svg?

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

Javascript & Ajax \ Ajax

Библиотека PHPMailer. Отправка писем средствами AJAX

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

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

Javascript & Ajax \ Ajax

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

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

 

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

Javascript & Ajax \ Ajax

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

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

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

Javascript & Ajax \ Ajax

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

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

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

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

Javascript & Ajax \ Ajax

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

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

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

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

Javascript & Ajax \ Ajax

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

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

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