Nova Wiki | Nova / Ajaxajaxify

Nova.Ajaxajaxify History

Hide minor edits - Show changes to output

February 09, 2011, at 10:49 AM EST by shooter -

Changed line 34 from:

У DOM-объектов элементов добавляется свойство-объект ajaxifier.

to:

У DOM-объектов элементов добавляется свойство-объект '''ajaxifier'''.\\

Restore

February 09, 2011, at 10:48 AM EST by shooter -

Changed line 29 from:

Предусмотрены также дополнительные атрибуты для элементов:

to:

Предусмотрены также '''дополнительные атрибуты для элементов''':

Changed lines 32-37 from:

* ajaxify:id - переопределяет идентификатор цели, если не указан то используется ее id;

to:

* ajaxify:id - переопределяет идентификатор цели, если не указан то используется ее id;

У DOM-объектов элементов добавляется свойство-объект ajaxifier.
Методы:
* click(event) - обработчик клика. Принимает на входе объект-событие Event библиотеки Prototype.
* submit(event) - обработчик отправки формы. Принимает на входе объект-событие Event библиотеки Prototype.

Restore

February 09, 2011, at 10:44 AM EST by shooter -

Changed lines 30-31 from:

* ajaxify:url - переопределяет URL на который ~~будет отправлен запрос. Если не указан то берется URL из атрибутов href (click) или action~~ (~~submit~~);

to:

* ajaxify:url - переопределяет URL на который будут отправляться запросы целей при срабатывании данного триггера. Если не указан то берется URL из атрибутов href (click) или action (submit) триггера;
* ajaxify:source - переопределяет URL на который будет отправлен запрос для данной цели.

Restore

February 09, 2011, at 10:34 AM EST by shooter -

Changed line 4 from:

Он преобразует элементы веб-страницы в AJAX-триггеры и AJAX-цели.\\

to:

Он преобразует элементы веб-страницы в AJAX-триггеры и AJAX-цели.

Restore

February 09, 2011, at 10:33 AM EST by shooter -

Changed lines 5-6 from:

*'''AJAX-триггеры''' - это элементы инициирующие AJAX запрос: ссылки, кнопки, формы.
*'''AJAX-цели''' - элементы, в которых ввыводятся результаты AJAX-запросов.

to:

* '''AJAX-триггеры''' - это элементы инициирующие AJAX запрос: ссылки, кнопки, формы.
* '''AJAX-цели''' - элементы, в которых ввыводятся результаты AJAX-запросов.

Restore

February 09, 2011, at 10:33 AM EST by shooter -

Changed lines 5-6 from:

'AJAX-триггеры' - это элементы инициирующие AJAX запрос: ссылки, кнопки, формы.
'AJAX-цели' - элементы, в которых ввыводятся результаты AJAX-запросов.

to:

Restore

February 09, 2011, at 10:33 AM EST by shooter -

Changed lines 4-6 from:

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

to:

Он преобразует элементы веб-страницы в AJAX-триггеры и AJAX-цели.\\
'AJAX-триггеры' - это элементы инициирующие AJAX запрос: ссылки, кнопки, формы.
'AJAX-цели' - элементы, в которых ввыводятся результаты AJAX-запросов.

Restore

February 09, 2011, at 10:31 AM EST by shooter -

Changed lines 31-32 from:

* ajaxify:id - переопределяет идентификатор цели, если не указан то используется ее id;
* ajaxify:

to:

* ajaxify:id - переопределяет идентификатор цели, если не указан то используется ее id;

Restore

February 09, 2011, at 10:30 AM EST by shooter -

Added lines 1-32:

[[!Модули]] [[AJAX]]
!ajax/ajaxify.php
Модуль ajaxify позволяет упростить разработку веб-приложений с использованием ajax-вызовов.
Он преобразует элементы веб-страницы в AJAX-триггеры и AJAX-цели.
AJAX-триггеры - это элементы инициирующие AJAX запрос: ссылки, кнопки, формы.
AJAX-цели - элементы, в которых ввыводятся результаты AJAX-запросов.
При срабатывании AJAX-триггера код ajaxify анализирует правила css и формирует список AJAX-целей. Для каждой AJAX-цели из списка порождается AJAX-запрос результаты которого выводятся в блок цели.\\
Пример кода страницы (GMAIL-клиент за пять минут):
[@
...
<div id="content">
<span id="msgcount" class="ajaxify target message count"></span>
<div id="msglist" class="ajaxify target message list">

</div>
<a href="/someurl1?obj[ajaxify:target]=.message" class="someclass ajaxify click">Reload</a>
<form id="msgnew" action="/someurl1?command=send&obj[ajaxify:target]=.message.new" class="ajaxify submit target new message" method="post"><!--
<label>Whom:</label><input type="text" name="email"><br>
<label>What:</label><br>
<textarea name="message"></textarea>
<input type="submit" value="Send">
</form>
</div>
@]
* css класс "ajaxify" указывает что данный элемент будет "аяксифицирован".
* Класс "target" являет указывает что данный элемент является AJAX-целью
* Класс "click" преобразует элемент в триггер, срабатывающий по клику - подходит для ссылок, картинок, кнопок. Генерируется HTTP запрос типа GET.
* Класс "submit" преобразует форму в триггер. Может генерировать как GET так и POST запросы в зависимости от значения атрибута method тэга формы.
Предусмотрены также дополнительные атрибуты для элементов:
* ajaxify:url - переопределяет URL на который будет отправлен запрос. Если не указан то берется URL из атрибутов href (click) или action (submit);
* ajaxify:id - переопределяет идентификатор цели, если не указан то используется ее id;
* ajaxify:

Restore