modAjaxify a simple ajax page loader

Package Description

The modAjaxify Extra automatically parses any (or selected) content links and ajaxifies them without destroying the actual link which makes it SEO friendly. That means that if the link is clicked the page will not be reloaded but the link will be loaded with ajax in a specific container (html element) as configured by the developer. Although if you open the link in a new tab it will load normally.

modAjaxify is mainly a jquery plugin which is strongly coupled with MODX Revolution. Nevertheless it can be used on its own as a plain jquery plugin.

The plugin has many options to control where and what to ajaxify and also events that signify the start/progress/end of loading which is very useful for creating loading spinners.

Another useful feature of the plugin is that is able to preload any content images before rendering the content in the target container.

Demo and documentation can be found here

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.