modAjaxify a simple ajax page loader

Package Description

What it does:

• Any link within a designated container (default is body) will function as an ajax link.

• It can load the content of the links in different containers with simple html annotation (eg. any link with the property context will load the content in the container with id as provided through this property)

• It preloads images before rendering the content

• It provides callbacks for custom renderer

• It provides callbacks for custom loaders

• Supports ajax submit for forms

• Supports different menus by placing the ‘active’ class in the clicked menu option

• Supports callbacks for handling preloading when a page url is called directly (not through ajax)

• Supports retina images preload for boosting performance

• Supports image lazy loading, using separate tiny images as preloaders 

• Build in Google Analytics support

• The MODX plugin makes sure that will output only the necessary content of the page striping out everything else. This technique boosts the performance of the website.

Usage/Installation Instructions

This Extra can be started with zero configuration just by placing the [[$ajaxifyInit]] in the head of the template.

The chunk contains also a demo spinner as a loading alert.

For information visit (this page is also an example of usage):

http://sofar.gr/modAjaxify-Documentation.html

For any bugs please report at info[at]sofar.gr

Dependencies

====================================

jquery

jquery.history.js

preloadjs-0.6.1.min.js

The Extra comes with an init chunk so you don’t have to worry about the dependencies. The chunk makes a jquery check to avoid any conflicts. We strongly recommend to check  the depended js libraries which are included by the chunk in case the create some kind of conflict with your code.