ansaurus

Question

what happens when you use javascript to insert a javascript widget?

Answer 1

+1 A:

innerHTML does not work to insert script tags (because the linked script, in most browsers, will fail to execute). Really, you should insert the script tag once on the server side and insert only the link at the location of each post (that is, if you are adding this to a blog home page that shows multiple posts, each with their own URLs).

If, for some reason, you decide that you must use one snippet of JavaScript to do it all, at least import the tweet button script in a way that will work, for example, the Google Analytics way or the MediaWiki way (look for the importScriptURI function). (Note that I do not know the specifics of the tweet button, so it might not even work.)

idealmachine 2010-10-27 02:18:53

all the pages are static html pages, not from server. Long story short, i cant change that.

Xah Lee 2010-10-27 02:26:58

Edited my answer to include links to already-written functions to import JavaScript files.

idealmachine 2010-10-27 02:32:23

Answer 2

+1 A:

In order to execute the JS code you insert into a DIV via innerHTML, you need to do something like the following (courtesy of Yuriy Fuksenko at http://www.coderanch.com/t/117983/HTML-JavaScript/Execute-JavaScript-function-present-HTML )

function setAndExecute(divId, innerHTML) {  
    var div = document.getElementById(divId);  
    div.innerHTML = innerHTML;  
    var x = div.getElementsByTagName("script");   
    for (var i=0;i<x.length;i++) {  
        eval(x[i].text);  
    }  
}

A slightly more advanced approach is here: http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/ - look for <script> tags, take their content and create a new element into the <head>.

DVK 2010-10-27 02:29:09

ansaurus

tags:

views:

answers:

what happens when you use javascript to insert a javascript widget?

related questions