Höhe iFrame anpassen

[Goldschwalbe]

Moin Zusammen
Ich musste auf einer Seite ein iFrame einfügen (wegen nocht harmoniserender CSS).
Nachdem ich etwas gesucht habe, habe ich Werners JS-Script gefunden:
https://werner-zenk.de/javascript/die_h ... passen.php.
Dieses fand ich sehr ansprechend, doch bei mir funktioniert es nicht.

In Head eingebettet habe ich:

Code: Alles auswählen

<script  type="text/javascript">
                window.addEventListener("load", fenster);
		window.addEventListener("resize", fenster);

		function fenster() {
			 if (parent.document.getElementByID("booking_iframe")[0]) {
			   parent.document.getElementByID("booking_iframe")[0].style.height =
			   document.getElementsByTagName("html")[0].offsetHeight +'px';
			 }
		}
</script>		

und das iFrame ist Folgendes:

Code: Alles auswählen

<iframe src="buchung.php" id="booking_iframe" name="booking1" style="background-color: #fdf9e9; width: 95%;"></iframe>

Was mache ich falsch?

[Goldschwalbe]

Eigendlich wollte ich diesen Beitrag in "Mobirise - allgemeine Fragen" bringen. Warum er jetzt hier ist, weiß ich nicht.
Kann man den "umsetzen"?

[Tommy Herrmann]

Moin,

das JavaScript gehört in die geframte Seite "buchung.php", also in die Seite, die Du im Iframe anzeigen willst.

Denke daran, dass bei "getElementByID" eine ID immer einzigartig / einmalig ("unique") auf einer Seite sein muss.

Ich habe dieses JavaScript vom Werner, allerdings mit "getElementsByTagName" - also spricht es auf alle Tags <iframe> an, hier eingebaut und zeige damit die Anwendung "Nachrichten" (auch vom Werner) dynamisch in der Höhe im Iframe an:

https://www.mobirise-tutorials.com/News/

Code: Alles auswählen

<script> 
  window.addEventListener("load", fenster); 
  window.addEventListener("resize", fenster); 
  function fenster() { 
   if (parent.document.getElementsByTagName("iframe")[0]) { 
   parent.document.getElementsByTagName("iframe")[0].style.height = 
    document.getElementsByTagName("html")[0].offsetHeight +'px'; 
   } 
  } 
</script>

Es gibt davon natürlich noch jede Menge andere Scripte, wie z.B. jenes von "ProfessorWeb", was ich hier für den Iframe verwendet habe. Hier kommt das Script auf die aufrufende Seite:

https://www.mobirise-tutorials.com/Nach ... misch.html

Alle diese Scripte funktionieren aber immer nur innerhalb der gleichen Domain - das ist aus Sicherheitsgründen so gemacht.



P.S.:

Das Board "Mobirise" ist für allgemeine Fragen um Mobirise...

... aber ich verschiebe Deinen Beitrag mal zu "Werner Zenk - Anwendungen und Skripte", da passt es eigentlich besser hin.

[Goldschwalbe]

Danke Tommy