Ajaxit is a JQuery plugin that converts your site to an ajax site without having to rewrite it.

  • Auto handling of javascript and CSS.
  • Supports history (back and forward buttons).
  • Supports ie6, 7, 8, chrome and firefox 3.x.
  • No need to recode your site to use this plugin.
  • SEO friendly.
Requires JQuery 1.3.x+
Include the following in your html head.

<script type="text/javascript" src="/path/to/plugin/jquery.history.js">
</script>
<script type="text/javascript" src="/path/to/plugin/ajaxit.js">
</script>

Initialize the plugin as follows:

<script type="text/javascript">

$.ajaxIt.ajaxItArea = "";

$.ajaxIt.basePath = "/";

$.ajaxIt.onSuccess = function () {
  // This will be executed after a successful ajax call
};

$.ajaxIt.onStart = function () {
  // This will be executed in parallel with the ajax call
};

$.ajaxIt.onError = function (event, request, options, error) {
  // This will be executed in case of an ajax error
};

$.ajaxIt.excludeURL = new Array('products/flashfirebug/demo');

$.ajaxIt.init();

</script>

  1. $.ajaxIt.ajaxItArea
  2. a comma separated list of JQuery selectors to replace on page refresh, if it fails to find any of these selectors between pages, it will replace the body

    
    		    e.g : $.ajaxIt.ajaxItArea = "#wrapper, body div#main.sidebar";
                        

  1. $.ajaxIt.basePath
  2. The basepath of your site, if your site is on a main domain, this will be /, if subfolder, it will be /subfolder/

                      $.ajaxIt.basePath = "/subfoldername/";

  1. $.ajaxIt.onSuccess
  2. This will be executed after a successful ajax call

    			  $.ajaxIt.onSuccess = function () {
    			    alert(ajax executed);
    			  };
                        

  1. $.ajaxIt.onStart
  2. This will be executed in parallel with the ajax call

    			  $.ajaxIt.onStart = function () {
    			    alert("in parallel with the ajax call");
    			  };
                        

  1. $.ajaxIt.onError
  2. This will be executed in case of an ajax error

    			  $.ajaxIt.onError = function (event, request, options, error) {
    			    alert("there was an error with the call");
    			  };
                        

  1. $.ajaxIt.excludeURL
  2. To exclude URLs from the ajaxification

    			$.ajaxIt.excludeURL = new Array('products/flashfirebug/demo');
                        

  1. $.ajaxIt.init();
  2. To initialize the plugin

    			$.ajaxIt.init();
                        

Ajaxit is implemented on the O-Minds site, you are free to check it out (temporarily disabled)
Created By

Ashraf Amayreh


Developers

Waleed Qadi

Fareed Namrouti


Extension Web Design and Visual Elements

Mohamed Mahmoud


You can request a subversion account to our CSX repository by contacting us.
in May 8, 2012 by Rajiv (not verified)

Am not able to download the ajaxit plugins from jquery site. Please upload them or mail them.

in Apr 10, 2012 by Sebastian (not verified)

The Script does work. Drupal is genereally not needed. As for Drupal related questions you are more likely to recieve an answer on the Drupal issue quere. https://drupal.org/project/issues/ajaxit?categories=All

in Jan 12, 2012 by Lior (not verified)

Hi guys

could u email us the jquery plugin of ajaxit? the http://plugins.jquery.com/project/ajaxit site is down and we cannot get it. we were looking for such a functionality and are considering contributing to it

thanks!

in Feb 13, 2011 by michael (not verified)

Ashraf,
Any kind of time frame on when these critical fixes might be posted?

in Jan 11, 2011 by Ashraf Amayreh

Hello all, you initialize the script in the page.tpl.php in the head section. We're going to be posting an updated ajaxit jquery plugin soon with a number of critical fixes.

in Jan 7, 2011 by Guest

Well it appears that, if i understood correctly, it doesn't need to be initialized manualy when the drupal module is in use. But i still just get a blank page. All the content is loaded, but seems to be hidden. Any suggenstions?

Im on drupal 6, tried different jqery update versions and no luck whatsoever.

in Jan 7, 2011 by Dominik (not verified)

Hey,
where exactly do i initialize the script?
I would love to ajaxify my site but unfortunately I'm a bit clueless when it comes to web expertise :)
Greetz to you and thanks for your work!

in Jan 1, 2011 by Guest

Does this script only work for Drupal, or can it be used on websites not using any particular framework?

in Jan 1, 2011 by John (not verified)

Hello,

This script is not working. I'm using it with PHP and it is having no effect. I've followed the step by step guidelines exactly as posted.

Post new comment