Solution for GGev
Solution works like this:-
Create a simple html <div> element for each advert and provide a custom parameter (e.g. data-ad-url) to specify the url of the related script.
The loadAd function has been modified to receive an event data type to make life easy.
Once the DOM has loaded (window.onload), generate your scripts for each advert (I have created two dummy ones just to show that they do indeed run immediately upon loading). Then add event handlers to each div, which will call your loadAd function.
--------------------------
In answer to:- https://forum.jquery.com/topic/dynamically-loading-external-js-file-or-it-s-content
HTML
<div class="ad" data-ad-url="http://www.condominial.tv/ws/">
Click this box to execute script #1
</div>
<div class="ad" data-ad-url="https://github.com/alano999/fiddles/raw/master/resources/TestScript2.js">
Click this box to execute script #2
</div>
CSS
div.ad {
display: block;
position: relative;
margin: 50px 50px;
height: 100px;
width: 20ex;
padding: 50px 5ex 0px 5ex;
background-color: Yellow;
border: 1px solid Black;
text-align: center;
vertical-align: middle;
}
div.ad:hover { cursor: pointer; }
JavaScript
function loadAd(event) {
var target = event.target; //target element
var js = document.createElement("script");
js.async = true;
js.src = target.dataset.adUrl;
target.appendChild(js);
}
window.onload = function () {
//generate your custom scripts here
for (var i = 0, ads = document.getElementsByClassName('ad'); i < ads.length; i++) {
ads[i].addEventListener('click', loadAd, true);
}
};
//read the Info section in JSFiddle's left-hand nav bar to read further details about this implementation