Joomla! Documentation - Changes related to "Javascript Frameworks" [en]

J3.1:Javascript Frameworks

2013-05-16T11:23:30Z

Change JQuery to jQuery

J3.1:Javascript Frameworks

2013-05-15T23:13:50Z

Corrected spelling and capitalization errors.

@@ Line 4: / Line 4: @@
 == Twitter Bootstrap JavaScript Framework ==
-To enable the [http://twitter.github.com/bootstrap/ Bootstrap framework], call <code>JHtml::_('bootstrap.framework')</code>. This will automatically enable the JQuery framework in noConflict mode (i.e. accessed via <code>jQuery.</code> instead of <code>$.</code>)
+To enable the [http://twitter.github.com/bootstrap/ Bootstrap framework], call <code>JHtml::_('bootstrap.framework')</code>. This will automatically enable the jQuery framework in noConflict mode (i.e. accessed via <code>jQuery.</code> instead of <code>$.</code>)
 The Bootstrap library included is version 2.1.0 and is located at <code>media/jui/bootstrap.js</code>
 It includes methods to initialize the Bootstrap affix, alert, button, carousel, collapse, dropdown, modal, tooltip, popover, scrollspy, tab and typeahead  plugins.
@@ Line 10: / Line 10: @@
 NOTE: There is a known incompatibility between <code>bootstrap-button</code> and <code>jquery-ui-button</code>. Using both on the same page can result in conflicts. See [https://gist.github.com/4177778] for a possible workaround.
-== JQuery JavaScript Framework ==
+== jQuery JavaScript Framework ==
-In order to load JQuery, use <code>JHtml::_('jquery.framework');</code>
+In order to load jQuery, use <code>JHtml::_('jquery.framework');</code>
-This will load the JQuery version 1.8.1 library in '''no conflict''' mode. This means it is accessed via the <code>JQuery</code> namespace, not through <code>$</code>.
+This will load the jQuery version 1.8.1 library in '''no conflict''' mode. This means it is accessed via the <code>jQuery</code> namespace, not through <code>$</code>.
 To load it in normal mode, call <code>JHtml::_('jquery.framework', false);</code>
-== JQuery UI Framework ==
+== jQuery UI Framework ==
-The JUX libraries include the core [http://jqueryui.com/ JQuery UI] code plus Widget, Mouse, Position, and Sortable (version 1.8.23 as of Joomla 3.0.2). Please review the [http://api.jqueryui.com/ jQuery-UI documentation] for further details on their usage.
+The JUX libraries include the core [http://jqueryui.com/ jQuery UI] code plus Widget, Mouse, Position, and Sortable (version 1.8.23 as of Joomla 3.0.2). Please review the [http://api.jqueryui.com/ jQuery-UI documentation] for further details on their usage.
 In order to load the core call: <code>JHtml::_('jquery.ui');</code>
-This will load the appropriate <code>jquery-ui.core.js</code> from the <code>media/jui</code> directory. Enabling JQuery UI automatically enables JQuery in noConflict mode if it has not already been done.
+This will load the appropriate <code>jquery-ui.core.js</code> from the <code>media/jui</code> directory. Enabling jQuery UI automatically enables jQuery in noConflict mode if it has not already been done.
 To add the Sortable library, use <code>JHtml::_('jquery.ui', array('sortable'));</code>
-This will automatically include the core JQuery UI library and the JQuery library.
+This will automatically include the core jQuery UI library and the jQuery library.
 For clarity, it is best to explicitly enable both the core and sortable from a single call using <code>JHtml::_('jquery.ui', array('core', 'sortable'));</code>
-As of Joomla 3.0.2, only JQuery UI Core and Sortable are installed/available. To use other JQuery plugins, including JQuery UI plugins, you will need to make sure they are installed with your application and call <code>JHtml::_('script')</code> along with the appropriate parameters to load them. Alternatively, you may create and install your own JHtml extensions and create your own JHtml calls - such as <code>JHtml::_('mylibrary.myloader')</code>
+As of Joomla 3.0.2, only jQuery UI Core and Sortable are installed/available. To use other jQuery plugins, including jQuery UI plugins, you will need to make sure they are installed with your application and call <code>JHtml::_('script')</code> along with the appropriate parameters to load them. Alternatively, you may create and install your own JHtml extensions and create your own JHtml calls - such as <code>JHtml::_('mylibrary.myloader')</code>
 == Mootools JavaScript Framework ==

@@ Line 1: / Line 1: @@
 {{version/tutor|3.x|alt=1.5,2.5|altlink=Adding JavaScript|alttitle=these guides!}}
-The Joomla! CMS includes a number of Javascript Frameworks. This means instead of including your own Javascript code, you may use these pre-existing Javascript libraries of functions. Frameworks are loaded using calls to static methods in the <code>JHtml</code> class.
+The Joomla! CMS includes a number of JavaScript Frameworks. Instead of including your own JavaScript code, you may use these pre-existing JavaScript libraries of functions. Frameworks are loaded using calls to static methods in the <code>JHtml</code> class.
-== Twitter Bootstrap Javascript Framework ==
+NOTE: There is a known incompatibility between <code>bootstrap-button</code> and <code>jquery-ui-button</code>. Using both on the same page can result in conflicts. See [https://gist.github.com/4177778] for a possible workaround.
-To enable the [http://twitter.github.com/bootstrap/ Bootstrap framework], call <code>JHtml::_('bootstrap.framework')</code>. This will automatically enable the Jquery framework in noConflict mode (i.e. accessed via <code>jQuery.</code> instead of <code>$.</code>)
-The bootstrap libary included is version 2.1.0 and is located at <code>media/jui/bootstrap.js</code>
-It includes methods to initialize the Bootstrap alert, button, carousel, collapse, dropdown, modal, tooltip, popover, scrollspy, tab, typeahead, and affix plugins.
-NOTE: there is a known incompatibility between <code>bootstrap-button</code> and <code>jquery-ui-button</code>. Using both on the same page can result in conflicts. See [https://gist.github.com/4177778] for a possible workaround.
+== JQuery JavaScript Framework ==
-−
-== JQuery Javascript Framework ==
 In order to load JQuery, use <code>JHtml::_('jquery.framework');</code>
-This will load the Jquery version 1.8.1 library in '''no conflict''' mode. This means it is accessed via the <code>jQuery</code> namespace, not through <code>$</code>.
+This will load the JQuery version 1.8.1 library in '''no conflict''' mode. This means it is accessed via the <code>JQuery</code> namespace, not through <code>$</code>.
 To load it in normal mode, call <code>JHtml::_('jquery.framework', false);</code>
-== jQuery UI Framework ==
+== JQuery UI Framework ==
-The JUX libraries include the core [http://jqueryui.com/ jQuery UI] code plus Widget, Mouse, Position, and Sortable (version 1.8.23 as of Joomla 3.0.2). Please review the [http://api.jqueryui.com/ jQuery-UI documentation] for further details on their usage.
+The JUX libraries include the core [http://jqueryui.com/ JQuery UI] code plus Widget, Mouse, Position, and Sortable (version 1.8.23 as of Joomla 3.0.2). Please review the [http://api.jqueryui.com/ jQuery-UI documentation] for further details on their usage.
 In order to load the core call: <code>JHtml::_('jquery.ui');</code>
-This will load the appropriate <code>jquery-ui.core.js</code> from the <code>media/jui</code> directory. Enabling jQuery UI automatically enables JQuery in noConflict mode if it has not already been done.
+This will load the appropriate <code>jquery-ui.core.js</code> from the <code>media/jui</code> directory. Enabling JQuery UI automatically enables JQuery in noConflict mode if it has not already been done.
 To add the Sortable library, use <code>JHtml::_('jquery.ui', array('sortable'));</code>
-This will automatically include the core jQuery UI library and the jQuery library.
+This will automatically include the core JQuery UI library and the JQuery library.
 For clarity, it is best to explicitly enable both the core and sortable from a single call using <code>JHtml::_('jquery.ui', array('core', 'sortable'));</code>
-As of Joomla 3.0.2, only jQuery UI Core and Sortable are installed/available. To use other jQuery plugins, including jQuery UI plugins, you will need to make sure they are installed with your application and call <code>JHtml::_('script')</code> along with the appropriate parameters to load them. Alternatively, you may create and install your own JHtml extensions and create your own JHtml calls - such as <code>JHtml::_('mylibrary.myloader')</code>
+As of Joomla 3.0.2, only JQuery UI Core and Sortable are installed/available. To use other JQuery plugins, including JQuery UI plugins, you will need to make sure they are installed with your application and call <code>JHtml::_('script')</code> along with the appropriate parameters to load them. Alternatively, you may create and install your own JHtml extensions and create your own JHtml calls - such as <code>JHtml::_('mylibrary.myloader')</code>
-== Mootools Javascript Framework ==
+== Mootools JavaScript Framework ==
-''It is assumed that this framework is deprecated and may be removed in future versions''
+''This framework is deprecated and may be removed in future versions.''
-Loads the mootools libraries from <code>system/js</code>. <code>JHtml::_('behavior.framework', $type)</code> where <code>$type</code> defines which library.
+Loads the Mootools libraries from <code>system/js</code>. <code>JHtml::_('behavior.framework', $type)</code> where <code>$type</code> defines which library.
 Core: <code>mootools-core.js</code>, version 1.4.5
 More: <code>mootools-more.js</code>, version 1.4.0.1, enabling more automatically enables core
-== Joomla! Javascript Framework ==
+== Joomla! JavaScript Framework ==
-''Many of the Joomla libraries require the Mootools framework, it is assumed that these will be migrated to the Bootstrap framework in some future version''
+''Many of the Joomla libraries require the Mootools framework. It is assumed that these will be migrated to the Bootstrap framework in some future version.''
-These javascript libraries can be located under the <code>media/system/js</code> folder. This list is incomplete, please check the folder for available libraries. Libraries include:
+These JavaScript libraries can be located under the <code>media/system/js</code> folder. This list is incomplete, please check the folder for available libraries. Libraries include:
 '''caption.js''' :: <code>JHtml::_('behavior.caption', $selector)</code>
-This will apply the caption functions to all elements of the DOM who have the CSS class <code>$selector</code>. Default selector class is <code>img.caption</code>.
+This will apply the caption functions to all elements of the DOM that have the CSS class <code>$selector</code>. Default selector class is <code>img.caption</code>.
 In order to apply the caption function to multiple classes, simply make multiple calls to <code>JHtml::_('behavior.caption', $selector)</code>. The library will only be loaded once, but it will be applied to all classes.
 '''tooltip.js''' :: <code>JHtml::_('behavior.tooltip', $selector, $params)</code>
 For all DOM objects with class <code>$selector</code>, an onhover tooltip will be created based on <code>$params</code>. The default selector is class <code>hasTip</code>. Loading this framework will also load the Mootools framework.
 '''combobox.js''' :: <code>JHtml::_('behavior.combobox')</code>
 Creates a combobox effect. Loading this framework will also load the Mootools framework.
 '''validate.js''' :: <code>JHtml::_('behavior.formvalidation')</code>
-Enabled form validation based on rules defined by the form fields. Loading this framework will also load the Mootools framework.
+Enables form validation based on rules defined by the form fields. Loading this framework will also load the Mootools framework.
-−
 '''switcher.js''' :: <code>JHtml::_('behavior.switcher')</code>
 This library is used internally and unlikely to be useful to other components. When enabled, it also enables the Mootools framework.
 '''multiselect.js''' :: <code>JHtml::_('behavior.multiselect')</code>
 JavaScript behavior to allow shift select in grids. Loading this framework will also load the Mootools framework.
 '''swf.js''' :: <code>JHtml::_('behavior.uploader')</code>
@@ Line 80: / Line 73: @@
 '''uploader.js''' :: <code>JHtml::_('behavior.uploader')</code>
-Add unobtrusive javascript support for the advanced uploader.
+Add unobtrusive JavaScript support for the advanced uploader.
-−
 '''mootree.js''' :: <code>JHtml::_('behavior.tree')</code>
-Add unobtrusive javascript support for a collapsible tree.
+Add unobtrusive JavaScript support for a collapsible tree.
 No files <code>JHtml::_('behavior.noframes')</code> - Break us out of any containing iframes.
 [[Category:Development]]