Ändern des iframe wenn eingebundene Seite refreshed
Hallo
wie kann ich am besten Einfluss auf die css/den style eines iframe nehmen, wenn sich die eingebundene Seite automatisch refreshed? Alles liegt auf einem Server.
Zum Beispiel sollen sich die Werte für top: und left: ändern sobald der refresh erfolgt.
Der hier verwendete Code
<!doctyoe html>
<html lang="de">
<head>
<style>
*{
margin:0;
padding:0;
}
body{
display: flex;
flex-direction: column;
align-items: center;
}
iframe{
width:80%;
height:300px;
border:2px solid black;
}
p{
width:80%;
}
main{
width:80%;
height:40px;
border:2px solid black;
overflow:hidden;
}
h5{
margin:30px 0 0px 0;
}
div{
width:80%;
height:200px;
border:2px solid black;
overflow:hidden;
}
button{
width:300px;
}
</style>
</head>
<body>
<h5> Das was im iframe geschrieben wird </h5>
<main></main>
<h5>function test() wird im iframe aufgerufen</h5>
<div></div>
<h5>Der IFrame blink wenn die Seite neu lädt</h5>
<iframe src="daten_webseite/iframe.php"></iframe>
<p>
<span>Text zum Stoppen mitgeben</span>
<input type="text" value="Ich habe keine lust mehr" id="text">
<button id="abbruch">Counter ,reload im IFrame stoppen</h5></p>
<p>
<button id="neustart">Counter neu Starten</h5>
</p>
<script>
man=document.getElementsByTagName('main')[0];
man.innerHTML='Warte auf Nachricht vom Iframe<br>';
div=document.getElementsByTagName('div')[0];
div.innerHTML='Warte auf Nachricht vom Iframe<br>';
function test(inhalt){
div.innerHTML+=inhalt;
div.scrollTop = div.scrollHeight - div.clientHeight;
}
document.getElementById('abbruch').addEventListener('click',function(){
myIframe=document.getElementsByTagName('iframe')[0];
text=document.getElementById('text');
myIframe.contentWindow.stop(text.value)
})
document.getElementById('neustart').addEventListener('click',function(){
myIframe=document.getElementsByTagName('iframe')[0];
text='Ich habe keine lust mehr';
myIframe.contentWindow.start();
})
</script>
</body>
</html>