Add external JavaScript

This is a short Tutorial.

 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


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:

Script to include
Copy to clipboard
$(document).ready( function () { $.getScript("files/some-fancy-library-file.js", function () { // Add the code to execute once the library has loaded here // .... }); });

 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


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

Add external js script