Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

weatherwidget.io in vis

Geplant Angeheftet Gesperrt Verschoben Ungelöst Visualisierung
vis
22 Beiträge 10 Kommentatoren 8.3k Aufrufe 5 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ? Ein ehemaliger Benutzer

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

    SegwayS Offline
    SegwayS Offline
    Segway
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • Schuko80S Offline
      Schuko80S Offline
      Schuko80
      schrieb am zuletzt editiert von
      #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 Antworten Letzte Antwort
      1
      • ? Ein ehemaliger Benutzer

        @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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #12

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

          1 Antwort Letzte Antwort
          0
          • Schuko80S Offline
            Schuko80S Offline
            Schuko80
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              0
              • Schuko80S Offline
                Schuko80S Offline
                Schuko80
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                1
                • B Offline
                  B Offline
                  BruderBleistift
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • B Offline
                    B Offline
                    BruderBleistift
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • Schuko80S Offline
                      Schuko80S Offline
                      Schuko80
                      schrieb am zuletzt editiert von
                      #18

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

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

                      1 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #19

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

                        1 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          0
                          • MSalmiM Offline
                            MSalmiM Offline
                            MSalmi
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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 Nicht stören
                              Horst BöttcherH Nicht stören
                              Horst Böttcher
                              schrieb am zuletzt editiert von
                              #22

                              in der app wird es nicht dargesellt

                              1 Antwort Letzte Antwort
                              0
                              Antworten
                              • In einem neuen Thema antworten
                              Anmelden zum Antworten
                              • Älteste zuerst
                              • Neuste zuerst
                              • Meiste Stimmen


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              773

                              Online

                              32.5k

                              Benutzer

                              81.7k

                              Themen

                              1.3m

                              Beiträge
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Anmelden

                              • Du hast noch kein Konto? Registrieren

                              • Anmelden oder registrieren, um zu suchen
                              • Erster Beitrag
                                Letzter Beitrag
                              0
                              • Home
                              • Aktuell
                              • Tags
                              • Ungelesen 0
                              • Kategorien
                              • Unreplied
                              • Beliebt
                              • GitHub
                              • Docu
                              • Hilfe