Skip to content

Instantly share code, notes, and snippets.

@pattiereaves
Created May 4, 2022 18:15
Show Gist options
  • Save pattiereaves/5a6f586a040a788bcec68620abd35b9b to your computer and use it in GitHub Desktop.
Save pattiereaves/5a6f586a040a788bcec68620abd35b9b to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title>Testing waterfall</title>
</head>
<body>
<div id="c" style="border: 1px solid black; display: inline-block; margin: 0; padding: 0; line-height: 0;"></div>
<script>
var container = document.getElementById('c'),
adIframe = document.createElement('iframe');
adIframe.id = 'c-iframe';
adIframe.width = 300;
adIframe.height = 600;
adIframe.frameBorder = '0';
adIframe.marginWidth = '0';
adIframe.marginHeight = '0';
adIframe.scrolling = 'no';
adIframe.setAttribute('border', '0');
adIframe.setAttribute('allowtransparency', 'true');
container.appendChild(adIframe);
var adDoc = adIframe.contentWindow.document;
adDoc.open();
adDoc.write('<head><script>var inDapIF = true;</scr' + 'ipt></head><body><div id="outer" style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;"><script src="https://ads.blogherads.com/bh/41/412/412983/2594014/waterfall-300x600.js"></scr' + 'ipt></div></body>');
adDoc.close();
</script>
<div id="d" style="border: 1px solid black; display: inline-block; margin: 0; padding: 0; line-height: 0;"></div>
<script>
container = document.getElementById('d');
adIframe = document.createElement('iframe');
adIframe.id = 'd-iframe';
adIframe.width = 300;
adIframe.height = 600;
adIframe.frameBorder = '0';
adIframe.marginWidth = '0';
adIframe.marginHeight = '0';
adIframe.scrolling = 'no';
adIframe.setAttribute('border', '0');
adIframe.setAttribute('allowtransparency', 'true');
container.appendChild(adIframe);
var adDoc = adIframe.contentWindow.document;
adDoc.open();
adDoc.write('<head><script>var inDapIF = true;</scr' + 'ipt></head><body><div id="outer" style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;"><script src="https://ads.blogherads.com/bh/41/412/412983/2594014/waterfall-300x600.js"></scr' + 'ipt></div></body>');
adDoc.close();
</script>
<div id="e" style="border: 1px solid black; display: inline-block; margin: 0; padding: 0; line-height: 0;"></div>
<script>
container = document.getElementById('e');
adIframe = document.createElement('iframe');
adIframe.id = 'e-iframe';
adIframe.width = 300;
adIframe.height = 600;
adIframe.frameBorder = '0';
adIframe.marginWidth = '0';
adIframe.marginHeight = '0';
adIframe.scrolling = 'no';
adIframe.setAttribute('border', '0');
adIframe.setAttribute('allowtransparency', 'true');
container.appendChild(adIframe);
var adDoc = adIframe.contentWindow.document;
adDoc.open();
adDoc.write('<head><script>var inDapIF = true;</scr' + 'ipt></head><body><div id="outer" style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;"><script src="https://ads.blogherads.com/bh/41/412/412983/2594014/waterfall-300x600.js"></scr' + 'ipt></div></body>');
adDoc.close();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment