J3.x

Adding JavaScript and CSS to the page: Difference between revisions

From Joomla! Documentation

Jlleblanc (talk | contribs)
No edit summary
mNo edit summary
Line 21: Line 21:
$document->addCustomTag($html);
$document->addCustomTag($html);
</pre>
</pre>
[[Category:Development]]

Revision as of 04:26, 9 July 2008


To have a well-formed XHTML document, you must put all references to Javascript and CSS files within the <head> portion. Since Joomla! generates all of the HTML that makes up a page before output, it is possible to add these references to the <head> tag from your extension. To accomplish this, you first need to get a reference to the current document object:

$document =& JFactory::getDocument();

To add a Javascript file, use this code:

$document->addScript($url);

For a stylesheet, use this code:

$document->addStyleSheet($url);

If you want to add custom HTML to the head tag, use this code:

$document->addCustomTag($html);