Is it possible to generate HTML and SVG code based on the position of a Subscriber on a web page or within a specific div?
I would like to provide some JavaScript code that can be inserted inside a particular div on the page.
Using an iframe is not ideal for this situation because the height and width are not predefined and are automated.
I have been experimenting with the following code:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
<div>
<script>
(function(){
var xhr=new XMLHttpRequest();
xhr.open("get","request Url of my side",true);
xhr.send();
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && xhr.status==200){
document.write(xhr.responseText);
}
};
}());
</script>
</div>
</body>
</html>
However, I am experiencing issues where the entire page loads before the response arrives, causing the document.write() method to erase existing content in order to display the responseText.
Any assistance on this matter would be greatly appreciated.