Posts tagged ‘AJAX’

Using the library FullAjax can face the fact that other scripts (eg LightBox) refuse to work or its not working correctly. The reason these scripts from which refuse to work is very simple – they are not quite designed to works with AJAX.

How can fix it I try describe in a few lines below …

New version of the Add FullAjax plugin for Joomla! (2011.03.08).
Plugin connect FullAjax lib to Joomla. And enables easy setup of the library.

What new:

  • added possibility to update multiple modules
  • template “fullajax_tmpl” is now is optional
  • works when used several templates for different pages
  • add compatibility with Google Analytics

-> Download < -

How to configure:

FullAjax library allows you to update more than one container through the implementation of it with two models of request – one request for one block and one request for multiple blocks. In the plugin Add FullAjax (2011.01.10) this feature is used to update the “Breadcrumbs” module. Of course instead of the “Breadcrumbs” module you can use any other, but only one – this is due to the fact that now I have not thought how to automate the setup process to upgrade several modules. Below a little instruction how to configure the update several modules through Ajax.

As already known, JavaScript library FullAjax the ability to easily implement Ajax technology for your site without additional knowledge JavaScrip. You need only basic knowledge of HTML and in some cases change the logic in the server-side of the site. So here are some basic points will describe the implementation of this library.

Download latest version of the library (can here) and connect it to the site.

<script type="text/javascript" src="/fullajax.js"></script>
<script type="text/javascript">
  //here configuration for fullajax

Next you must (more…)

HAX – one of a function of FullAjax, used for request and automatic processing a HTML (HtmlAjaX) — this is AHAH support (Asynchronous HTML and HTTP).

Example using HAX:
In the element id = ‘my-div’ is loaded page ‘index.html’ with using AJAX history.

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

In the element id = ‘my-div’ is loaded page ‘index.html’ without using AJAX history. After it will appears message ‘Hey!’.

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

List of HAX options: (more…)

DAX – one of a function of FullAjax, used for request a text data, xml, json, and similar (DataAjaX).

Example using DAX:

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

Data from all field (input, textarea, select, …) of the form with id=’myform’ will be automatically collected and sent to url=myurl use post method.

id – it a internal thread id designed to separate streams of several trips to the server. At the same time, there can be multiple requests with the same id, the following query overrides the previous. Also use id allows to reuse already created in memory objects.

List of DAX options: (more…)