Features

1. 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.

2. Where to use selection

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

3. 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 illustration of use is as below\

    $app =& JFactory::getApplication();

        //Check to see if jquery is already included
        if( $app->get('jquery') === true ) {

            //Code here

        }
    else
    {

    //Code here

    }

Here is the screenshot of plugin parameters

License

The module is released under GNU/GPL license and hence users are allowed distribute and modify the module without warranty what so ever. The developer does not bear any liability for the extension.

Download

Download the latest release from the download section of joomlaguru.com.np or you can click here to download the plugin.

Send in your comments and feedbacks on the plugin. Hope you will like the plugin. Happy reading.

Now back to the topic. jQuery and Mootools are known to produce conflicts when used together. jQuery is more reliable and robust than mootools (It is my personal view)  but it is however not provided with core joomla installation. So how to use jQuery with Mootools without any conflicts. 

To use jQuery with joomla,

• Download the latest jQuery release or any releast the best fit your requirements,
• Save it to an accessible folder (e.g. /media/system/js/)
• Now include the library from within your view. i.e. include the jquery library in layout file (normally default.php) of your view.

$document = &JFactory::getDocument();
$document->addScript(JPATH_SITE.’/media/system/js/jquery.js’ );
$document->addScriptDeclaration ( ‘jQuery.noConflict();’ );

You can use jQuery with jQuery.noConflict() method called right after you include the jQuery library as shown above.

This will allow you to use the jQuery without conflicts. But what if you want to replace all the mootools library with jQuery and don’t want to use mootools at all. But remember the Joomla Administrator section uses mootools heavily so you cannot eliminate mootools from administration panel. So how to use jQuery in frontend. Here is the trick.

Open a file named behavior.php. This is under libraries->joomla->html->html. Now find a method named mootools($debug = null). Create another function named jQuery(debug=null) and paste the code as below in the body of the function.

function jQuery($debug = null)
    {
        static $loaded;

        global $mainframe;
        // Only load once
        if ($loaded) {
            return;
        }

        // If no debugging value is set, use the configuration setting
        if ($debug === null) {
            $config = &JFactory::getConfig();
            $debug = $config->getValue(‘config.debug’);
        }

        $konkcheck = strpos (strtolower($_SERVER['HTTP_USER_AGENT']), “konqueror”);

        if ($debug || $konkcheck) {
            JHTML::script(‘jquery.js’, ‘media/system/js/’, false);
        } else {
            if($mainframe->isSite()) {

                JHTML::script(‘jquery.min.js’, ‘media/system/js/’, false);
            }
            else
            {
                JHTML::script(‘mootools.js’, ‘media/system/js/’, false);
            }
        }
        $loaded = true;
        return;
    }

Now you can use jQuery in the frontend but the admin still uses the mootools. With this method you will not face any conflicts and use jQuery without mootools.

The jquery.min.js is the minified version of jQuery library whereas the jquery.js is uncompressed version. Remember to put these both files under media->system->js folder.

To use jQuery in your codes just call JHTML::_(‘behavior.jQuery’) to import jquery into your page. isn’t it cool to use jquery with joomla. I dreamt of it for long.

Send me comments and suggestions on this post. Happy reading