I have a site with banner ads on it. What I need to do is rotate those ads - ie you stay on the homepage (no reload) and every 10 seconds a new ad (from a set of 3 or 4) is displayed.
What I do is have a Javascript function that puts my ad code in an array and cycles through the arrary every 10 seconds and does this (just showing the one line of code relevent to my question):
document.getElementById(DivID).innerHTML = AdText;
DivID is the name of a in the HTML and AdText is the HTML code to display the ad.
This works fine for ads that are images where the ad call is just basically an <img> tag, or Flash/SWFobject embed
But, some ads are JS code supplied by a third party ad agency, for example:
<script language='javascript1.1' src="http://example.net/adj/b4207992.2;sz=468x60;ord=[timestamp]?"></script>
So, basically I'm saying document.getElementById(DivID).innerHTML = "THE ABOVE JS CODE"
Nothing is displayed and I have FF with Firebug and no errors are being displayed.
My guess is that document.getElementById(DivID).innerHTML is setting that code alright (as I have additional code to call a 1x1 image to track impressions and this is logging an impression), but that it is just not executing, maybe JS needs some event like a page load to start it?
Any ideas or alternatives?
