Question

I am looking for a way to have JavaScript dynamically loaded after an ajax call to load a dialog/pop up.

I would like the dialog to load it’s own JavaScript files and any in-line JavaScript.

I have seen examples that use a method to do an ajax call to load html into the DOM then have “complete” callbacks that the loading method will call after the html is loaded.

However, using this approach prevents any JavaScript on the dialog from executing and requires that the initiating JS know details about the dialog in order for it to attach events, etc.

Is the only way to accomplish this to have the dialog load the source of the document into an iframe so that it can run the JavaScript?

Answer 1

It is possible to load external HTML in an iframe and have its JavaScript executed.

See those questions:

• How to load page dynamically in iframe
• Loading external sites into Iframe dynamically – is there a better way?
• How to dynamic load the document content into an iframe?
• When loading an html page via ajax, will script tags be loaded?