Design

Implement

Configure

AjaxLinks

Menu

 

Sites using AjaxLinks:

Features:

  • page cacheing.
  • Updating active link.

Requirements:

  • to use AjaxLinks you will need mootools v1.2.1 core  which can be got here.
  • the ability to apply the code to your XHTML page. (I will help by giving you an example here).
  • has been tested on and works in:
    • Firefox 3
    • Internet Explorer 6 & 7
    • Safari 3

Changes:

  • version 1.0
    • 1st release

Download:

The lasetest version of AjaxLinks is v1.0 and you can download form here.
The download files include:

  • demo
  • JavaScript files

Demo:

Here are some examples of AjaxLinks in action:

  1. AjaxLinks using Default Options: Watch

 

Example Usage:

What to include

AjaxLinks is easy to use, you just include mootools 1.2.1, then the AjaxLinks js in the head section of your XHTML page like:

 

  1. <script src="./mootools-1.2.1-core.js" type="text/javascript"></script>
  2. <script src="./ajaxLinks.js" type="text/javascript"></script>

The JavaScript Part

Then under this you add this code changing the 'id_of_container' referance to your AjaxLinks div id and add any options within the curly braces

  1. <script type="text/javascript">

 

  1. window.addEvent('domready', function() {
  2.     var ajaxlinks = new AjaxLinks('id_of_container',{options});
  3. });

 

  1. </script>

 

 

Main Menu

Ubuntu

Donate

If you find this website useful and you would like to contribute feel free to by using the button below.

Site Specs

Site best viewed in a screen resolution of 1024x768 & 32 bit colours or higher using the latest version of Firefox