Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Cosmicchaos]

Hallo Community,

ich habe einen Fehler den ich selbst nicht behoben bekomme. Habe ein Wetter Widget (von weatherwidget.io) in ein simples HTML Widget integriert. Das funktioniert soweit auch im Vis Editor, leider aber nicht in der eigentlichen Visualisierung.

Ich weiß, dass es das Thema schon einmal gab, leider bin ich im Programmieren die absolute Niete, sodass ich den dortigen Lösungsansatz nicht übernommen bekomme. Das ist das Widget:

<a class="weatherwidget-io" href="https://forecast7.com/de/52d1211d63/magdeburg/" data-label_1="MAGDEBURG" data-label_2="Wetter" data-icons="Climacons Animated" data-days="5" data-theme="pure" data-basecolor="rgba(255, 255, 255, 0)" data-shadow="#d8d8d8" >MAGDEBURG Wetter</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

Hat jemand eine Idee wie ich das Problem beheben kann?

[wendy2702]

@cosmicchaos Liegt das Widget vielleicht einfach nur hinter etwas anderem?

Z Index

[Cosmicchaos]

@wendy2702 nein, das hab ich geprüft.

So sieht's im Editor aus:

Und so in der Visu:

[OliverIO]

@cosmicchaos

ich habe mal rein geschaut.

warum hast du den script-block 3 mal drin? wenn man sich den code auf der seite zeigen lässt ist er nur einmal drin.

das problem
der binding-intrepreter von vis erkennt innerhalb des codes etwas als binding, was dann zu einem fehler führt. der binding interpreter läuft eigentlich nur in der runtime, daher funktioniert das im edit modus.

tausche bitte den scriptblock gegen folgenden aus, die anderen beiden bitte weg löschen. die formatierte darstellung des codes verhindert, das der binding interpreter das als binding erkennt

<script>
! function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)) {
        js = d.createElement(s);
        js.id = id;
        js.src = 'https://weatherwidget.io/js/widget.min.js';
        fjs.parentNode.insertBefore(js, fjs);
    }
}(document, 'script', 'weatherwidget-io-js');
</script>

[Cosmicchaos]

@oliverio Scheint so zu klappen. Vielen Dank!!!

[OliverIO]

@cosmicchaos
wenn es nur so scheint?
das hört sich nicht so überzeugt an?