Ä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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!