Adding JavaScript - Revision history

Hutchy68: removed Category:Javascript; added Category:JavaScript using HotCat

2013-05-27T22:28:24Z

removed Category:Javascript; added Category:JavaScript using HotCat

Hutchy68: added Category:Javascript using HotCat

2013-05-27T14:01:18Z

added Category:Javascript using HotCat

Wilsonge: Remove 3.0 references

2013-04-29T09:08:51Z

Remove 3.0 references

Wilsonge: Update to 3.1 version

2013-04-29T09:08:00Z

Update to 3.1 version

Joomlaworks: The reference to the Mootools library for J1.5 was mistakenly reported as JHtml::_('behavior.framework'); when in fact it's JHTML::_('behavior.mootools');

2013-04-11T13:47:34Z

The reference to the Mootools library for J1.5 was mistakenly reported as JHtml::_('behavior.framework'); when in fact it's JHTML::_('behavior.mootools');

Wilsonge: /* Using a JavaScript Framework */

2013-03-09T02:36:32Z

‎Using a JavaScript Framework

Wilsonge: /* Using a JavaScript Framework */

2013-03-09T02:35:07Z

‎Using a JavaScript Framework

Wilsonge: /* JQuery */

2013-03-09T02:33:30Z

‎JQuery

Wilsonge: /* Mootools */

2013-03-09T02:33:13Z

‎Mootools

Elin: /* External JavaScript */

2013-02-10T17:34:50Z

‎External JavaScript

@@ Line 144: / Line 144: @@
 [[Category:Plugins]]
 [[Category:Tutorials]]
-[[Category:Javascript]]
+[[Category:JavaScript]]

← Older revision		Revision as of 14:01, 27 May 2013
Line 144:		Line 144:
	[[Category:Plugins]]		[[Category:Plugins]]
	[[Category:Tutorials]]		[[Category:Tutorials]]
		+	[[Category:Javascript]]

@@ Line 83: / Line 83: @@
 A Javascript framework provides developers with generic functionality for handling various coding tasks in a familiar, consistent and platform-independent way. A framework enables the developer to forget about the intricacies of implementing a certain function in different web browsers and focus on the requirements of the software.
-Two [[Javascript Frameworks]] are provided as part of Joomla 3.0; jQuery and Mootools. jQuery is a newly introduced framework which integrates with Joomla's new Bootstrap HTML framework; Mootools is Joomla's legacy Javascript library which is now superseded by jQuery and is included for backwards compatibility with 3rd party extensions.
+Two [[Javascript Frameworks]] are provided as part of Joomla 3.x; jQuery and Mootools. jQuery is a newly introduced framework which integrates with Joomla's new Bootstrap HTML framework; Mootools is Joomla's legacy Javascript library which is now superseded by jQuery and is included for backwards compatibility with 3rd party extensions.
 In nearly all cases you should use a framework when developing Javascript in your extensions or templates and including one is very simple with Joomla's API.
@@ Line 92: / Line 92: @@
 === Joomla 1.5/2.5 Mootools ===
-Unless you are maintaining Javascript code which leverages Mootools or you are developing an extension for a Joomla version prior to 3.0 it is recommended you use jQuery instead.
+Unless you are maintaining Javascript code which leverages Mootools or you are developing an extension for Joomla 2.5 or earlier it is recommended you use jQuery instead.
 Firstly, you will need to include the Mootools code in your extension. To include the Mootools framework in your extension, you add the following code to your view.html.php or tmpl file:

← Older revision		Revision as of 09:08, 29 April 2013
Line 1:		Line 1:
−	{{version/tutor\|1.5,2.5,3.0}}	+	{{version/tutor\|1.5,2.5,3.1}}

	JavaScript (also known as ECMAScript) is a scripting language primarily used in client-side web site development to extend and enhance an end-user's experience. Joomla provides developers with easy-to-use mechanisms to include JavaScript in their extensions using existing API methods.		JavaScript (also known as ECMAScript) is a scripting language primarily used in client-side web site development to extend and enhance an end-user's experience. Joomla provides developers with easy-to-use mechanisms to include JavaScript in their extensions using existing API methods.

@@ Line 96: / Line 96: @@
 Firstly, you will need to include the Mootools code in your extension. To include the Mootools framework in your extension, you add the following code to your view.html.php or tmpl file:
 <source lang="php">
 JHtml::_('behavior.framework');

@@ Line 83: / Line 83: @@
 A Javascript framework provides developers with generic functionality for handling various coding tasks in a familiar, consistent and platform-independent way. A framework enables the developer to forget about the intricacies of implementing a certain function in different web browsers and focus on the requirements of the software.
-Two [[Javascript Frameworks]] are provided as part of Joomla 3.0; JQuery and Mootools. JQuery is a newly introduced framework which integrates with Joomla's new Bootstrap HTML framework; Mootools is Joomla's legacy Javascript library which is now superseded by JQuery and is included for backwards compatibility with 3rd party extensions.
+Two [[Javascript Frameworks]] are provided as part of Joomla 3.0; jQuery and Mootools. jQuery is a newly introduced framework which integrates with Joomla's new Bootstrap HTML framework; Mootools is Joomla's legacy Javascript library which is now superseded by jQuery and is included for backwards compatibility with 3rd party extensions.
 In nearly all cases you should use a framework when developing Javascript in your extensions or templates and including one is very simple with Joomla's API.
@@ Line 100: / Line 100: @@
 </source>
-The above code results in the same outcome as the similar JQuery framework statement; that is it ensures Mootools is included correctly and only once.
+The above code results in the same outcome as the similar jQuery framework statement; that is it ensures Mootools is included correctly and only once.
-Then using Mootools is almost identical to JQuery:
+Then using Mootools is almost identical to jQuery:
 <source lang="php">

@@ Line 87: / Line 87: @@
 In nearly all cases you should use a framework when developing Javascript in your extensions or templates and including one is very simple with Joomla's API.
-=== Mootools ===
+===Joomla 3.x jQuery ===
 Unless you are maintaining Javascript code which leverages Mootools or you are developing an extension for a Joomla version prior to 3.0 it is recommended you use jQuery instead.

← Older revision		Revision as of 02:33, 9 March 2013
Line 86:		Line 86:

	In nearly all cases you should use a framework when developing Javascript in your extensions or templates and including one is very simple with Joomla's API.		In nearly all cases you should use a framework when developing Javascript in your extensions or templates and including one is very simple with Joomla's API.
−
−	~~=== JQuery ===~~
−
−	As of Joomla 3.0 it is highly recommended you use the JQuery framework for all your Javascript as it is loaded by nearly every template which uses the Bootstrap HTML/CSS framework. In those few instances where JQuery is not available, you can easily include the framework using the JHTMLJQuery class' framework method.
−
−	~~To include the JQuery framework in your extension, you add the following code to your view.html.php or tmpl file:~~
−
−	~~<source lang="php">~~
−	~~JHtml::_('jquery.framework');~~
−	~~</source>~~
−
−	~~Using the framework method ensures JQuery is included correctly, only once, and ensures it doesn't clash with Mootools (if also loaded).~~
−
−	~~Then it is just a matter of leveraging the JQuery framework:~~
−
−	~~<source lang="php">~~
−	~~JFactory::getDocument()->addScriptDeclaration('~~
−	~~(function($) {~~
−	~~$(document).ready(function() {~~
−	~~alert($("#list li").size());~~
−	~~});~~
−	~~})(jQuery);~~
−	~~');~~
−	~~</source>~~
−
−	~~More information about JQuery is available at http://docs.jquery.com/How_jQuery_Works. For API documentation, visit http://docs.jquery.com/.~~

	=== Mootools ===		=== Mootools ===

@@ Line 32: / Line 32: @@
 <source lang="php">
 <?php
-$document = &JFactory::getDocument();
+$document = JFactory::getDocument();
 $document->addScript('/media/system/js/sample.js');
 ?>