externen Seiten Inhalt in eigenes Layout einbinden

Hallo ist sicher einfach zu benatworten.
Ich möchte einen externen Seiteninhalt.
z.B. http://www.wettergefahren.de/dyn/app...arning_de.html
In einen meiner Frames (mein Layout, Z.b. Hauptspalte) darstellen.

Wie kann ich externe Inhalte derartig darstellen?

Danke und Gruß

Hallo sundowner,

wie das rechtlich aussieht weis ich nicht.
Technisch würde es mittels Modul Eigener HTML-Code und folgendem Inhalt

<iframe src="http://www.wettergefahren.de/dyn/app/ws/html/reports/BOE_warning_de.html" width="770" height="650" frameborder="0" scrolling="no"></iframe>

gehen. Höhe, Breite und Scrolling muss angepast werden.

Bevor du das Modul erstellst musst du unter System Einstellungen Erlaubte HTML-Tags iframe freigeben.

Vielleicht kennt einer der Profis hier eine bessere Lösung.

VG, Peter

Zitat:

---

Zitat von dreiHP

wie das rechtlich aussieht weis ich nicht.

---

DAS tät mich auch interessieren. Hast Du da ein OK?

Zitat:

---

Zitat von dreiHP

Höhe, Breite und Scrolling muss angepast werden.

---

Die Höhe ist meist ein Problem.
Wenns nicht will melde Dich.

Hi

Zuerst musst du in deinen Typolight Einstellungen das <iframe> Tag bei den erlaubten HTML Tags eintragen.

Dann erstellt du ein ein Modul vom Typ "eigener HTML Code" und trägst wie du es von HTML kennst, deinen Iframe Tag mit dem gewünschten Inhalt ein.

Dann speicherst du das Modul und trägst es im Seitenlayout an der gewünschten Stelle ein.

Liebe Grüße

ok, vielen Dank. Höhe und breit sind tatsächlich nicht in den Griff zu bekommen.

Kann ich da noch irgendwie tricksen. Eigenes css verwenden oder nur den Text als inhalt verwenden?

Gruß

Zitat:

---

Zitat von sundowner

Höhe und breit sind tatsächlich nicht in den Griff zu bekommen.
Kann ich da noch irgendwie tricksen. Eigenes css verwenden oder nur den Text als inhalt verwenden?

---

Die Breite kannst Du auf 100% setzen.
Für die (dynamische) Höhe gibts Javascript, zB sowas:

Code:

---

<script type="text/javascript">
        function loadIframe(theURL) {
                document.getElementById("DeinFrame").src=theURL;
        }
       
        function resizeMe(obj){
                docHeight = DeinFrame.document.height || DeinFrame.document.body.scrollHeight
                obj.style.height = docHeight + 'px'
        }
</script>

---

Lass über den iframe-Tag die Scrollbars verschwinden (scrolling=no). Sollte in allen Browsern klappen.
Bleibt das Problem, dass Du beim klick auf Links ggf. nicht an den Seitenbeginn kommst. Dafür baust Du noch

Code:

---

                document.documentElement.scrollTop = 0;

---

ann ist der Keks gelutscht.

Ich habe es folgendermaßen gelöst:

http://www.feuerwehr-nauheim.de/inde...warnungen.html

Hi!

@joker: Deine Lösung würde ich gerne mal testen - welche Variable bezieht sich denn hier auf was?

Danke & Gruß
Alex

'DeinFrame' muss zum ID/Namen des IFrames passen, das ist eigentlich schon alles.

Den IFrame setzt Du als Modul (Eigener HTML-Code, s.u.) in den Artikel der Seite, das JS kommt in den Header der Seite (individueller Headercode).

Code:

---

<iframe onload="resizeMe(this)" id="DeinFrame" name="DeinFrame" src="[URL]"
width="100%" scrolling="no" align="top" frameborder="0"></iframe>

---

[URL] ist die Adresse der Child-Seite.

Läuft bei mir - bis auf eine kleine Zeitverzögerung für den Resize - problemlos. Bei mir liegen TL und [URL] auf einem Server (../Adresse/zum/Child) , für fremde Adressen (http: ...) kann ich nicht garantieren.

Doch so einfach ... ;)

Danke für Deine Anleitung, scheint super zu funktionieren!

Werde allerdings noch auf den Resizer achten müssen, da meine Anwendung bisher nur mit geringer Höhe arbeitet. Hoffe, das klappt auch mit größeren Höhen problemlos.

Gruß Alex

Bei mir gabs Probleme mit der Größe des iframes; nach einer kleinen Änderung funktionierte es schließlich wie gewollt:

HTML-Code:

---

<iframe src="http://www.webseite.html" style="width:650px;height:400px;"></iframe>

---

Hallo @ all

ich habe eine Frage kann mir jemand eine kleine anleitung wie ich das Resice Scipt einbinden kan. Ich habe wenig bis null erfahrung mit JavaScript.

Es währe wirklich super nett. Ich weiß der sich nicht ein bischen auf diesem Gebiet auskennt hat eigentlich hier nicht verloren. Ich währe Ihnen trotzdem sehr dankbar.

Ich habe mein iFrame eingefügt nur ich habe absolut keine Idee ohne was kaputt zu machen wie ich ein Script einfügen könnte.

Beste Grüße und vielen dank im Vorraus

Hallo zusammen,

bin durch suchen auf diese Seite gekommen.
Habe Contao 3.1.5
Meine Frage.
Kann man über einen geänderten Code nur den Inhalt vom main darstellen?

Code:

---

<iframe  src="http://www.wettergefahren.de/dyn/app/ws/html/reports/BOE_warning_de.html"  width="770" height="650" frameborder="0"  scrolling="no"></iframe>

---