Software and services at affordable prices

RichoSoft is a non-profit making site

Site documents

Newsletter - Sign up to my Newsletter

About  templates

New members area - free to join - exclusive content & offers
|

From RichoSoft

WebPlus - Get Light Boxes to work with Moo Tools on the same page

When you use Moo Tools (and some other javascript utilities) with Serif Light boxes and some other Serif utilities that use the jQuery.js on the same page you will get conflicts, which either cause:

1. One or both not to work.

2. Strange un-desired results.

This is because both libraries have functions with the same name and if the function is called with the $ as in:

Light Box Tips & Tricks

More Light Box Tips

The page does not know which function to use, and will either pick the wrong one or none at all.

With mootools the solution I have come up with is as follows:

Supposing you have the following in the <head> of your page


You add a Light box and Serif WebPlus X5 adds:

You now have the jquery.js and the mootools-1.2.1-core.js, mootools-1.2-more.js and slideitmoo-1.1.js on the same page, this is what causes the issues.

Solution:

1.Edit each of the three mootools libraries in a text editor such as notepad++ .

2.Do a search and replace for all the $'s and replace them all with something like moo.

3.Save the scripts with a new name (I suggest adding a couple of letters in the front and a -, so that mootools-1.2.1-core.js becomes say rs-mootools-1.2.1-core.js.)

4.Repeat with all mootools scripts.

5.Replace the scripts in your site with the new ones.

6.Then edit the code in the <head> of your page so that the new script files are referred to.

e.g.


(NOTE: If you refer to any functions in moo tools on your page using the $ you will need to replace the $ with moo or whatever you replaced the $ with in the library)

The Serif Light box or other utility using the jquery.js will now happily co-reside with moo tools on the same page as each other.

This may well work with other script libraries that conflict with jQuery.