Joompad.be - Development site J!15

Title image 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel velit ligula. Quisque eleifend massa in massa consectetur volutpat. Title image 2
Proin vel tortor non purus vestibulum bibendum a in massa. Duis dapibus libero vitae nisl aliquet aliquam eleifend purus porttitor. Title image 3
Aliquam erat volutpat. Integer fringilla volutpat tellus non aliquam. Nam laoreet ipsum scelerisque lorem elementum iaculis. Title image 4
Etiam cursus, dui quis condimentum hendrerit, justo augue blandit ligula, porttitor elementum justo massa sed dui. Title image 5
Proin metus neque, pulvinar at consequat in, mollis mollis mauris. Ut vulputate nibh sit amet arcu pulvinar tempus. Title image 6
Ut magna magna, consectetur quis dignissim vitae, mollis vel velit. Aliquam egestas, erat ut porta faucibus, dolor dolor iaculis lorem, in euismod eros velit in mauris. Title image 7
Ut magna magna, consectetur quis dignissim vitae, mollis vel velit. Aliquam egestas, erat ut porta faucibus, dolor dolor iaculis lorem, in euismod eros velit in mauris. Title image 8
Ut magna magna, consectetur quis dignissim vitae, mollis vel velit. Aliquam egestas, erat ut porta faucibus, dolor dolor iaculis lorem, in euismod eros velit in mauris.

Cohabitation of jQuery and Mootools in Joomla 1.5 is sometimes a very frustrating nightmare.

I want just to share my experience in solving these conflicts encountered during the development and installation of my 2 modules "zooinfo" and "coinslider" on several web sites that I administer.

This plugin exhibits the following behaviors:(excerpt from joomlaguru)

a. Two modes

User can select to replace mootools with jQuery completely or use jQuery in conjunction with mootools. Using jQuery with mootools introduces noConflict features of jQuery and replaces '$' operator with jquery. This allows other libraries to use '$' operator without conflict.
The plugin will also ensure that Mootools is loades before any jQuery script.

b. Where to use selection

Use can select where to use jQuery. User can choose to use jQuery in frontend and/ or in administrator.

c. Allows other application to check if jquery is loaded.

This plugin also introduces a variable in application session that allows others to check if jquery is loaded or not.

The jquery library must be found in directory: /plugins/system/osjquery  and the plugin is delivered with the
jquery-1.3.2.min.js library.

If you need to change the library version, upload the wanted library file in the folder and adapt the code of the file /plugins/system/osquery.php with the correct libray file name.

In order to bypass the edition process, I slightly modified the original version in order to add a setting allowing to define the library file name. The only thing you still need to do is to push the wanted library in the folder as defined hereabove and reference the new file in the plugin settings.

You will find my updated version in the download section of the site.
Note: do not forget to disable the settings in the jQuery modules to not load the library and not use the noconflict mode (the plugin will do the job).
Full credits stay with the original creator.

I found also lot of very important and straightforward information in the excellent reference book (I can't survive without it!) of Joseph L. Leblanc "Learning Joomla! 1.5 - Extension Development" edited by PACKT Publishing.

Chapter 8 "Using Javascript effect" has a specific section about Joomla! and Mootools cohabitation.

Packtpub has provided this chapter as a book's sample.

Read it carefully as sometimes you need to adapt one line of code in the jquery plugin as described on page 184.

I hope you can find here enough information in order to use my jQuery modules in any Joomla! environment.

Daniel

Update on 10/01/2011: This site uses now the excellent plugin jQuery++ Integrator