Mobirise-Tutorials.com

Hallo liebe Forenmitglieder,

ist es möglich mehrere Iframs, die sich automatisch in der Höhe des Content (also ohne scrollen) anpassen,
auf eine Mobirise Seite einzupflegen?

Habe es versucht, jedoch ab zwei Iframs auf einer Seite
passen sie sich nicht mehr der optimalen Höhe an.

Wenn ja, was müsste ich in dem Quellcode von den Iframs verändern.

Schöne Grüsse
Daniel

Moin Daniel,

und willkommen im Forum

Ich weiß jetzt nicht auf welchen dynamischen Iframe Du Dich beziehst, ich stelle hier z.B. einen vor:

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

Das geht dort nicht, da sich das Script ja auf die gesamte HTML-Höhe bezieht.

Hallo Tommy,

danke für die Antwort.

Ich möchte gerne dynamisch in der Höhen auf der 1. HomeSeite folgen Iframes
- Mobirise Facebook Modul
- Die nachsten 4 aktuellen Termine von dem "Kalender phpScript" von Werner Zenk und
- das "Nachrichten phpScript" von Werner Zenk
einbinden.

Wie gesagt eins geht super, beim zweiten enstehen scrollbalken.

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>

Kann man evtl. die "Ifram scripte" durchnummerieren ("ifram1") ...("ifram2") ...

Schöne Grüsse
Daniel

Moin Daniel,

ich denke nicht, dass man mehr als einen dynamischen Iframe auf einer Seite haben kann. Leider habe ich auch kaum Ahnung von JavaScript, es sieht mir aber danach aus, denn hier geht es um das HTML-Element <html>. <html> ist immer nur einmalig auf einer Seite und betrifft eben die gesamte Seite.

Du kannst aber diese Skripte auch alle direkt einbauen und benötigst dafür doch keinen Iframe.

Hier das Skript "Nachrichten":

https://mobirise-tutorials.com/Nachrich ... ichten.php

Hier das Skript "Veranstaltungen":

https://www.mobirise-tutorials.com/Lawy ... events.php

Oder meinst Du vielleicht das hier aus dem Kalender (hier in der Software NetObjects Fusion / NOF):

http://www.nof-tutorials.com/Kalender-Monats-Events/

Da ist auch ein Tutorial zum Einbau in NOF von mir dabei. In Mobirise habe ich das (glaube ich) noch nicht eingebaut, denn das funktioniert ja in Mobirise fast genauso, nur heißen die Bereiche etwas anders. Den Kalender selbst hatte ich auch schon einmal "direkt" hier in Mobirise eingebaut:

https://mobirise-tutorials.com/Kalender.html

Aber auch beim direkten Einbau musst Du aufpassen, dass es da keine Probleme gibt wenn alles auf einer Seite angezeigt werden soll. Es darf keine doppelten IDs, JavaScripts - sich gegenseitig in die Quere kommen oder so etwas geben.

Warum muss das denn unbedingt alles auf eine Seite?

Auf https://panoramatour.net
habe ich mehrere Iframes eingebunden, ohne Scrollbalken bei Größenveränderung.

Das habe ich mit dem iframe Block v1 gemacht. Wenn Du sowas meinst.

... aber das ist doch kein dynamischer Iframe - oder sehe ich das falsch?

Ein dynamischer Iframe passt sich der Höhe der geframten Seite an - das können also etliche Hundert oder auch Tausend Pixel sein.

Hier mal ein etwas krasseres Beispiel auf einer alten NOF-Seite von mir. Der gesamte Inhalt ist ein dynamischer Iframe - also die gesamte Höhe der Seite - klicke bitte auch auf Tutorial, die Seite ist noch viel höher und auch im Iframe:

http://www.nof-tutorials.com/Iframe-Dynamisch/

@Volker,

habe mir gerade Deine Seite mal am Handy angeguckt

Das geht gar nicht - da musst Du mal dringend alles überprüfen.

Mehr als 50% der Seiten-Breite verschwindet mit einem riesen Querscroller und beim Aufruf am Handy ist das "Cookie Alert" Fenster nicht zu sehen. Erst nach langem Scrollen findet man es, sonst kann man die Seite gar nicht betrachten.

Wahrscheinlich wird das durch das oberste Panoramabild im Header verursacht, denn das erzeugt schon an meinem Laptop einen Querscroller.

Was heißt dynamisch ?

Hab mal 2 Nachrichten Scripte eingebaut.

Ist das dynamisch ? Ich sehe keine Scrollbalken, egal wie groß oder wieviel Text da steht.

https://netz-design24.de/iframe/

Danke Tommy,

das war des mist Matterport Iframe, hab ich mal raus geschmissen.

Nee Du - das ist gar nicht dynamisch.

So sieht das bei verkleinertem Desktop-Fenster aus - mit Scrollbalken:

und so am Handy - auch mit Scrollbalken, den man am Handy natürlich erst sieht, wenn man den Finger senkt:

Ah OK,

dann hab ich mich geirrt. Hab mal Panoramatour geändert. Müsste jetzt OK sein mit der Handy Ansicht.

Hast Du denn kein Handy

Du musst auf jeden Fall die Seiten-Daten am Handy löschen (CSS / Cache / usw.).

Jetzt ist der "Cookie Alert" OK aber nur noch oben das Panorama-Dingin zu sehen. Ein Scrollen ist jetzt gar nicht mehr möglich (man befindet sich in der 360° Anwendung und bewegt nur diese) - die Seite steht fest und ist nicht mehr am Handy zu betrachten.

... und am Desktop gibt es immer noch einen Querscroller:

Klar hab ich ein Handy

Der kleine Querscroller kann bleiben, kann ich mit leben.

Mann muss oben im Textbereich tippen bzw. schieben, damit man aus dem Iframe raus kommt.
Ich weiß ist doof, aber da es nun mal um Panoramaaufnahmen geht, kann die Seite schlecht ohne welche zu zeigen machen.

Also. oben im Menübereich nach oben schieben und man hat das Hafen Panorama weit genug unten um weiter scrollen zu können.

hmm - OK - ja, das geht ( muss man aber auch wissen

)

Hallo Volker und Tommy,
bin grad wieder online

Vielen Dank für die Antworten.
Werde mir den Thread ersteinmal in ruhe durchlesen und ausprobieren.

Mal schauen ob ich das hinbekomme...

Schöne Grüsse
Daniel

netzkeks hat geschrieben: ↑Mi 10. Mär 2021, 20:40 Hallo Tommy,

danke für die Antwort.

Ich möchte gerne dynamisch in der Höhen auf der 1. HomeSeite folgen Iframes
- Mobirise Facebook Modul
- Die nachsten 4 aktuellen Termine von dem "Kalender phpScript" von Werner Zenk und
- das "Nachrichten phpScript" von Werner Zenk
einbinden.

Wie gesagt eins geht super, beim zweiten enstehen scrollbalken

Hallo netzkeks,
Ersetze die rot markierten Zahlen für das zweite Frame auf den Wert 1

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

Hallo Werner,
danke für Antwort. Werde es heute Abend ausprobieren.
Schöne Grüsse Daniel

Hallo Werner,

es funktioniert, super

DANKE für die Hilfe!

- Mobirise Facebook Modul
- Die nachsten 4 aktuellen Termine von dem "Kalender phpScript" von Werner Zenk und
- das "Nachrichten phpScript" von Werner Zenk

Für das facebookmodul habe ich die [0] gelassen und für die weiteren [1] bzw. [2]

Schöne Grüsse und ein schönes Wochenende...
Daniel

Mobirise-Tutorials.com

Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite