Actions

J2.5

Difference between revisions of "Working with Mootools 1.3"

From Joomla! Documentation

(New page: {{JVer|1.6}}<br /> Joomla 1.6.0 includes Mootools Core 1.3 and Mootools More 1.3.0.1 including all it's modules. =How to use Mootools= If your extension uses Mootools you can use the foll...)
 
(Styling fixes and category change)
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{JVer|1.6}}<br />
+
{{version|2.5}}
Joomla 1.6.0 includes Mootools Core 1.3 and Mootools More 1.3.0.1 including all it's modules.
+
  
=How to use Mootools=
+
MooTools is Joomla's standard Javascript framework. It provides a more object oriented approach to JavaScript.
 +
 
 +
*Joomla 1.6.0 and newer include MooTools Core 1.3 and MooTools More 1.3.0.1 including all its modules.
 +
*Joomla 1.7.0 and newer include MooTools Core 1.3.2 and MooTools More 1.3.2.1 including all its modules.
 +
 
 +
==How to use Mootools==
 
If your extension uses Mootools you can use the following code to include the framework in Joomla's output.
 
If your extension uses Mootools you can use the following code to include the framework in Joomla's output.
  
Line 15: Line 19:
 
</source>
 
</source>
  
=Differences to Mootools 1.1/1.2=
+
==Differences to Mootools 1.1/1.2==
The most important difference between Mootools 1.3 and older versions is, that the $() function is deprecated. Instead document.id() should be used.
+
Many old functions have been removed or renamed in Mootools 1.3. Thanks to the compatibility module they still work fine in Joomla 1.6, however a future version of Joomla is likely to remove the compatibility module. It is recommended to follow the Mootools' [https://github.com/mootools/mootools-core/wiki/Upgrade-from-1.2-to-1.3 Upgrade from 1.2 to 1.3] guide to future proof your code.
  
=More information=
+
Also new in Mootools 1.3 is, that the $() function is deprecated. Instead document.id() should be used. This will help when other JavaScript frameworks are mixed with Mootools code.
 +
 
 +
==More information==
 
You can find more information, examples and Mootools plug-ins on the [http://mootools.net/ Mootools Homepage].
 
You can find more information, examples and Mootools plug-ins on the [http://mootools.net/ Mootools Homepage].
 +
 +
<noinclude>
 +
[[Category:Development]]
 +
[[Category:Joomla! 2.5]]
 +
</noinclude>

Revision as of 07:50, 29 April 2013


MooTools is Joomla's standard Javascript framework. It provides a more object oriented approach to JavaScript.

  • Joomla 1.6.0 and newer include MooTools Core 1.3 and MooTools More 1.3.0.1 including all its modules.
  • Joomla 1.7.0 and newer include MooTools Core 1.3.2 and MooTools More 1.3.2.1 including all its modules.

How to use Mootools

If your extension uses Mootools you can use the following code to include the framework in Joomla's output.

Mootools Core:

JHtml::_('behavior.framework');

Mootools Core and Mootools More:

JHtml::_('behavior.framework', true);

Differences to Mootools 1.1/1.2

Many old functions have been removed or renamed in Mootools 1.3. Thanks to the compatibility module they still work fine in Joomla 1.6, however a future version of Joomla is likely to remove the compatibility module. It is recommended to follow the Mootools' Upgrade from 1.2 to 1.3 guide to future proof your code.

Also new in Mootools 1.3 is, that the $() function is deprecated. Instead document.id() should be used. This will help when other JavaScript frameworks are mixed with Mootools code.

More information

You can find more information, examples and Mootools plug-ins on the Mootools Homepage.