JSFiddle - React, Tailwind, and code Playground

by Fiddel

HTML

<!--<iframe id="NewsletterAnmeldung" src="http://ergnewsserver.digi3.dev/public/mandant_hansewerk/NewsletterVerwaltung.aspx"></iframe>
-->
<iframe id="NewsletterAnmeldung" src=""></iframe>
<button id="Refresh">refresh
</button>

<p>
falls der response header <code>'X-Frame-Options' to 'SAMEORIGIN'</code> meldet:
<br>
<a href="http://stackoverflow.com/questions/27358966/how-to-set-x-frame-options-on-iframe">stackoverflow</a>


</p>

CSS

iframe {
    display:block;
    border:1px dashed red;
    width: 420px;
    height: 350px;
    border: 0;
    overflow: hidden;
}

button {
  padding:1em
}
code {
  display:inline-block;background-color:#ddd;
}

JavaScript

function loadFrame(frame){
 
var source="//ergnewsserver.digi3.dev/public/mandant_hansewerk/NewsletterVerwaltung.aspx";

document.getElementById("NewsletterAnmeldung").src=source+"?"+Math.random();
};loadFrame();


function reload() {
  document.getElementById('NewsletterAnmeldung').src=source+"?"+Math.random();
} Refresh.onclick = reload;





//$(document).ready(function(){
// falls kein jQuery:
document.addEventListener("DOMContentLoaded", function(event) { 
// wenn DOM fertig

//setInterval(loadFrame,8000);
});