Delay JavaScript execution

I use a third party ad server to deliver the advertisements on my site. There are two invocation methods: IFRAME and JavaScript. I currently use the IFRAME method because it allows the full webpage to render independently of the ads ... in other words, without slowing down browser rendering time contacting and downloading images or flash animation from a third party server. I don't want the page content to be delayed being displayed because of a slow ad server or large flash animated ad. However, the JavaScript version is more full featured. Is there a way that I could use the JavaScript version while telling the browser not to execute it until the end? What if I were to include the JavaScript via an external file instead of inline?

cscgal

The Queen of DaniWeb

Administrator

19,427 posts since Feb 2002

Reputation Points: 1,474

Solved Threads: 230

6 Years Ago

Show Comments

1

don't know if this is what you are looking for or if it will help, but if you call a javascript function via the onload event in the body tag, it will not run until the page is fully loaded.

<body onload="doWhatever();">

campkev

Posting Pro in Training

484 posts since Jul 2005

Reputation Points: 14

Solved Threads: 19

6 Years Ago

Show Comments

1

My Web Page is great!

Troy

Posting Whiz

362 posts since Jun 2005

Reputation Points: 36

Solved Threads: 6

6 Years Ago

0

Thanks, guys. Appreciate the help! I will have to play around with this because my JavaScript code uses document.writes so I need to implement them inline where they belong. :) Will work on it and let you guys know!

cscgal

The Queen of DaniWeb

Administrator

19,427 posts since Feb 2002

Reputation Points: 1,474

Solved Threads: 230

6 Years Ago

0

To ensure the page is loaded before the add is drawn you can use a setTimeout(yourfunction,500) type mechanism in the onLoad.

You can also look at using the html dom to add innerHTML instead of using document.write

This can be done at any time... you could even set up a script that rotates your adds every minute or so (also by manipulating the innerHTML of DOM nodes).

alpha_foobar

Junior Poster

182 posts since May 2005

Reputation Points: 20

Solved Threads: 5

6 Years Ago

0

Because I'm using a third party ad server, I don't have access to the script, itself (such as editing the document.writes). All I can do is call the

cscgal

The Queen of DaniWeb

Administrator

19,427 posts since Feb 2002

Reputation Points: 1,474

Solved Threads: 230

4 Years Ago

0

CSGal, did you ever find a solution to this crazy problem? I've been wrestling with this problem as well.

Thanks!

GobBluth

Newbie Poster

1 post since Jun 2007

Reputation Points: 10

Solved Threads: 0

4 Years Ago

0

Maybe this will work:

<html>
<head>
<title>My Web Page</title>
<script language="javascript">
function LoadTrigger(){
	document.getElementById("AdServer").innerHTML = "<iframe.....></iframe>";
}
window.onload = LoadTrigger;
</script>
</head>
<body>
<!-- Placeholder for the iframe -->
<div id="AdServer"></div>
</body>
</html>

Ziggy Rocks

Newbie Poster

1 post since Jun 2007

Reputation Points: 10

Solved Threads: 0

Delay JavaScript execution

This article has been dead for over three months