Mobirise-Tutorials.com

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?

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

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.

Danke Tommy

Mobirise-Tutorials.com

Höhe iFrame anpassen

Höhe iFrame anpassen

Re: Höhe iFrame anpassen

Re: Höhe iFrame anpassen

Re: Höhe iFrame anpassen