Posts tagged ‘AJAX’

При використанні бібліотеки FullAjax можна зіткнутись з тим, що інші скрипти (наприклад LightBox) відмовляються працювати, або працюють не коректно. Причина з якої вони відмовляються працювати дуже проста – вони не зовсім розраховані на сумісну роботу з AJAX.

Як це можна поправити, опишу в декількох рядках нижче…
(далі…)

Нова версія плагіна Add FullAjax to Joomla! (2011.03.08).
Плагін підключає бібліотеку FullAjax до Joomla!. Та надає можливість зручного налаштування цієї бібліотеки.

Що нового:

  • додано можливість оновлення декількох модулів
  • шаблон “fullajax_tmpl” тепер необов’язковий
  • робота при використанні декількох шаблонів для різних сторінок
  • додано сумісність з Google Analytics

->Завантажити <-

Процес налаштування:
(далі…)

Бібліотека FullAjax дозволяє оновлювати більше як один контейнер, завдяки реалізації в ній двох моделей запиту – один запит для одного блоку, та один – для декількох блоків. В плаґіні Add FullAjax (2011.01.10) ця можливість використовується для оновлення модуля “хлібних крихт”. Звичайно замість цього модуля можна підставити будь який інший, але лише один – це пов’язано з тим, що я ще не придумав як автоматизувати процес налаштування для оновлення декількох модулів/позицій.
Нижче маленька інструкція як налаштувати оновлення декількох модулів через Ajax.
(далі…)

Як відомо, JavaScript бібліотека FullAjax, надає можливість легко впровадити технологію Ajax для Вашого сайту, без додаткових знань JavaScript, потрібно лише базові знання HTML і в деяких випадках зміна логіки в серверній частині сайту. Отже тут опишу декілька основних моментів впровадження цієї бібліотеки.

Завантажуємо свіжу версію (завантажити), та підключаємо її до сайту.

1
2
3
4
<script type="text/javascript" src="/fullajax.js"></script>
<script type="text/javascript">
  //тут параметри налаштування fullajax
</script>

Далі потрібно (далі…)

HAX – одна з функцій FullAjax, використовується для запиту та автоматичної обробки HTML (HtmlAjaX) — це і є підтримка AHAH (Asynchronous HTML and HTTP).

Приклади використання HAX:
В елемент з id=’my-div’ буде завантажено сторінку ‘index.html’ з використанням AJAX історії.

1
hax({url:'index.html', id:'my-div'})

В елемент з id=’my-div’ буде завантажено сторінку ‘index.html’ без використанням AJAX історії, після закінчення завантаження з’явиться повідомлення ‘Hey!’.

1
2
3
hax({url:'index.html', id:'my-div', nohistory:1, onload:function(){
	alert('Hey!')
}})

Список параметрів HAX: (далі…)

DAX – одна з функцій FullAjax, використовується для запиту текстових даних, xml, json та подібних (DataAjaX).

Приклад використання DAX:

1
2
3
dax({url:'myurl', id:'save-data', form:'myform', method:'post', cb:function(resp, cbo){
	alert(resp.text || resp.xml)
}})

Дані з усіх полів (input, textarea, select, …) форми в якої id=’myform’ будуть автоматично зібрані та відправлені на url=myurl методом post.

id – це внутрішній ідентифікатор потоку, призначений для розділення потоків декількох запитів до сервера. В один і той же час не може існувати декілька запитів з однаковим id, наступний запит скасовує попередній. Також, використання id дозволяє повторно використовувати вже створені в пам’яті об’єкти.

Список параметрів DAX: (далі…)