J3.x:Adding JavaScript and CSS to the page - Revision history

Robbiej: Added deprecation notice and link to Joomla Manual

2024-11-27T10:34:13Z

Added deprecation notice and link to Joomla Manual

← Older revision		Revision as of 10:34, 27 November 2024
Line 1:		Line 1:
			{{Warning\|This page has been superseded and is no longer maintained. Please go to [https://manual.joomla.org/docs/general-concepts/javascript/adding-javascript/ Joomla Manual ] instead}}

	<noinclude><languages /></noinclude>		<noinclude><languages /></noinclude>
	<translate>		<translate>

2022-09-17T21:00:30Z

Some changes for Word2Watch compliance and other markup changes.

2021-10-31T17:56:16Z

Correcting "your" to "you are."

← Older revision		Revision as of 17:56, 31 October 2021
Line 222:		Line 222:
	</translate>		</translate>
	<translate><!--T:37-->		<translate><!--T:37-->
	This is also useful if ~~your~~ inserting a form field of CSS into your code. For example, in a module you might want a user to choose the colour of the border. Call the form field's value and assign it a variable $bordercolor in mod_example.php. Then in tmpl/default.php you can include the following:</translate>		This is also useful if you are inserting a form field of CSS into your code. For example, in a module you might want a user to choose the colour of the border. Call the form field's value and assign it a variable $bordercolor in mod_example.php. Then in tmpl/default.php you can include the following:</translate>

	<source lang="php">		<source lang="php">

2020-04-02T07:54:05Z

Marked this version for translation

2020-04-02T07:52:52Z

2020-01-17T10:59:40Z

fix typo in code

← Older revision		Revision as of 10:59, 17 January 2020
Line 239:		Line 239:
	<tt>mod_css_js_demo.xml</tt>		<tt>mod_css_js_demo.xml</tt>
	<source lang="xml">		<source lang="xml">
	~~<?xml version="1.0" encoding="utf-8"?>~~
	<?xml version="1.0" encoding="utf-8"?>		<?xml version="1.0" encoding="utf-8"?>
	<extension type="module" version="3.1" client="site" method="upgrade">		<extension type="module" version="3.1" client="site" method="upgrade">

2020-01-17T10:53:36Z

added $options and $parameters section, passing language strings and sample module code.

2018-11-23T19:22:07Z

Minor punctuation and language modifications.

2018-02-14T13:30:27Z

← Older revision		Revision as of 13:30, 14 February 2018
Line 54:		Line 54:

	<translate><!--T:44-->		<translate><!--T:44-->
	Joomla! use special mechanism for "lazy loading" the options on the client side. It ~~do not~~ use inline JavaScript, that is good for page rendering speed, and make your site more friendly for the Speed Tester (eg Google).</translate>		Joomla! use special mechanism for "lazy loading" the options on the client side. It doesn't use inline JavaScript, that is good for page rendering speed, and make your site more friendly for the Speed Tester (eg Google).</translate>

	<translate><!--T:45-->		<translate><!--T:45-->

2017-08-13T14:30:54Z

← Older revision		Revision as of 14:30, 13 August 2017
Line 66:		Line 66:
	<source lang="php">		<source lang="php">
	$document = JFactory::getDocument();		$document = JFactory::getDocument();
	$document->addScriptOptions('mod_example',		$document->addScriptOptions('mod_example', array(
	'colors' => array('selector' => 'body', 'color' => 'orange'),		'colors' => array('selector' => 'body', 'color' => 'orange'),
	'sliderOptions' => array('selector' => '.my-slider', 'timeout' => 300, 'fx' => 'fade'),		'sliderOptions' => array('selector' => '.my-slider', 'timeout' => 300, 'fx' => 'fade')
	));		));
	</source>		</source>
Line 93:		Line 93:

	<translate>		<translate>

	== Inserting inline scripts from within a PHP file == <!--T:32-->		== Inserting inline scripts from within a PHP file == <!--T:32-->
	</translate>		</translate>