Home → How Do I... →

add an external link to a Javascript file

• Edit

stulk

Jun 18, 2014 @ 06:55 PM

I have two pages that need to link to a Javascript file and also include a little snippet of jQuery code. How can I do this without creating a whole new template & config. set for just these two pages?

The bottom of my of template looks like this:

</div><!-- /end #body-main -->
<hr/>
</div><!-- /container -->
<system-region name="FOOTER"/>
<system-region name="SKIP2"/>
<script src="/assets/js/jquery.js" type="text/javascript"></script>
<script src="/assets/js/bootstrap-modal.js" type="text/javascript"></script>
<script src="/assets/js/bootstrap-dropdown.js" type="text/javascript"></script>
<script src="/assets/js/bootstrap-tab.js" type="text/javascript"></script>
<script src="/assets/js/bootstrap-collapse.js" type="text/javascript"></script>
<script src="/assets/js/bootstrap-carousel.js" type="text/javascript"></script>

</body>
</html>

I need to add the following:

<script src="/assets/js/jquery.jcountdown.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#countdown").countdown({
date: "August 18, 2014 08:00"
});
}) ;
</script>

Any help would be greatly appreciated.

1. 1 Posted by Ryan Griffith on Jun 18, 2014 @ 07:28 PM

   

   Hi,

   You can accomplish this by adding a region to your existing Template (eg EXTRA_JAVASCRIPT), create an XML Block containing the code you need to include, and apply this Block to the new region at the page level via the configurations/outputs page under the edit tab.

   Please let me know if you have any questions.

   Thanks!

   • Edit

2. 2 Posted by stulk on Jun 18, 2014 @ 08:06 PM

   

   Great, thanks!

   • Edit

3. stulk closed this discussion on Jun 18, 2014 @ 08:06 PM.