Ajax Russia : Аякс по-русски

Все наверное не раз видели в интернете звёздочки для рейтингов. Это мог быть рейтинг для фоток, или рейтинг для статьи на блоге или ещё что нибудь. Сейчас расскажу как сделать такой рейтинг самому.

Использовать мы будем Starbox. Starbox это скрипт на базе Prototype и Scriptaculous, который позволяет добавлять рейтинги буквально парой строчек кода.

• Установка
  Starbox требует Prototype 1.6.0.2 и Scriptaculous 1.8.1. Скачайте и подгрузите их в HEAD вместе с starbox.js и starbox.css. Картинки для звёзд надо распаковать в папку images.
  PLAIN TEXT
  HTML:

  1. <script type='text/javascript' src='js/prototype.js'></script>
  2. <script type='text/javascript' src='js/scriptaculous.js?load=effects'></script>
  3. <script type='text/javascript' src='js/starbox.js'></script>
  4. <link rel="stylesheet" type="text/css" href="css/starbox.css" />

• Использование
  Сделаем пустой DIV для рейтинга, и запустим Starbox скрипт.
  PLAIN TEXT
  HTML:

  1. <div id="rating"></div>
  2. <script type="text/javascript">
  3.   new Starbox('rating', 0);
  4. </script>

• Отправляем рейтинг на сервер
  У Starbox есть свой custom event - starbox:rated. Его мы будем ждать с помощью Prototype и посылать на сервер.
  PLAIN TEXT
  JavaScript:

  1. document.observe('starbox:rated', function(event){
  2.   function saveStar(event) {
  3.     new Ajax.Request('savestar.php', {
  4.       parameters: event.memo
  5.     });
  6.   }
  7. });

  event.memo содержит информацию на какую звезду кликнули и её рейтинг. Как обработать эти данные на сервере и записать в базу я объяснять не буду. Google вам в помощь

Скачать Starbox и почитать подробнее об использовании можно на сайте разработчика.

Среди форматов обмена данными, AJAX программисты часто выделяют JSON (JavaScript Object Notation, "джейсн"), как альтернатива языку XML, а именно потому, что XML больше язык разметки, чем носитель данных. JSON в свою очередь, легкий, человеко-читабельный, текстовый формат для хранения и передачи простых структурированных данных, а так же более комплексных объектов (массивов). В этом уроке мы рассмотрим простой пример формирования данных в JSON средствами PHP, а так же их получение и представление, с помощью JavaScript. Кто еще не понял, это продолжение серии уроков "AJAX PHP поиск" (XML, Prototype).
Read more

В первой части урока мы рассмотрели организацию поиска по базе данных MySQL средствами AJAX, PHP и XML. Теперь я хочу показать этот же пример, только с использованием библиотеки prototype. Глобальных изменений не произошло, внешне работает абсолютно одинаково. В конце урока попытаемся подвести небольшую сравнительную характеристику двух этих методов.
Read more

Как создавать простые AJAX запросы к серверному скрипту (PHP) вы уже научились, методами простого XML, а так же с использованием библиотеки prototype. Рассмотрим более комплексный пример - как организовать поиск по базе данных MySQL средствами AJAX и PHP.
Read more

English version

Ryan Bates с railscasts.com проводит конкурс. Нужно написать 5 советов по Ruby on Rails. Это могут быть советы по производительности, работе с sql, плагинами и тд. Вообщем всё что связано с разработкой сайтов на Ruby on Rails. Я тоже решил поучаствовать. Read more