make ads load after the page is done loading

**igames** · 01-22-2009 07:12 PM

hey i was searching online and couldn't get a correct code for making ads load last with javascript, so i hope you can tell me how to do it and the code for it. i would be very grateful if you could give me a solution. thanks!

**diabolo** · 01-22-2009 08:33 PM

check out one of my tutorials in my sig

EDIT >>
http://forums.x10hosting.com/tutoria...-using-js.html

+REP if it helped

**igames** · 01-22-2009 09:03 PM

im sorry if im making this more difficult than it really is but im not getting the result. ok so my code for where the ad should be placed is

Code:

<span="x10ads">
<script type="text/javascript" src="http://x10hosting.com/adserve.js?corporate" width="468" height="60" id="x10ads" "></script><br>
</span>

and the ending code is

Code:

<script language="javascript">
document.getElementById("x10ads").innerHTML = "<script type="text/javascript" src="http://x10hosting.com/adserve.js?corporate" width="468" height="60" id="x10ads" "></script>";
</script>

thanks once again

**xPlozion** · 01-22-2009 09:42 PM

change this

HTML Code:

<span="x10ads">
<script type="text/javascript" src="http://x10hosting.com/adserve.js?corporate" width="468" height="60" id="x10ads" "></script><br>
</span>

to

HTML Code:

<span="x10ads"></span>

the second block with the javascript innerHTML() will add the contents of that string to the block that has the id `x10ads`.

**igames** · 01-23-2009 04:24 PM

hmmmm im still not getting the result. i am not getting any ad to load so here is the code is anything wrong with it?

Code:

<span="x10ads"></span>

and

Code:

<script language="javascript">
document.getElementById("x10ads").innerHTML = " <script type="text/javascript" src="http://x10hosting.com/adserve.js?corporate" width="468" height="60" ">";
</script>

**xPlozion** · 01-23-2009 05:46 PM

Originally Posted by igames

hmmmm im still not getting the result. i am not getting any ad to load so here is the code is anything wrong with it?[/code]

lol, i must have over looked this:

change

Code:

<span="x10ads"></span>

to

Code:

<span id="x10ads"></span>

**t2t2t** · 01-23-2009 06:13 PM

Here's a thing I lately found out: Javascript won't execute if just entered into .innerHTML (at least for modern browsers). Here's a work around:

HTML Code:

<div id="x10ads"></div>
<!-- Feel free to change the tag -->

<!-- Then at bottom of page: -->
<script type="text/javascript">
var scriptEl = document.createElement('script')
scriptEl.type = 'text/javascript'
scriptEl.src = 'http://x10hosting.com/adserve.js?corporate'
document.getElementById('x10ads').appendChild(scriptEl)
</script>

Also, why did you give width and height to script tag? It's not like it's gonna do something that way..

**igames** · 01-23-2009 11:41 PM

umm im having a problem, when everything is done loading the ad loads in the rest of the page dissapears soi just want it to load where the div tags are. thanks

**woiwky** · 01-24-2009 04:24 AM

If you're gonna be doing it in this pseudo-onload way(with the ads being at the bottom of the page, rather than having them created with the onload event), then you could try placing them in an invisible div at the bottom and use the onload event to just move them. Something like:

In the <head> tag:

HTML Code:

<script type="text/javascript" language="Javascript">
function moveAds() {
    document.getElementById('ads').innerHTML = document.getElementById('hiddenads').innerHTML;
}
</script>

The <body> tag:

HTML Code:

<body onload="moveAds();">

Then where you want the ads to show up:

HTML Code:

<div id="ads"></div>

And this at the bottom of the page:

HTML Code:

<div id="hiddenads" style="display: none;">
<script type="text/javascript" src="http://x10hosting.com/adserve.js?corporate" width="468" height="60" id="x10ads"></script>
</div>

I'm not 100% sure this will work without any problem. Personally, I would generate the ads in the onload event so as to be sure the content is fully loaded first. This would be harder to do, though.

**igames** · 01-24-2009 12:53 PM

ok woiwky your code worked the best but i cant get it to diplay in the header, i dont know whats happening its allways diplaying it after the header, i tried moving it but there wasnt anything there to display it. thanks

Thread: make ads load after the page is done loading

LinkBack

Thread Tools

Display

make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Re: make ads load after the page is done loading

Similar Threads

Ads make my site not load.

Server Problems

Load Pages from one Page via URI

Problem Loading Page

Page Wont Load now ?

Tags for this Thread

Posting Permissions