Load external javascript (having document.write) after page loads 1

shreyasree · Sep 6, 2007

I need to load a 3-rd party javascript after my page loads.
This javascript has document.write in it - which will overwrite my page if I load it after page load. I cannot change/remove the 'document.write' in the javascript - as this is not supported by the 3rd-party.

How can I load this javascript after page loads without overwriting my page contents.

Any help is greatly appreciated.

Thanks,
Shreya

j4606 · Sep 6, 2007

Any document.write statement that runs after the page finishes loading will overwrite all of the content of the current page.
Your could try an iframe.

shreyasree · Sep 6, 2007

Thanks for your reply!

I am new to iframe - could you please give some pointers as to how to use iframe in this scenario?

Thank you very much,
Shreya

j4606 · Sep 6, 2007

Read this page

http://www.w3schools.com/tags/tag_iframe.asp

I don't exactly know what the script you are using will be doing, perhaps there is a better way to accomplish what you working on, but I would need more information to help.

I would have a separate page that has the javascript you need included on it and then load that page into an iframe on your current page. I don't exactly know what your trying to accomplish and this may not give you the functionality you are looking for.

shreyasree · Sep 6, 2007

Thanks once again.

This is my requirement:
I need to load a third-party bootstrap javascript onto my page, which will then cause their other js files to be loaded.

As the javascript loading takes undesirable time (due to some authentication mechanism that needs to happen before the loading), I cannot load this javascript before page load.

Now, if I want to load this javascript after the page loads, I have the problem of original page content being overwritten by a document.write in the javascript (which actually causes loading other required 3rd party files).

I basically need to be able to load the bootstrap javascript after page loads. (This javascript would have caused some more of the 3rd party files to load (using document.write)). Finally, after the javascript loading is complete, I need to call its functions from my page, to present some HTML information.

Thanks,
Shreya

j4606 · Sep 7, 2007

You can ask the vendor to edit thier files so you can make better use of them or have a loading screen that gets written over and then present your content.

Or finally you can override the document.write method to suit your needs but this will only work in firefox and maybe updated versions of non IE browsers.

Code:

<html>
<head>
<script type="text/javascript">
function my_doc_write(n) {
	alert(n);
}

HTMLDocument.prototype.write= my_doc_write;

</script>

<body onload="document.write('fdasfdasfdsaFDAS');">
test
</body>
</html>

shreyasree · Sep 7, 2007

Thanks for your prompt reply - the options you gave make sense. I have set up a conf call with the vendor

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Load external javascript (having document.write) after page loads 1

shreyasree

Programmer

j4606

MIS

shreyasree

Programmer

j4606

MIS

shreyasree

Programmer

j4606

MIS

shreyasree

Programmer

Similar threads

Part and Inventory Search

Sponsor