Comments on: Javascript script execution in innerHTML: the revenge http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/ my very own personal corner Sun, 29 Aug 2010 17:26:31 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: smu johnson http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-5921 smu johnson Mon, 30 Nov 2009 23:14:50 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-5921 Ok, upon further investigation of my lead, someone on IRC was kind enough to explain to me the correct workaround to fix this annoying IE issue: 15:00:04 @makk | yeah, this is a known issue in IE 15:00:08 @makk | there is a trick to get around it 15:00:14 @makk | but i don't recommend it 15:00:32 @makk | all you have to do is put some non-whitespace before the script tag 15:00:42 @makk | and then you should be able to grab the element 15:01:24 @makk | for example: div.innerHTML = ' ...'; Ok, upon further investigation of my lead, someone on IRC was kind enough to explain to me the correct workaround to fix this annoying IE issue:

15:00:04 @makk | yeah, this is a known issue in IE
15:00:08 @makk | there is a trick to get around it
15:00:14 @makk | but i don’t recommend it
15:00:32 @makk | all you have to do is put some non-whitespace before the script tag
15:00:42 @makk | and then you should be able to grab the element
15:01:24 @makk | for example: div.innerHTML = ’ …’;

]]> By: smu johnson http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-5920 smu johnson Mon, 30 Nov 2009 22:12:18 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-5920 Ok, the problem with IE not working isn't the .text or .innerHTML confusion. It is the fact that: var st = node.getElementsByTagName('script'); doesn't behave the same in Firefox as it does in IE. Everytime I get here in IE, it returns an array with st.length being 0 everytime. So in other words, the for loop is never even executed. Even trying to set DIV or SPAN or whatever your node is with .text = 'blah' instead of .innerHTML makes no difference. Ok, the problem with IE not working isn’t the .text or .innerHTML confusion. It is the fact that: var st = node.getElementsByTagName(‘script’); doesn’t behave the same in Firefox as it does in IE. Everytime I get here in IE, it returns an array with st.length being 0 everytime. So in other words, the for loop is never even executed. Even trying to set DIV or SPAN or whatever your node is with .text = ‘blah’ instead of .innerHTML makes no difference.

]]> By: smu johnson http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-5918 smu johnson Mon, 30 Nov 2009 21:27:18 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-5918 Ok, I got it to work in Firefox, but still no IE. I know it says "it doesn't like innerHTML!!!" but what do we need to change then? The function itself provided by this nice blog page or the actual javascript code where the DIV's and SPAN's are, etc, that have statements that change the innerHTML of them? Ok, I got it to work in Firefox, but still no IE. I know it says “it doesn’t like innerHTML!!!” but what do we need to change then? The function itself provided by this nice blog page or the actual javascript code where the DIV’s and SPAN’s are, etc, that have statements that change the innerHTML of them?

]]> By: smu johnson http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-5899 smu johnson Sat, 28 Nov 2009 01:52:54 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-5899 Hi. Thanks for the post. I found it after a few seconds of simple googling after I experienced this problem for a work related issue. The thing is, what exactly is the "node" variable? In other words, is there an example you can give as to how to run it? I have a DIV tag that I'd like to run it on and I am unsure if this is exactly what I want to do. Of course, I haven't experimented with it yet, but maybe I've answered my own question. Either way, could you provide an example? Keep up the good work! Hi.

Thanks for the post. I found it after a few seconds of simple googling after I experienced this problem for a work related issue. The thing is, what exactly is the “node” variable? In other words, is there an example you can give as to how to run it? I have a DIV tag that I’d like to run it on and I am unsure if this is exactly what I want to do. Of course, I haven’t experimented with it yet, but maybe I’ve answered my own question. Either way, could you provide an example? Keep up the good work!

]]> By: don http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-303 don Fri, 29 Aug 2008 04:32:37 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-303 This rocks. Works fairly well. Followup to comment 2 regarding how to deal with src = url javascript files: Downside: if you're refreshing the innerHTML, you might be appending innerHTML src'd javascript files to the document head multiple times, leading to possible memory issues. You'll want to check to see if you've already loaded a file via this method. Caught that using the DOM inspector while watching the page refresh. This rocks. Works fairly well.

Followup to comment 2 regarding how to deal with src = url javascript files:

Downside: if you’re refreshing the innerHTML, you might be appending innerHTML src’d javascript files to the document head multiple times, leading to possible memory issues. You’ll want to check to see if you’ve already loaded a file via this method.

Caught that using the DOM inspector while watching the page refresh.

]]> By: kratorius http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-27 kratorius Mon, 06 Aug 2007 17:59:06 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-27 uhm, I never noticed this behavior... Could you try if something like x.innerHTML = "<span></span>" + strExec; works? uhm, I never noticed this behavior… Could you try if something like x.innerHTML = “<span></span>” + strExec; works?

]]> By: Kishore http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-17 Kishore Mon, 06 Aug 2007 06:24:25 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-17 I guess something got snipped out in my earlier comment due to being a tag - it should be, "the innerHTML cannot start with <SCRIPT> I guess something got snipped out in my earlier comment due to being a tag - it should be, “the innerHTML cannot start with <SCRIPT>

]]> By: Kishore http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-33 Kishore Mon, 06 Aug 2007 06:23:02 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-33 Okay, it works in IE. But there is a weird problem - the innerHTML cannot start with . I put some other HTML before that, and put the script later. Cheers! Okay, it works in IE. But there is a weird problem - the innerHTML cannot start with . I put some other HTML before that, and put the script later. Cheers!

]]> By: Kishore http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-32 Kishore Mon, 06 Aug 2007 06:18:23 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-32 BTW, the script is not working in IE. I tried alert(strExec) after: } else { strExec = st[i].text; but while it enters the loop (I checked), it prints an empty string. BTW, the script is not working in IE. I tried alert(strExec) after:

} else {
strExec = st[i].text;

but while it enters the loop (I checked), it prints an empty string.

]]> By: Kishore http://zeta-puppis.com/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/comment-page-1/#comment-31 Kishore Mon, 06 Aug 2007 05:54:50 +0000 http://kratorius.simosnap.net/2006/03/07/javascript-script-execution-in-innerhtml-the-revenge/#comment-31 Hi Kratoruis, Thanks for a wonderful script. However, could you help with how src="something.js" can be managed? Hi Kratoruis,

Thanks for a wonderful script. However, could you help with how src=”something.js” can be managed?

]]>