Run javascript from external location after jQuery(document).ready()

Question

An external javascript loads like this in a div in the page content:

<script type="text/javascript" src="http://example.com/example.js"></script>

The external script prints a sign up form for newsletter, like this:

document.write("<body>\n<form method=\"post\" action ETC....");

The problem is that the external server is slow and this third party script loads before jQuery(document).ready(), which deleays slideshows facebook plugins etc.

How can I make this script to render at it´s current position in the page content after the entire page has loaded?

(I have tried lot´s of suggested sollutions in different threads, but none worked for me...)

If you won't explain and demonstrate what exactly you've tried and how it failed, you're likely to get the same answers. — Boaz
– Boaz, Commented Feb 7, 2013 at 10:11
Since the external script is creating the <body> element, how can yo display anything before it's loaded? — Barmar
– Barmar, Commented Feb 7, 2013 at 10:15
A third-party script that prints the <body> tags? Put it into an iframe. — Bergi
– Bergi, Commented Feb 7, 2013 at 10:32

Adil · Accepted Answer · 2013-02-07 10:13:42Z

2

Use $(window).load it will be triggered after all the files/assets being downloaded.

$(window).load(function () {
  // run code
});

answered Feb 7, 2013 at 10:13

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Turbojohan Over a year ago

Yes, but how do I run a script from an external location which outputs with document.write?

Emil Ivanov · Accepted Answer · 2013-02-07 10:16:20Z

0

What you need to do is "inject" the script one the page has loaded:

$(function () {
     $('body').append('<script src="example.com/script.js"></script>');
});

This will execute on document ready but it's not a problem since the script will be loaded asynchronously.

answered Feb 7, 2013 at 10:16

Emil Ivanov

37.8k12 gold badges78 silver badges92 bronze badges

2 Comments

Bergi Over a year ago

a) no reason to wait with async loading for ready b) this does not work with the script above since it uses document.write

Turbojohan Over a year ago

This did not work with the script! This won´t make the output render where in the code the script is called, will it?

Talha · Accepted Answer · 2013-02-11 09:12:43Z

0

<body onload="RunScript();">

function RunScript()
{
   document.write("<body>\n<form method=\"post\" action ETC....");
}

or

document.onload=function ...

edited Feb 11, 2013 at 9:12

answered Feb 7, 2013 at 10:19

Talha

19.3k8 gold badges53 silver badges66 bronze badges

3 Comments

Turbojohan Over a year ago

There is no function to call. As you see this script is renderd where it is called with document.write.

Talha Over a year ago

@Turbojohan in your onload function of RunScript() you can render html as in my updated answer

Turbojohan Over a year ago

I see, but how do I call the script from an external location?

Collectives™ on Stack Overflow

Run javascript from external location after jQuery(document).ready()

3 Answers 3

1 Comment

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related