Adding JavaScript and CSS to the page - Revision history

Wilsonge: Add needs review as this code doesn't work on 2.5/3.x

2013-06-13T01:40:50Z

Add needs review as this code doesn't work on 2.5/3.x

2013-06-08T01:50:48Z

removing 1.5 and making 3.1 into 3.x

2013-05-27T22:24:57Z

2013-05-27T22:22:37Z

2013-05-26T20:36:51Z

article to tutorial

2013-04-29T09:09:30Z

Update to 3.1 version

2013-04-19T23:32:56Z

Remove & which would give PHP strict warning

2013-04-19T23:32:19Z

Remove & which would give PHP strict warning

2013-02-01T11:50:25Z

Remove Stub

2013-02-01T11:50:04Z

Move Add Custom Tag into separate section

← Older revision		Revision as of 01:40, 13 June 2013
Line 1:		Line 1:
−	{{version/tutor\|2.5,3.x}}	+	{{version/tutor\|2.5,3.x}}{{review\|\|Code is no longer 2.5/3.x applicable}}

	== Inserting from a File ==		== Inserting from a File ==

@@ Line 98: / Line 98: @@
 <noinclude>[[Category:Development]] [[Category:Tutorials]][[Category:Component Development]][[Category:Module Development]]
 [[Category:JavaScript]]
 </noinclude>

← Older revision		Revision as of 22:22, 27 May 2013
Line 96:		Line 96:
	</source>		</source>

−	<noinclude>[[Category:Development]] [[Category:Tutorials]][[Category:Component Development]][[Category:Module Development]]</noinclude>	+	<noinclude>[[Category:Development]] [[Category:Tutorials]][[Category:Component Development]][[Category:Module Development]]
		+	[[Category:JavaScript]]
		+	</noinclude>

@@ Line 1: / Line 1: @@
-{{version|1.5,2.5,3.0}}
+{{version|1.5,2.5,3.1}}
 == Inserting from a File ==
@@ Line 96: / Line 96: @@
 </source>
-[[Category:Development]]
+<noinclude>[[Category:Development]] [[Category:Tutorials]][[Category:Component Development]][[Category:Module Development]]</noinclude>
 [[Category:Tutorials]][[Category:Component Development]][[Category:Module Development]]

@@ Line 18: / Line 18: @@
 First, get a reference to the current document object:
 <source lang="php">
-$document =& JFactory::getDocument();
+$document = JFactory::getDocument();
 </source>
 For a stylesheet, use this code:
@@ Line 35: / Line 35: @@
 However, your Javascript or CSS might not be located in a separate file&mdash;you might want to generate them using PHP. In this case you can write the script or stylesheet directly into the head of your document:
 <source lang="php">
-$document =& JFactory::getDocument();
+$document = JFactory::getDocument();
 // Add Javascript
 $document->addScriptDeclaration($javascript, $type);
@@ Line 75: / Line 75: @@
 This is also useful if your inserting a parameter/form field of CSS into your code. For example in a module, you might want a user to choose to call the colour of the border. After calling the parameter/form field and assigning it a variable $bordercolor in mod_example.php. Then in tmpl/default.php you can include the following
 <source lang="php">
-$document =& JFactory::getDocument();
+$document = JFactory::getDocument();
 $document->addStyleSheet(JURI::base() . 'modules/mod_example/css/mod_example.css');
 $style = '#example {
@@ Line 92: / Line 92: @@
 $stylelink .= '<![endif]-->' ."\n";
-$document =& JFactory::getDocument();
+$document = JFactory::getDocument();
 $document->addCustomTag($stylelink);
 </source>

@@ Line 65: / Line 65: @@
+}
-$document =& JFactory::getDocument();
+$document = JFactory::getDocument();
 $document->addStyleSheet("/joomla/components/com_mycustomcomponent/css/mytooltip.css",'text/css',"screen");
 $document->addScriptDeclaration(getToolTipJS("mytool","MyToolTip"));

@@ Line 84: / Line 84: @@
 </source>
 Here mod_example.css contains the CSS file of any non-parameter based styles. Then the bordercolor parameter/form field is added in separately
 There will be some occasions where even these functions are not flexible enough, as they are limited to writing the contents of <code><script /></code> or <code><style /></code> tags, and cannot add anything outside those tags. One example would be the inclusion of a stylesheet link within conditional comments, so that it is picked up only by Internet Explorer 6 and earlier. To do this, use <code>$document->addCustomTag</code>: