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

[Butterohnebrot]

Liebe ioBroker Gemeinde,

ich möchte mich dem Problem anschließen und bastel hier auch schon dran, jedoch ohne eine Lösung. :/

VIS erstellt ja dann erst eine Webseite, da findet sich aber nichts aus dem Basic-HTML-Widget, zumindest finde ich nichts.

Irgendwo scheint es verloren zu gehen. Vielleicht kann ja Bluefox etwas dazu sagen??? :)

Meinen herzlichen Dank an alle Lösungsfinder, denn das "Wetterwidget" ist echt schön anzusehen.

Mein Quelltext, der im Basic HTML-Widget eingefügt ist:

! [https://forecast7.com/de/52d5213d40/berlin/" data-label_1="BERLIN" data-label_2="WEATHER" data-icons="Climacons Animated" data-theme="original" >BERLIN WEATHER](<URL url=)

[sigi234]

Warum nehmt Ihr nicht den dasWetter Adapter?

viewtopic.php?p=214398#p214360

[Butterohnebrot]

Hallo Sigi,

Danke für den Tipp. Die Daten von dasWetter ließen sich auch im Basic html Widget einbinden.

Was mir an weatherwidget.io gefällt:

• Gut konfigurierbar auf denen Ihrer Webseite.

• Man erhält den Code zum einbinden.

• !!!Animierte Icons -> das hat mir mit am besten gefallen.

• In Summe, wenn das einbinden über Basic html klappen würde, erheblich weniger Aufwand…

• und, in Adapter frisst ja auch immer gleich mehr Ressourcen.

Viele Grüße

[eve11]

Hallo,

klappt das Einbinden über das Basic HTML Widget mit weatherwidget.io ?

Danke

eve11

[klocke]

Hallo zusammen,

wurde das Problem gelöst?

Ich versuche es gerade auch, und komme nicht weiter. Vor allem teilt sich das Widget ja in einen HTML Teil und einen Script Teil.

Grüße

[sigi234]

Welches Problem? Welche View?

[Butterohnebrot]

Hallo Sigi,

gemeint ist noch immer das weatherwidget.io, das bekommt "keiner" zum laufen.

Ich bastel auch noch, freue mich über Lösungsansätze ;)

Wenn ich was habe, stelle ich es hier ein ;)

[gnoshi]

Hallo Freunde,

ich hab es hinbekommen.

Erstellt mit eurem Code von weatherwidget.io einfach eine .html Datei über einen Editor eurer Wahl.

Diese HTML Datei ladet ihr dann einfach über den Upload Manager im VIS hoch und fügt die Datei über die Funktion des iFrames ein.

Der iFrame Link sieht bei mir dann z.B. so aus: /vis.0/LCARS/wetter.html

Viele Grüße

[Butterohnebrot]

@gnoshi
Wollte grad antworten, genau so hab ich es auch gemacht! :)

[R0bRakete]

Hallo!
Hab auf der Suche nach nem Wetter Widget gerade diesen Thread gefunden. Umsetzung klappt soweit auch. Wenn ich das ganze allerdings über die Android App darstelle, bekomme ich im iFrame Widget nur folgendes angezeigt:
"Die Webseite unter
file:///vis.0.....ist möglicherweise vorübergehend deaktiviert oder dauerhaft an eine neue Webadresse verschoben worden."
Kann da jemand helfen?

[sectorchan]

hat sich erledigt

[jwedenig]

@gnoshi said in Vis eines Wetter Widget:

fügt die Datei über die Funktion des iFrames

sorry, bei mir funktioniert dies nicht, wo genau ist die Funktion des iFrames?
Liebe Grüße
jürgen

[sigi234]

@jwedenig sagte in Vis eines Wetter Widget:

@gnoshi said in Vis eines Wetter Widget:

fügt die Datei über die Funktion des iFrames

sorry, bei mir funktioniert dies nicht, wo genau ist die Funktion des iFrames?
Liebe Grüße
jürgen

Ist ein Widget !

[jwedenig]

@sigi234
hi, ja danke das wusste ich.
Also bei mir schaut das so dann aus, ich habe die html Datei hochgeladen und dann gehe ich davon aus dass man bei Quelle von Iframe dann das Verzeichnis angibt, oder?
Was mache ich falsch?
Vielen Dank
Jürgen

[IOT]

danke für die Infos und an das Forum. Es funktioniert genau so über das iFrame aber achtung beim Verzeichnis. Hat bei mir hats nur so funktionert: /vis.0/user.0/weather.html anders hab ich nur "not exits" bekommen.

[Förster]

@jwedenig
hast du eine Lösung dafür gefunden ? stehe aktuell genau vor der gleichen Herausforderung, dass nur der Text angezeigt wird. habe die html-Datei ebenso mit dem iFrame-Widget verlinkt wie du ...

[jwedenig]

@Förster
Hi!
Ich habe das ganze in Brackets geöffnet, dann irgendwas gelöscht, weiss leider nicht mehr was und dann hats funktioniert!
Hier, wie es ausschauen soll:

<!doctype html>
<html lang="de">
    <head></head>
<body>
<a class="weatherwidget-io"
   href="https://forecast7.com/de/47d9516d28/teesdorf/"
   data-label_1="TEESDORF" 
   data-label_2="WEATHER" 
   data-theme="beige" >TEESDORF WEATHER</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>
</body>
</html>

Liebe Grüße
Jürgen
Ich hoffe, es hilft Dir!