Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. weatherwidget.io in vis

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    918

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

weatherwidget.io in vis

Scheduled Pinned Locked Moved Unsolved Visualisierung
vis
22 Posts 10 Posters 8.5k Views 5 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ? A Former User

    @Ghostislav said in weatherwidget.io in vis:

    <a class="weatherwidget-io" href="https://forecast7.com/de/53d3410d05/ohlendorf/" data-label_1="OHLENDORF" data-label_2="Wetter" data-icons="Climacons Animated" data-theme="original" >OHLENDORF 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>

    iFrame funktioniert leider auch nicht!

    SegwayS Offline
    SegwayS Offline
    Segway
    wrote on last edited by
    #4

    @Ghostislav

    Habe es bei mir probiert und es geht....habe aber den Text von der Seite genommen

    Gruß Dirk
    Intel Proxmox Cluster (3x NUC) mit Debian & Proxmox / IoB als VM unter Debian / 60+ Adapter installiert

    M 1 Reply Last reply
    0
    • SegwayS Segway

      @Ghostislav

      Habe es bei mir probiert und es geht....habe aber den Text von der Seite genommen

      M Offline
      M Offline
      mehrwiedu
      wrote on last edited by
      #5

      @Segway sagte in weatherwidget.io in vis:

      @Ghostislav

      Habe es bei mir probiert und es geht....habe aber den Text von der Seite genommen

      Welchen Text?
      Bei mir geht es im Editor auch noch im HTML-Widget. Sobald ich aber in den View gehe, oder Änderungen am Widget tätige, wird mir auch nur noch der Link angezeigt. Andere Wetter Widgets von anderen Seiten, die ähnlichen Code generieren funktionieren alle problemlos.

      Ich schätze, der VIS Editor ist auch ein wenig (viel) Buggy. ;) Hab da auch andere Probleme mit, so dass ich stetig refreshen muss, damit Änderungen an Widgets übernommen werden, oder Datenpunkte ausgewählt werden können.

      ? 1 Reply Last reply
      0
      • M mehrwiedu

        @Segway sagte in weatherwidget.io in vis:

        @Ghostislav

        Habe es bei mir probiert und es geht....habe aber den Text von der Seite genommen

        Welchen Text?
        Bei mir geht es im Editor auch noch im HTML-Widget. Sobald ich aber in den View gehe, oder Änderungen am Widget tätige, wird mir auch nur noch der Link angezeigt. Andere Wetter Widgets von anderen Seiten, die ähnlichen Code generieren funktionieren alle problemlos.

        Ich schätze, der VIS Editor ist auch ein wenig (viel) Buggy. ;) Hab da auch andere Probleme mit, so dass ich stetig refreshen muss, damit Änderungen an Widgets übernommen werden, oder Datenpunkte ausgewählt werden können.

        ? Offline
        ? Offline
        A Former User
        wrote on last edited by
        #6

        @mehrwiedu genau. Das selbe Problem ist bei mir auch!
        @Segway war es auch im View bei Dir okay?

        SegwayS 1 Reply Last reply
        0
        • M Offline
          M Offline
          Mathias.IO
          wrote on last edited by Mathias.IO
          #7

          Ich hatte das Problem auch.
          Bei mir war es aber lediglich die "Größe" vom dem Basic-html Widget.

          Ich habe das Fenster im Editor selber größer gezogen und dann wurde alles sauber dargestellt.

          (Das VIS ist noch nicht fertig und ich bin erst seit 3 Wochen dabei)

          Bild 14.03.19 um 21.07.jpg

          ? 1 Reply Last reply
          0
          • M Mathias.IO

            Ich hatte das Problem auch.
            Bei mir war es aber lediglich die "Größe" vom dem Basic-html Widget.

            Ich habe das Fenster im Editor selber größer gezogen und dann wurde alles sauber dargestellt.

            (Das VIS ist noch nicht fertig und ich bin erst seit 3 Wochen dabei)

            Bild 14.03.19 um 21.07.jpg

            ? Offline
            ? Offline
            A Former User
            wrote on last edited by A Former User
            #8

            @Mathias-IO auch im view?
            Im Editor wird mir auch alles sauber angezeigt, aber sobald ich in den View wechsel steht nur oben links in der Ecke der Text!

            M 1 Reply Last reply
            0
            • ? A Former User

              @mehrwiedu genau. Das selbe Problem ist bei mir auch!
              @Segway war es auch im View bei Dir okay?

              SegwayS Offline
              SegwayS Offline
              Segway
              wrote on last edited by
              #9

              @Ghostislav sagte in weatherwidget.io in vis:

              @Segway war es auch im View bei Dir okay?

              Jo, da hast du Recht. Im Edit VIS Modus wird es mir angezeigt aber im view selber nicht :-(
              e8377077-5869-4c18-9cf5-e349af131154-image.png

              Gruß Dirk
              Intel Proxmox Cluster (3x NUC) mit Debian & Proxmox / IoB als VM unter Debian / 60+ Adapter installiert

              1 Reply Last reply
              0
              • Schuko80S Offline
                Schuko80S Offline
                Schuko80
                wrote on last edited by
                #10

                Ist eigentlich ganz einfach, ihr erstellt eine HTML Datei mit dem Code, diese ladet ihr über den Dateimanager hoch und bindet sie dann über ein iframe als Quelle ein...

                Beispiel - Datei heißt "Wetter.html" und liegt im Projekt "Home" im Unterverzeichnis "WetterWidget"

                Quelle für iframe:
                "/vis.0/Home/WetterWidget/Wetter.html"

                Code für die html, euren Teil setzt ihr einfach in den Bereich zwischen <body> und </body>

                <!doctype html> <html lang="de"> <head>
                </head>
                <body>
                
                </body>
                </html>
                

                Nuc6cayh + Proxmox / Zigbee (Deconz / Conbee I ) / ZWave / Homematic (CCU2)

                B J A 3 Replies Last reply
                1
                • ? A Former User

                  @Mathias-IO auch im view?
                  Im Editor wird mir auch alles sauber angezeigt, aber sobald ich in den View wechsel steht nur oben links in der Ecke der Text!

                  M Offline
                  M Offline
                  Mathias.IO
                  wrote on last edited by
                  #11

                  @Ghostislav Bei mir sieht man es im Editor so gut wie garnicht. Ich habe ein Basic-HTML verwendet. Da steht in der linken Ecke dann im Editor nur "LIPPSTADT Wetter".
                  Ist das Basic-HTML groß genug gezogen, dann wird es im VIS sauber dargestellt. Zumindest bei mir.

                  1 Reply Last reply
                  0
                  • Schuko80S Schuko80

                    Ist eigentlich ganz einfach, ihr erstellt eine HTML Datei mit dem Code, diese ladet ihr über den Dateimanager hoch und bindet sie dann über ein iframe als Quelle ein...

                    Beispiel - Datei heißt "Wetter.html" und liegt im Projekt "Home" im Unterverzeichnis "WetterWidget"

                    Quelle für iframe:
                    "/vis.0/Home/WetterWidget/Wetter.html"

                    Code für die html, euren Teil setzt ihr einfach in den Bereich zwischen <body> und </body>

                    <!doctype html> <html lang="de"> <head>
                    </head>
                    <body>
                    
                    </body>
                    </html>
                    
                    B Offline
                    B Offline
                    BruderBleistift
                    wrote on last edited by
                    #12

                    @Schuko80 leider klappt das bei mir nicht. Ich bekomme ein iframe mit dem Quellcode angezeigt.

                    1 Reply Last reply
                    0
                    • Schuko80S Offline
                      Schuko80S Offline
                      Schuko80
                      wrote on last edited by
                      #13

                      Das klappt auf jeden Fall, kann es sein, das im Quellcode was fehlt?

                      Poste ihn doch mal

                      Nuc6cayh + Proxmox / Zigbee (Deconz / Conbee I ) / ZWave / Homematic (CCU2)

                      B 1 Reply Last reply
                      0
                      • Schuko80S Schuko80

                        Das klappt auf jeden Fall, kann es sein, das im Quellcode was fehlt?

                        Poste ihn doch mal

                        B Offline
                        B Offline
                        BruderBleistift
                        wrote on last edited by BruderBleistift
                        #14

                        @Schuko80 Habe es so gemacht, wie du oben geschrieben hattest:

                        <!doctype html> 
                        <html lang=„de“> 
                        <head></head>
                        <body>
                        <a class="weatherwidget-io" 
                        	href="https://forecast7.com/de/52d4012d99/eiche/" 
                        	data-label_1="POTSDAM" data-label_2="Wetter" 
                        	data-icons="Climacons Animated" 
                        	data-theme="original" >POTSDAM 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>
                        </body>
                        </html>
                        
                        

                        Bildschirmfoto 2019-03-17 um 13.37.11.png

                        1 Reply Last reply
                        0
                        • Schuko80S Offline
                          Schuko80S Offline
                          Schuko80
                          wrote on last edited by Schuko80
                          #15

                          Du hast da wunderbar Ordnung reingebracht, ich vermute es liegt daran, das du neue Zeilen erstellt hast.
                          Jenachdem welchen Editor du genommen hast, kann es sein, das die Zeilenumbrüche falsch interpretiert werden.

                          Unter Windows nutzt man normalerweise Notepad ++ oder so dafür, mit Boardmitteln gibt es manchmal Ärger.
                          Im Anhang ist eine HTML von mir, ist zwar auch mit dem Windoes Editor erstellt worden, aber ich habe keine Zeilenumbrüche gemacht, bzw. dort wo welche sind habe ich nur Copy & Paste genutzt.

                          Probier die mal, wenn die funktioniert, kopier da einfach nur den Code von der Seite rein, ohne irgendwas zu ändern. (Meinen natürlich vorher löschen)

                          Wetter5.html

                          Nuc6cayh + Proxmox / Zigbee (Deconz / Conbee I ) / ZWave / Homematic (CCU2)

                          1 Reply Last reply
                          1
                          • B Offline
                            B Offline
                            BruderBleistift
                            wrote on last edited by
                            #16

                            Wunderbar! Danke, jetzt klappt es. Ich arbeite mit einem Mac und hatte es vorher mit TextEdit bearbeitet - wohl der falsche Editor für HTMLs. Jetzt habe ich es mit Brackets editiert (und deine Vorlage genutzt) und es funktioniert auf Anhieb. DANKE!

                            1 Reply Last reply
                            0
                            • B Offline
                              B Offline
                              BruderBleistift
                              wrote on last edited by
                              #17

                              Jetzt habe ich doch nochmal eine Frage. Im VIS wird das Wetterwidget nun korrekt angezeigt. Leider aktualisiert sich die Anzeige in der VIS nicht allein, wie z.B. die Uhrzeit, oder Kalendereinträge (String). Um die Wetterdaten aktuell anzeigen zu lassen, muss ich die Seite der VIS immer neu laden. Gibt es die Möglichkeit das auch ohne ein Reload im Browser zu tun?

                              1 Reply Last reply
                              0
                              • Schuko80S Offline
                                Schuko80S Offline
                                Schuko80
                                wrote on last edited by
                                #18

                                Normalerweise stellst du das Intervall unter "Updatezeit" im iframe ein

                                Nuc6cayh + Proxmox / Zigbee (Deconz / Conbee I ) / ZWave / Homematic (CCU2)

                                1 Reply Last reply
                                1
                                • Schuko80S Schuko80

                                  Ist eigentlich ganz einfach, ihr erstellt eine HTML Datei mit dem Code, diese ladet ihr über den Dateimanager hoch und bindet sie dann über ein iframe als Quelle ein...

                                  Beispiel - Datei heißt "Wetter.html" und liegt im Projekt "Home" im Unterverzeichnis "WetterWidget"

                                  Quelle für iframe:
                                  "/vis.0/Home/WetterWidget/Wetter.html"

                                  Code für die html, euren Teil setzt ihr einfach in den Bereich zwischen <body> und </body>

                                  <!doctype html> <html lang="de"> <head>
                                  </head>
                                  <body>
                                  
                                  </body>
                                  </html>
                                  
                                  J Offline
                                  J Offline
                                  jaridian
                                  wrote on last edited by
                                  #19

                                  @Schuko80
                                  DAnke, Danke, Danke, die Lösung habe ich seit 2 Tagen gesucht. Bin selber nicht drauf gekommen.

                                  1 Reply Last reply
                                  0
                                  • Schuko80S Schuko80

                                    Ist eigentlich ganz einfach, ihr erstellt eine HTML Datei mit dem Code, diese ladet ihr über den Dateimanager hoch und bindet sie dann über ein iframe als Quelle ein...

                                    Beispiel - Datei heißt "Wetter.html" und liegt im Projekt "Home" im Unterverzeichnis "WetterWidget"

                                    Quelle für iframe:
                                    "/vis.0/Home/WetterWidget/Wetter.html"

                                    Code für die html, euren Teil setzt ihr einfach in den Bereich zwischen <body> und </body>

                                    <!doctype html> <html lang="de"> <head>
                                    </head>
                                    <body>
                                    
                                    </body>
                                    </html>
                                    
                                    A Offline
                                    A Offline
                                    amsernat
                                    wrote on last edited by amsernat
                                    #20

                                    @Schuko80
                                    @Schuko80 said in weatherwidget.io in vis:

                                    Ist eigentlich ganz einfach, ihr erstellt eine HTML Datei mit dem Code, diese ladet ihr über den Dateimanager hoch und bindet sie dann über ein iframe als Quelle ein...

                                    Danke. hat auf Anhieb funktioniert.

                                    1 Reply Last reply
                                    0
                                    • MSalmiM Offline
                                      MSalmiM Offline
                                      MSalmi
                                      wrote on last edited by
                                      #21

                                      Entwickle gerade meine erste Vis, hatte genau die gleichen Probleme und dieser Chat hat suuuper geholfen. Es läuft nun alles auf meinem Desktop unter Windows … allerdings bekomme ich nun eine Fehlermeldung in der Vis App auf meinem Android Smartphone: "ERR_FILE_NOT_FOUND". Hat jemand evtl. eine Idee ?

                                      Horst BöttcherH 1 Reply Last reply
                                      0
                                      • MSalmiM MSalmi

                                        Entwickle gerade meine erste Vis, hatte genau die gleichen Probleme und dieser Chat hat suuuper geholfen. Es läuft nun alles auf meinem Desktop unter Windows … allerdings bekomme ich nun eine Fehlermeldung in der Vis App auf meinem Android Smartphone: "ERR_FILE_NOT_FOUND". Hat jemand evtl. eine Idee ?

                                        Horst BöttcherH Offline
                                        Horst BöttcherH Offline
                                        Horst Böttcher
                                        wrote on last edited by
                                        #22

                                        in der app wird es nicht dargesellt

                                        1 Reply Last reply
                                        0
                                        Reply
                                        • Reply as topic
                                        Log in to reply
                                        • Oldest to Newest
                                        • Newest to Oldest
                                        • Most Votes


                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        707

                                        Online

                                        32.6k

                                        Users

                                        82.2k

                                        Topics

                                        1.3m

                                        Posts
                                        Community
                                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                        ioBroker Community 2014-2025
                                        logo
                                        • Login

                                        • Don't have an account? Register

                                        • Login or register to search.
                                        • First post
                                          Last post
                                        0
                                        • Home
                                        • Recent
                                        • Tags
                                        • Unread 0
                                        • Categories
                                        • Unreplied
                                        • Popular
                                        • GitHub
                                        • Docu
                                        • Hilfe