Archive

You are currently browsing the archives for the Ajax category.

Сен

17

Как скрестить CodeIgniter, jQuery и Ajax

By masster

Это видеоролик поможет разобраться в тонкостях использования огромных возможностей jQuery при написании приложений на PHP с помощью фреймворка CodeIgniter.

Июн

7

dhtmlxScheduler - календарь событий на JavaScript

By masster

JavaScript Calendar
Этот календарь, который представлен компанией DHTMLX по функциональности напоминает известные решения для календарей событий сходные с Microsoft Outlook Calendar, Apple’s iCal или Google Calendar. Благодаря динамической загрузке с помощью Ajax добавление, внесение изменение и удаление событий происходит без перезагрузки страницы. Технология drag-n-drop позволяет пользователям легко менять дату и время события простым перетаскиванием или изменением размеров графических блоков событий. Сам календарь можно просматривать в помесячном, понедельном режимах, и естественно в режиме отображения конкретного дня. Сам скрипт очень мало весит - всего 19Kb в сжатом виде (gzipped) . Чтобы сохранять данные в базе данных, необходим скрипт для серверной части - для этого можно воспользоваться dhtmlxConnector или написать такой скрипт самостоятельно. Благодаря API функциям можно реализовать собственную обработку событий календаря. Разработчики могут добавлять собственные события или изменять существующие, настраивать стиль отображения, менять формат даты и язык.
Источник: http://www.dhtmlx.com

Апр

17

Редактирование на месте: Ajax + jQuery

By masster

Как это здорово, когда щелкнув по любому слову или предложению, можно тут же исправить что-то, или написать свой комент, или даже дополнить чьи-то мысли! И не нужно открывать новые окна, не надо ждать перезагрузки страницы и т.п.! Вы спросите - как? Очень просто - скачивате jQuery, подцепляете этот фреймворк к своей странице - делаете на эту библиотеку ссылку (link) между <head> и < /head>. Потом скачиваете замечательный плагин Jeditable и тоже подцепляете его. А далее, уже в теле самой страницы, настраиваете плагин, указывая php скрипт, который примет отредактированные пользователем данные с вашей страницы и сохранит их (конечно, с помощью Ajax - без перезагрузки страницы.
Как это выглядит - щелкните по этой картинке.

inline_edit

Итак, теперь как настроить. Пусть у вас есть уже страница со следующими элементами:

Dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit

А потом добавляте вот такой код:

$(document).ready(function() {

     $('.edit').editable('http://www.example.com/save.php');

 });

Здесь save.php - скрипт на PHP, в котором сохраняется отредактированный пользователем текст

Мар

27

Лучшие календари на jQuery

By masster

jQuery UI Library DatePicker

Элемент DatePicker из известной библиотеки интерфейсных элементов jQuery UI. Множество полезных функций, а главное - локализация для многих языков!

jMonthCalendar

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

jQuery date picker plug-in

Это абсолютно надежный плагин позволяет очень просто добавить ввод даты на вашем сайте.

Read more »

Дек

21

Крутится-вертится или как создать индикатор загрузки для Ajax

By masster

Если вы пишете приложения, использующие Ajax, то я думаю, вы наверняка сталкивались с проблемой создания оригинального “спиннера” или индикатора процесса. Чтобы было понятно, о чем речь, приведу как образец вот этот:

ajax-loader

ajax-loader

1. http://www.ajaxload.info/ - здесь находится довольной мощный генератор индикаторов - можно выбирать цвет фона и цвет самого индикатора. На выбор - большой выбор картинок - на любой вкус!

Приведенный выше индикатор как раз был получен с помощью этого онлайн генератора.

2. http://loadinfo.net/ - это другой подход к идее генерации индикаторов. Здесь перед вами сразу открывается панорама всех возможных образцов:

Щелкнув по любому из них, можно настроить цвет фона и цвет самого индикатора.

Все работает - проверено!

Ноя

19

Сайты в стиле “гранж”

By masster

Полированный, блестящий, довольно строгий стиль Web 2.0 потихоньку уступает место дерзким, смелым, взъерошенным, взрывным сайтам в стиле “гранж” (Grunge). Родился “гранж” в Сиэтле, на местной фирме грамзаписи Sub Pop Records - считается, что первой в этом стиле стала играть группа Melvins. Самой известной группой, Родился “гранж” в Сиэтле, на местной фирме грамзаписи Sub Pop Records - считается, что первой в этом стиле стала играть группа Melvins. Известная рок-группа “Нирвана” с их феноменальным “new Seattle sound”, с акцентиованными гитарами и рваными ритмами - это именно “гранж”. Вытянувшиеся свитера, рваные джинсы, грубые армейские ботинки - это тоже “гранж”.
Стиль “гранж” в web-дизайне только набирает силу, но уже появились первые обзоры таких сайтов. С одним из таких обзоров мне и хотелось бы познакомить. Итак,
“30 замечательных сайтов в стиле “гранж”.