History: Add external JavaScript

            {syntax type="markdown"  editor="wysiwyg"} # {{page}}

This is a short ((Tutorial)).

{REMARKSBOX(type="info" title="Hint")}In Tiki pre-14 trunk, the old structure *"styles/mytheme.css - styles/mytheme/\*" - "templates/styles/mytheme"* is not working anymore, it became deprecated for the release of Tiki14. **"templates/styles/mytheme" files should be moved manually to "themes/mytheme/templates" folder**. In case of questions please contact the Tiki artwork-list on sourceforge: 
[https://lists.sourceforge.net/mailman/listinfo/tikiwiki-artwork] {REMARKSBOX}

You can do it in various ways. Some devs usually use `styles/custom.js` (or `styles/mytheme/custom.js`) to do most of their custom ((JS)) stuff, mainly so they can use a proper editor that checks for typos etc (and edits via s/ftp etc)

Or you can use the Custom JS pref: `header_custom_js` (which actually appears after the JS includes).

In there you can use the jQuery `$.getScript` command to load the 3rd party files - like this:

{CODE(caption="Script to include" colors="javascript" ln="1")}
$(document).ready( function () {
    $.getScript("files/some-fancy-library-file.js", function () {
        // Add the code to execute once the library has loaded here
        // ....
    });
});
{CODE}

{REMARKSBOX(type="info" title="Hint")}In Tiki pre-14 trunk, the old structure *"styles/mytheme.css - styles/mytheme/\*" - "templates/styles/mytheme"* is not working anymore, it became deprecated for the release of Tiki14. **"templates/styles/mytheme" files should be moved manually to "themes/mytheme/templates" folder**. In case of questions please contact the Tiki artwork-list on sourceforge: 
[https://lists.sourceforge.net/mailman/listinfo/tikiwiki-artwork] {REMARKSBOX}

More here: http://api.jquery.com/jQuery.getScript/

(alias(Add external js script))