Adding JavaScript

2008-06-29T16:33:41Z

Jimtripp: Initial text on adding a sample javascript file.

{{cookiejar}}
===Adding JavaScript===
----
This chunk should describe in detail how to add JavaScript to the head of
a template using the Joomla! 1.5 API calls. It should be aimed at
people who have only minimal knowledge of PHP, HTML and JavaScript.
----
[[Category:Templates]]

Add the following code to have the javascript library /media/system/js/sample.js included in your template.

<?php
$document = &JFactory::getDocument();
$document->addScript( '/media/system/js/sample.js' );
?>

===Explanation===

----

Ultimately you are trying to have the resulting HTML page have in the <head> ... </head> area have a javascript include:

For Example:
<script type="text/javascript" src="/media/system/js/sample.js"></script>

Ensure that the javascript you want to include is in the directory, from the above example:
/media/system/js/sample.js

When you are able to load both your page and see the <script> tag in the <head> area, and be able to load the javascript from the address

Again, using the example:
<nowiki>http://www.example.com/media/system/js/sample.js</nowiki>

Then the script is integrated into your page, and you can proceed to using javascript in your HTML.

Do not directly add the <script> to your template's index.php.

The code will insert the the <script> line where your index.php has the following line:

<jdoc:include type="head" />

Add this PHP code to your page, in the head, or next to the javascript code you will use, depending on your preference.

<?php
$document = &JFactory::getDocument();
$document->addScript( '/media/system/js/sample.js' );
?>

Reload your template and view the paga, and ensure that the sample.js is included in the <head>

Joomla! Documentation - User contributions [en]

Adding JavaScript