2011/12/1 S.A. <game...@gmail.com>: > Hello, > This is my second attempt at trying to post this message, hope this makes it > to the list! > Here is the problem code fragment: > frag = doc.createDocumentFragment(); > div = doc.createElement('div'); > div.innerHTML = "<script type='text/javascript'>" > + res.responseText + "</script>"; > elem = div.lastChild; > if (elem.onreadystatechange) { > elem.onreadystatechange = function () { // IE > if (this.readyState == 'complete') { loadFunc(); } > }; > } else { > elem.onload = function () { loadFunc(); }; > } > frag.appendChild( elem); > doc.getElementsByTagName( 'head')[0].appendChild(frag); > > Here is res.responseText: > function loadFunc () { > console.log( "file got loaded"); > } > > From within the debugger I can see both in Chrome and FF above script > element getting inserted at the right place, but onload event does get > fired. From debugger console, if I try to invoke loadFunc() I get > 'ReferenceError'. I tried setting the break points on DOM mutations > (DOMNodeInserted, etc) and but those don't seem to hit either.
Ok, it is inserted at the right place, but are you sure, that there will be a readstatechange event? Didn't it already fired by the time that you insert your script? Also if you ever looked up the jQuery source, you can see, that when you attach a function to the ready event, it will fire "immediately" if the page is already in a ready state. -- Poetro -- To view archived discussions from the original JSMentors Mailman list: http://www.mail-archive.com/jsmentors@jsmentors.com/ To search via a non-Google archive, visit here: http://www.mail-archive.com/jsmentors@googlegroups.com/ To unsubscribe from this group, send email to jsmentors+unsubscr...@googlegroups.com