Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Extensions, Bedingungen und Preise, Third Party Apps
Benutzeravatar
netzkeks
Mitglied (Level 5)
Mitglied (Level 5)
Beiträge: 46
Registriert: Do 21. Jan 2021, 19:43
Wohnort: NRW

Mehrere Iframes mit auto. Höhenanpassung auf eine Seite

Ungelesener Beitrag von netzkeks »

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
Kekse gehen immer...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

Moin Daniel,

und willkommen im Forum :hallo:

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.
Benutzeravatar
netzkeks
Mitglied (Level 5)
Mitglied (Level 5)
Beiträge: 46
Registriert: Do 21. Jan 2021, 19:43
Wohnort: NRW

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

Ungelesener Beitrag von netzkeks »

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
Kekse gehen immer...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

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?
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 828
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

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

Ungelesener Beitrag von Volker »

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.
Gruß Volker
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

... 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/
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

@Volker,

habe mir gerade Deine Seite mal am Handy angeguckt :eek:

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.

Screenshot_20210311-080331_Samsung Internet.jpg

Wahrscheinlich wird das durch das oberste Panoramabild im Header verursacht, denn das erzeugt schon an meinem Laptop einen Querscroller.
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 828
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

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

Ungelesener Beitrag von Volker »

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/
Gruß Volker
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 828
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

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

Ungelesener Beitrag von Volker »

Danke Tommy,

das war des mist Matterport Iframe, hab ich mal raus geschmissen.
Gruß Volker
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

Nee Du - das ist gar nicht dynamisch.

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

Iframe.JPG

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

Screenshot_20210311-081505_Samsung Internet.jpg
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 828
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

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

Ungelesener Beitrag von Volker »

Ah OK,

dann hab ich mich geirrt. Hab mal Panoramatour geändert. Müsste jetzt OK sein mit der Handy Ansicht.
Gruß Volker
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

Hast Du denn kein Handy :eek:

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:

Desktop.JPG
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 828
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

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

Ungelesener Beitrag von Volker »

Klar hab ich ein Handy :D

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.
Gruß Volker
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag von Tommy Herrmann »

hmm - OK - ja, das geht ( muss man aber auch wissen :eek: )
Benutzeravatar
netzkeks
Mitglied (Level 5)
Mitglied (Level 5)
Beiträge: 46
Registriert: Do 21. Jan 2021, 19:43
Wohnort: NRW

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

Ungelesener Beitrag von netzkeks »

Hallo Volker und Tommy,
bin grad wieder online :winken:

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
Kekse gehen immer...
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

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

Ungelesener Beitrag von Werner-Zenk.de »

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>
Benutzeravatar
netzkeks
Mitglied (Level 5)
Mitglied (Level 5)
Beiträge: 46
Registriert: Do 21. Jan 2021, 19:43
Wohnort: NRW

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

Ungelesener Beitrag von netzkeks »

Hallo Werner,
danke für Antwort. Werde es heute Abend ausprobieren.
Schöne Grüsse Daniel
Kekse gehen immer...
Benutzeravatar
netzkeks
Mitglied (Level 5)
Mitglied (Level 5)
Beiträge: 46
Registriert: Do 21. Jan 2021, 19:43
Wohnort: NRW

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

Ungelesener Beitrag von netzkeks »

Hallo Werner,

es funktioniert, super :tu: 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
Kekse gehen immer...
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 6 Gäste