Jaxs Pro

Advance yourself...

Jaxs Pro Learning Center
What is the learning Center?
NEW in 1.2 - How to enable a custom AJAX internal link

To enable your own link as an ajax internal link (So that it will behave exactly as a menu link) all you have to do is the following:

Using RapidWeaver's custom link attribute, add a class of ajaxinternal to the link... it should look like the screen shot below:

Picture 4

To add the class, simply click the plus button in the bottom left of the custom attributes, give it a name of class, and a value of ajax internal.

About Ajax Breaker, and Ajax Mode

Ajax Breaker

Ajax Breaker controlls the way a specific page is loaded.
• It can be turned on / off on specific pages
• Ajax Breaker is controlled by RapidWeavers ‘Open in new window checkbox’ on each page. (in the page inspector)


Picture 1 When Ajax Breaker is off (Default), the page will be loaded in Ajax Mode, without a reload of the browser.
Picture 2 When Ajax Breaker is turned on, it will remove the page from the ajax flow, and that page (only) will be completely reloaded as a normal page would.

• Unchecked (default) - Ajax Breaker OFF

• Checked - Ajax Breaker ON



Ajax Mode

Ajax Mode is similar to Ajax Breaker, but instead, it disables ajax mode for every menu item on a specific page.

• Ajax Mode simply turns of ajax links on the page, so that every menu link works as normal
• It can be turned on / off on specific pages
• it is found in the styles tab of the page inspector
• Think of it as a ‘menu wide’ version of Ajax Breaker



Picture 3Ajax mode is ON (default) pages will load in Ajax flow, without reload, unless they have the Ajax Breaker applied
Picture 6Ajax mode is OFF - ALL pages will fully reload from this page, regardless of the Ajax Breaker

The 2nd Sidebar + Snippets = “Awesome”

Jaxs Pro utilises the Sidebar Title field to allow users to place items / code outside of the reload area.


This allows for advanced features such as the gorgeous CSS and java created search bar. Or even a constantly playing mp3 player.

Picture 3
The theme comes with snippets provided for both the gorgeous search bar and the mp3 player

All you have to do is drag the snippets into the second sidebar.


The Google searchcode will automatically search from whatever base url you have set up in your site selection.
The RapidSearch Snippet requires you to edit the snippet first, entering the FULL url of your rapidsearch page.


Good Ajax Practises for folder organisation

Because the work flow is slightly different, so as not to break any images or url links, if you are running in Ajax mode you should always try to keep your pages in the first directory.

Here’s how you do that...
Always have a / in the folder box, and then the page name.html like so:


Picture 1


How to link to your own pages

If have correcttly used the above technique of folder organisation, most RapidWeaver generated internal page links should work!


Now, for external links from external sites to one of your pages, there are two ways of doing this... you can either do it using the index.html/#learningcenter syntax that is produced by the AJAX javascript, or you can use the normal learningcenter.html


Picture 1 (The javascript simply strips the extension .html and adds a hash before the page title)
Picture 2 (This is the normal way of linking into a site)

The only difference will be that using the first method will load the index.html code, and the pagetitle content


Whereas the second will simply load the entire learning center code



Use your own background music

Simply left click the theme in the theme drawer, and replace the music.mp3 in the images folder with your own track, which you must rename music.mp3.
Then use the snippet to add the single button mp3 player to the site


This image is a theme.plist hack