wetter.com widget einbinden

[Voselix]

Hallo Leute, ich weiss net genau, ob das Thema hier richtig platziert ist, aber ich versuche es mal hier:

Ich habe mir vorgenommen ein wetter.de widget einzubinden-als zu kopierenden Quelltext gibt mir wetter.de folgenden code:

<div id="886314ad8b7b561a39b4e7e83646f30a">
        <link rel="stylesheet" type="text/css" href="//cdn.static-fra.de/lib/wt/widget/4.0.0/css/Classic.css">
        <script type="text/javascript" src="//cdn.static-fra.de/lib/wt/widget/4.0.0/js/Classic.min.js"></script>
        <script type="text/javascript">
        /* <![CDATA[ */
        (function(){
            new WT.widget.Classic({
                id: '886314ad8b7b561a39b4e7e83646f30a',
                locationId: '18220718'
            });
        }());
        /* ]]> */
        </script>
        <a id="886314ad8b7b561a39b4e7e83646f30a-backlink" class="wt-widget-backlink" href="http://www.wetter.de/deutschland/wetter-euskirchen-18220718.html">Das Wetter in Euskirchen</a>
    </div>

Dort wird gesagt: einfach Quelltext in die Homepage kopieren-fertig.

Jetzt habe ich einen Artikel und dort binde ich das als Html Element ein....leider funktioniert es nicht!

Was muss ich beachten/was mache ich falsch? Hab den Quelltext mal einfach in den Body einer normalen Seite gesetzt: da kommen auch nur Scriptfehler.

Hat jemand Erfahrungen damit?
Für Hilfe wäre ich sehr dankbar!

Hier mal ein Link zur Codequelle: http://www.wetter.de/deutschland/wet...-18220718.html

GLG
Vosi

[Contao-Academy]

Hallo Vosi,

normal sollte das so funktionieren wie du das gemacht hast.

1. Element HTML-Code
2. Code einfügen > fertig!

Da bei dem Code-Snippet aber ein Script-Tag dabei ist, welches bei Contao per Default nicht zugelassen ist. Musst du das noch freischalten.

Dazu wie folgt vorgehen.

1. System
2. Einstellungen
3. Sicherheitseinstellungen
4. < script > Tag hinzufügen "ohne Leerzeichen"
5. Speichern

Wichtig: Jetzt noch mal den HTML-Code neu anlegen und speichern!

[cliffparnitzky]

Moin, also wenn ich ein `http:` beim Link der CSS und JS Dateien einfüge, geht es in einer nackten HTML Seite.

<div id="886314ad8b7b561a39b4e7e83646f30a">
        <link rel="stylesheet" type="text/css" href="http://cdn.static-fra.de/lib/wt/widget/4.0.0/css/Classic.css">
        <script type="text/javascript" src="http://cdn.static-fra.de/lib/wt/widget/4.0.0/js/Classic.min.js"></script>
        <script type="text/javascript">
        /* <![CDATA[ */
        (function(){
            new WT.widget.Classic({
                id: '886314ad8b7b561a39b4e7e83646f30a',
                locationId: '18220718'
            });
        }());
        /* ]]> */
        </script>
        <a id="886314ad8b7b561a39b4e7e83646f30a-backlink" class="wt-widget-backlink" href="http://www.wetter.de/deutschland/wetter-euskirchen-18220718.html">Das Wetter in Euskirchen</a>
    </div>

In Contao muss ggf. `<script>` zu den erlaubten Tags hinzugefügt werden (System-Einstellungen).

Gruß, Cliff

[Voselix]

ohhh...da hab ich geschlafen....mit dem erlauben des html tag <script> geht es.....danke-manchmal sitzt man echt auf der Leitung!

Vielen Dank euch beiden!

[Voselix]

mhhh...irgendwie überschreibe ich mit meinen css anweisungen das Layout des Widgets:

Link zur Seite

Es sollte aber in der Standartansicht so aussehen:
http://www.wetter.de/deutschland/wet...-18220718.html

Da fehlt auch das Logo-mit firebug sind zwar die classen zu sehen...aber ich bin wieder mal zu unerfahren das jetzt richtig anzupassen :-(

Hat da jemand noch einen Wink für mich, wie ich das in einem Block dargestellt bekomme wie auf der wetter.de widget Vorschau?

GLG
Vosi

[cliffparnitzky]

Das CSS vom Widget wird gar nicht geladen.

Hast das nun separate eingebunden oder im Inhaltselement?

Dann ggf. auch das `<link>` Tag erlauben.

Gruß, Cliff

[Voselix]

wow...ja es passt jetzt!
Ich hab noch nen weiten Weg vor mir bevor ich zum Profi werde!!!!

Viiielen Dank!!!!

Habe es jetzt in den code kopiert...ich hatte das irgendwie gar nicht geladen...und nat den <link> tag auch noch nicht erlaubt...hab jetzt nur die Breite angepasst-jetzt läuft es einwandfrei!!!!

Dank euch! Tolle Hilfe! Vielen lieben Dank!

[varix]

Hi,

mal eine Frage zu deinem Menu. Benutzt du dafür eine Erweiterung?

Gruß,
varix

[Voselix]

nein...das normale navigationsmenü...warum fragst du?

[Janemay]

Vielen Dank für den Beitrag und den Hinweis mit dem <script> tag in den Einstellungen!

Ich wollte auch so ein Wetter Widget in den Footer meiner Seite einbinden und bin fast verzweifelt: Wenn ich den Code im Seitenlayout an die vorgesehene Stelle für Java scripte kopierte, wurde das Widget einwandfrei angezeigt, allerdings unterhalb des Footer. Machte ich ein html-Modul draus und band es im Footer ein, wurde der Code angezeigt.

Tja, hinterher ist man schlauer.
Dass man das <iframe> Tag extra freischalten, bzw. eintragen muss, war mir bekannt. Aber hier bin ich gar nicht auf die Idee gekommen, obwohl mir klar war, dass es an den Tag lag. Hand --> Stirn