How can include component js after templete js

Question

I added javascript on templete index.php

$doc    =   JFactory::getDocument();
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/jquery.js', 'text/javascript');

and added another on component below

$document = JFactory::getDocument();      
$document->addScript($this->baseurl . '/templates/' . $this->template . '/js/validation.js');

but always js (validation.js) of component getting add before tempelete js(jquery.js)

How can i add component js(validation.js) after templete js(jquery.js).

Jobin · Accepted Answer · 2014-01-30 02:45:31Z

1

If you are using jquery.js as main jQuery library on your project then you can simple include the jquery.js before the head module in index.php. like below.

<script src="templates/js/jquery.js" type="text/javascript"></script>
<jdoc:include type="head" />

Then in your component you can simply use same as below.

$document = JFactory::getDocument();      
$document->addScript($this->baseurl . '/templates/' . $this->template . '/js/validation.js');

An alternate option is Addcustom tag , helps to adding scripts to the document.

$document   =   JFactory::getDocument();
$document->addCustomTag('<script src="'.$this->baseurl . '/templates/' . $this->template . '/js/validation.js" type="text/javascript"></script>');

Otherwise you have to load the component js also in index.php with second order but that will load the js file for all pages.

Hope its helps..

edited Jan 30, 2014 at 2:45

answered Jan 9, 2014 at 6:33

Jobin

8,2822 gold badges36 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nick · Accepted Answer · 2014-01-09 06:40:19Z

1

I am going through google and found one solution that i can use custom tag function for component like below:

$document   =   JFactory::getDocument();
$document->addCustomTag('<script src="'.$this->baseurl . '/templates/' . $this->template . '/js/validation.js" type="text/javascript"></script>');

and for template as it below:

$doc    =   JFactory::getDocument();
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/jquery.js', 'text/javascript')

answered Jan 9, 2014 at 6:40

Nick

847 bronze badges

1 Comment

Jobin Over a year ago

Nice..yes you can use this method too, if the script file have only limited lines you can use addScriptDeclaration check this too docs.joomla.org/Adding_JavaScript

Collectives™ on Stack Overflow

How can include component js after templete js

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related