<script type="text/javascript" src="http://example.com/show_ad.js"></script>
I put the line from above on multiple locations on the page. This script will put a iframe element on the page. The problem is that the script only loads once when I use this script multiple times. Does anyone have a solution for this?
Thanks already.
Instead of adding script tags to the page every time you want to put an iframe on the page, why don't you just put the iframe there instead?
If you really want to use the method you're currently using, wrap show_ads.js code in some sort function (like var show_ads = function () {...}), and have additional javascript on the page to call this function when you need it, and capture the iframe. Then insert that iframe into the page at the spot that you want, instead of putting a script tag there.
I stumbled across this article today, http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/
It goes over how to sandbox 3rd party JavaScript files in iframes so that they don't conflict with each other & can't do anything malicious.
After viewing your comment that you wrote the script yourself, you may want to try wrapping your entire script in a closure. For example:
(function() {
// script here
})();
It will ensure that globals you may have defined don't conflict / only exist within that closure.
