Page is a not externally linkable
- Code, Content, and Presentation
-- JavaScript and AJAX
---- Loading widgets on click


Fotiman - 2:28 pm on Mar 12, 2013 (gmt 0)


Note, trigger is not a specific term that's necessarily common, I just used it because you're going to have some element that, when clicked, is going to "trigger" the loading of your script. Here's an example where I've made that Share button the trigger:

<script type="text/javascript">
function loadScript(src, callback) { var s, r; r = false; s = document.createElement('script'); s.type = 'text/javascript'; s.src = src; s.onload = s.onreadystatechange = function() { if (!r && (!this.readyState || this.readyState == 'complete')) { r = true; if (callback !== undefined) { callback(); } } }; document.getElementsByTagName('script')[0].appendChild(s);}
</script>
<a id="trigger" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=example" class="addthis_button_compact">Share</a>
<script type="text/javascript">
var addthis_use_addressbook = true; addthis_config = { data_use_cookies: false };
var triggerElement = document.getElementById('trigger'),
addThisLoaded = false;
trigger.onclick = function () {
if (!addThisLoaded) {
loadScript("http://s7.addthis.com/js/250/addthis_widget.js#pub=example",
function() {
addThisLoaded = true;
});
}
};
</script>


Thread source:: http://www.webmasterworld.com/javascript/4553579.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com