Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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
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...
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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.
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.
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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.
Kann man evtl. die "Ifram scripte" durchnummerieren ("ifram1") ...("ifram2") ...
Schöne Grüsse
Daniel
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>
Schöne Grüsse
Daniel
Kekse gehen immer...
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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?
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?
Re: Mehrere Iframes mit auto. Höhenanpassung 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.
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
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
... 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/
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/
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
@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.
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.
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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/
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
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
Danke Tommy,
das war des mist Matterport Iframe, hab ich mal raus geschmissen.
das war des mist Matterport Iframe, hab ich mal raus geschmissen.
Gruß Volker
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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:
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:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
Ah OK,
dann hab ich mich geirrt. Hab mal Panoramatour geändert. Müsste jetzt OK sein mit der Handy Ansicht.
dann hab ich mich geirrt. Hab mal Panoramatour geändert. Müsste jetzt OK sein mit der Handy Ansicht.
Gruß Volker
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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:
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:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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.
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
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
hmm - OK - ja, das geht ( muss man aber auch wissen )
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
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
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
Kekse gehen immer...
- Werner-Zenk.de
- 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
Hallo netzkeks,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
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>
Werner
https://werner-zenk.de
https://werner-zenk.de
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
Hallo Werner,
danke für Antwort. Werde es heute Abend ausprobieren.
Schöne Grüsse Daniel
danke für Antwort. Werde es heute Abend ausprobieren.
Schöne Grüsse Daniel
Kekse gehen immer...
Re: Mehrere Iframes mit auto. Höhenanpassung auf eine Seite
Hallo Werner,
es funktioniert, super DANKE für die Hilfe!
Schöne Grüsse und ein schönes Wochenende...
Daniel
es funktioniert, super DANKE für die Hilfe!
Für das facebookmodul habe ich die [0] gelassen und für die weiteren [1] bzw. [2]- Mobirise Facebook Modul
- Die nachsten 4 aktuellen Termine von dem "Kalender phpScript" von Werner Zenk und
- das "Nachrichten phpScript" von Werner Zenk
Schöne Grüsse und ein schönes Wochenende...
Daniel
Kekse gehen immer...
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 14 Gäste