Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 2

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Einfach mal zeigen will….. :-) - Teil 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Conquest last edited by Jey Cee

      Hallo fibernet,
      > Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.
      Tolle Wetterview. Ich hätte Interesse an der 5 Tagesvorschau würdest du das Widget inklusive den Icons zur Verfügung stellen?

      Wäre echt klasse.

      LG Torsten
      470_screenshot-forum.iobroker.net-2018.05.03-19-24-47.png

      1 Reply Last reply Reply Quote 0
      • D
        Damich last edited by

        Hallo zusammen,

        mit welchem Programm habt ihr euren Grundriss der Wohnungen/ des Hauses erstellt und wie sieht das Ergebnis aus ?

        Gruß

        Damich

        1 Reply Last reply Reply Quote 0
        • M
          Muchul last edited by Jey Cee

          @kortos:

          NodeMCU ESP8266 Sensoren an ioBroker über MQTT – #2 weiterer Sensor und Test-Gehäuse

          Im zweiten Teil der Reihe wird ein weiterer Sensor sowie ein Gehäuse für den Sensor hinzugefügt.Im vorherigen Teil haben wir einen Temperatur und Luftfeuchtigkeitssensor mittels WLAN und dem MQTT-Protokoll an ioBroker angebunden. In diesem Teil wird das bestehende Board um einen Bodenfeuchtigkeitssensor sowie die Grundplatine und ein passendes Gehäuse erweitert. Der komplette Sensor soll im Blumenbeet seinen vorläufigen Platz finden und dort fröhlich Daten sammeln.

          http://smarthome-tricks.de/software-iobroker/nodemcu-esp8266-sensoren-an-iobroker-ueber-mqtt-2-weiterer-sensor-und-test-gehaeuse/

          `

          Seite ist aktuell nicht erreichbar :?

          1 Reply Last reply Reply Quote 0
          • F
            fibernet last edited by

            Mit Adobe Illustrator :mrgreen:

            6912_grundriss-wohnung2.png

            @Damich:

            Hallo zusammen,

            mit welchem Programm habt ihr euren Grundriss der Wohnungen/ des Hauses erstellt und wie sieht das Ergebnis aus ?

            Gruß

            Damich `

            1 Reply Last reply Reply Quote 0
            • F
              fibernet last edited by Jey Cee

              Kann ich tun 😄

              Das common Java Script:

              createState('WeatherSymbol0', '');
              createState('WindSymbol0', '');
              
              createState('WeatherSymbol1', '');
              createState('WindSymbol1', '');
              
              createState('WeatherSymbol2', '');
              createState('WindSymbol2', '');
              
              createState('WeatherSymbol3', '');
              createState('WindSymbol3', '');
              
              createState('WeatherSymbol4', '');
              createState('WindSymbol4', '');
              
              createState('WeatherSymbol5', '');
              createState('WindSymbol5', '');
              
              createState('WeatherSymbol6', '');
              createState('WindSymbol6', '');
              
              createState('WeatherSymbol7', '');
              createState('WindSymbol7', '');
              
              on("daswetter.0.NextDaysDetailed.0d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol0', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.0d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol0', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.1d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol1', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.1d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol1', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.2d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol2', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.2d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort//' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol2', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.3d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol3', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.3d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol3', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.4d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol4', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.4d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol4', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.5d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol5', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.5d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol5', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.6d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol6', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.6d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol6', temp);
              });
              
              on("daswetter.0.NextDaysDetailed.7d.SymbolID", function(obj) {
              var symbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
              log (temp);
              setState('WeatherSymbol7', temp );
              });
              
              on("daswetter.0.NextDaysDetailed.7d.WindSymbolB", function(obj) {
              var windsymbol = parseInt(obj.newState.val, 10);
              var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
              log (temp);
              setState('WindSymbol7', temp);
              });
              
              

              Das Widget

              6912_wetterwidget.txt

              Und Die Grafiken

              6912_weather.rar
              Geändert :oops: waren die verkehrten Icons…..bitte nochmals runter laden sonst passt die Zuordnung nachher nicht mehr

              Ich hoffe gehilft zu haben

              @spoerl.torsten:

              Hallo fibernet,
              > Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.
              Tolle Wetterview. Ich hätte Interesse an der 5 Tagesvorschau würdest du das Widget inklusive den Icons zur Verfügung stellen?

              Wäre echt klasse.

              LG Torsten `

              1 Reply Last reply Reply Quote 4
              • C
                Conquest last edited by

                Danke Fibernet hat super funktioniert.

                LG Torsten

                1 Reply Last reply Reply Quote 0
                • D
                  Dra_gun last edited by Jey Cee

                  Hallo zusammen,

                  Hammer Wetterview Fibernet 😮 . Auch von mir Danke dafür :mrgreen:

                  5767_screenshot_20180513-053737.png

                  Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View mit der Tagesansicht.

                  5767_screenshot_20180513-053745.png

                  Anbei noch der Rest von meinen Views die mit viel Copy Paste aus dem Forum hier entstanden sind 😄 😄 😄

                  5767_screenshot_20180513-053826.png 5767_screenshot_20180513-053724.png 5767_screenshot_20180513-053844.png 5767_screenshot_20180513-053818.png

                  LG Dragan

                  A 1 Reply Last reply Reply Quote 1
                  • A
                    andyb last edited by

                    @Dra_gun:

                    Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View

                    LG Dragan `

                    Würeest du das Wetterwidget und die Detailview bereitstellen?

                    1 Reply Last reply Reply Quote 0
                    • D
                      Dra_gun last edited by Jey Cee

                      @andyb:

                      @Dra_gun:

                      Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View

                      LG Dragan `

                      Würeest du das Wetterwidget und die Detailview bereitstellen? `

                      na klar 😄

                      hier das Widget
                      5767_wetterwidget.txt

                      und hier das Javascript für die einzelnen Tage

                      skript.txt

                      und die Detailview…

                      5767_detailview.txt

                      1 Reply Last reply Reply Quote 0
                      • 2
                        2hot4you last edited by Jey Cee

                        Hallo Dra_gun,

                        welche Eintrag hast Du im Adapter vorgenommen mit welchen API Pfad ?

                        4872_daswetter.png 4872_apidaswetter.png

                        1 Reply Last reply Reply Quote 0
                        • D
                          Dra_gun last edited by

                          @2hot4you:

                          Hallo Dra_gun,

                          welche Eintrag hast Du im Adapter vorgenommen mit welchen API Pfad ? `

                          Hey,

                          Beim dasWetter Adapter die 5 Tages URL und beim API den Pfad 2: XML-Datei mit 5-Tage-Wettervorhersage und detaillierte Informationen für alle 3 Stunden

                          Ihr braucht noch die Grafiken und das common Java Script von Fibernet :mrgreen:

                          Grüße

                          1 Reply Last reply Reply Quote 0
                          • wendy2702
                            wendy2702 last edited by Jey Cee

                            @2hot4you:

                            Hallo Dra_gun,

                            welche Eintrag hast Du im Adapter vorgenommen mit welchen API Pfad ? `

                            Gibt ein extra Thread zum „Das Wetter“ Adapter.

                            viewtopic.php?f=20&t=5912&hilit=Daswetter

                            Wegen Konfiguration bitte da schauen/fragen oder neues Thema aufmachen. Hier geht es ja hauptsächlich ums „Zeigen“

                            1 Reply Last reply Reply Quote 0
                            • D
                              Damich last edited by

                              @Dutchman:

                              so jetzt ich auch mal, nich die schönste Grafik und Aufbau aber technische Wiedergabe einer sonnen anlage (Wasser und Strom) `

                              Hallo Dutchman,

                              deine Diagramme sehen echt gut aus. Wie hast du die erstellt und würdest du eine Vorlage posten ?

                              Gruß

                              Damich

                              1 Reply Last reply Reply Quote 0
                              • S
                                sveni_lee last edited by

                                @Dra_gun:

                                @andyb:

                                @Dra_gun:

                                Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View

                                LG Dragan `

                                Würeest du das Wetterwidget und die Detailview bereitstellen? `

                                na klar 😄

                                hier das Widget

                                WetterWidget.txt

                                und hier das Javascript für die einzelnen Tage

                                ! createState('WeatherSymbol10', '');
                                ! createState('WeatherSymbol11', '');
                                ! createState('WeatherSymbol12', '');
                                ! createState('WeatherSymbol13', '');
                                ! createState('WeatherSymbol14', '');
                                ! createState('WeatherSymbol15', '');
                                ! createState('WeatherSymbol16', '');
                                ! createState('WeatherSymbol17', '');
                                ! createState('WeatherSymbol20', '');
                                ! createState('WeatherSymbol21', '');
                                ! createState('WeatherSymbol22', '');
                                ! createState('WeatherSymbol23', '');
                                ! createState('WeatherSymbol24', '');
                                ! createState('WeatherSymbol25', '');
                                ! createState('WeatherSymbol26', '');
                                ! createState('WeatherSymbol27', '');
                                ! createState('WeatherSymbol30', '');
                                ! createState('WeatherSymbol31', '');
                                ! createState('WeatherSymbol32', '');
                                ! createState('WeatherSymbol33', '');
                                ! createState('WeatherSymbol34', '');
                                ! createState('WeatherSymbol35', '');
                                ! createState('WeatherSymbol36', '');
                                ! createState('WeatherSymbol37', '');
                                ! createState('WeatherSymbol40', '');
                                ! createState('WeatherSymbol41', '');
                                ! createState('WeatherSymbol42', '');
                                ! createState('WeatherSymbol43', '');
                                ! createState('WeatherSymbol44', '');
                                ! createState('WeatherSymbol45', '');
                                ! createState('WeatherSymbol46', '');
                                ! createState('WeatherSymbol47', '');
                                ! createState('WeatherSymbol50', '');
                                ! createState('WeatherSymbol51', '');
                                ! createState('WeatherSymbol52', '');
                                ! createState('WeatherSymbol53', '');
                                ! createState('WeatherSymbol54', '');
                                ! createState('WeatherSymbol55', '');
                                ! createState('WeatherSymbol56', '');
                                ! createState('WeatherSymbol57', '');
                                ! on("daswetter.0.NextDaysDetailed.0d.0h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol10', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.1h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol11', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.2h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol12', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.3h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol13', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.4h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol14', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.5h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol15', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.6h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol16', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.0d.7h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol17', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.0h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol20', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.1h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol21', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.2h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol22', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.3h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol23', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.4h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol24', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.5h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol25', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.6h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol26', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.1d.7h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol27', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.0h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol30', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.1h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol31', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.2h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol32', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.3h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol33', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.4h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol34', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.5h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol35', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.6h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol36', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.2d.7h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol37', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.0h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol40', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.1h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol41', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.2h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol42', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.3h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol43', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.4h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol44', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.5h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol45', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.6h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol46', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.3d.7h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol47', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.0h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol50', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.1h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol51', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.2h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol52', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.3h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol53', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.4h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol54', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.5h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol55', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.6h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol56', temp );
                                ! });
                                ! on("daswetter.0.NextDaysDetailed.4d.7h.SymbolID", function(obj) {
                                ! var symbol = parseInt(obj.newState.val, 10);
                                ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                ! log (temp);
                                ! setState('WeatherSymbol57', temp );
                                ! });

                                und die Detailview…

                                detailview.txt `

                                Hallo,

                                Danke fürs teilen.

                                Ich habe mich mal ein wenig mit der Wetteransicht auseinandergesetzt.

                                Korrigiere mich wenn ich falsch liege aber ich glaube man könnte auf das script verzichten wenn man mit Bindings arbeitet.

                                Ich habe für die Wettericons das "Basic Image " - Widget genommen unf folgendes bei Quelle eingegebn: /daswetter/icons/wetter/{daswetter.0.NextDays.0d.ConditionID}f.png

                                das klappt sowei auch…

                                1 Reply Last reply Reply Quote 0
                                • D
                                  Dra_gun last edited by

                                  ` > Hallo,

                                  Danke fürs teilen.

                                  Ich habe mich mal ein wenig mit der Wetteransicht auseinandergesetzt.

                                  Korrigiere mich wenn ich falsch liege aber ich glaube man könnte auf das script verzichten wenn man mit Bindings arbeitet.

                                  Ich habe für die Wettericons das "Basic Image " - Widget genommen unf folgendes bei Quelle eingegebn: /daswetter/icons/wetter/{daswetter.0.NextDays.0d.ConditionID}f.png

                                  das klappt sowei auch… `

                                  wie soll ich dich korrigieren wenn ich keinen Plan von dem ganzen hier habe :lol: :lol: :lol: :lol:

                                  hab es mal getestet , funktioniert 😄 script gelöscht :mrgreen: Danke :mrgreen:

                                  Wichtig zu wissen : im VIS Editor wird nichts angezeigt. Erst im Vis sieht man dann das Bild ( hat mich ewig Zeit gekostet bis ich das geblickt habe :roll: )

                                  1 Reply Last reply Reply Quote 0
                                  • S
                                    sveni_lee last edited by

                                    ich habe das ganze noch ein wenig weiter entwickelt…

                                    um für jeden Tag eine Detail auskunft zu bekommen habe ich ein Script geschrieben das die entsprechenden Datenpunkte bei click auf detail schreibt schreibt. Dazu muss nur im im button eine dem Tag (0, 1, 2, 3, 4) entsprechender State gesetzt werden. in meinem Fall "javascript.0.Wetter.DayID".

                                    und die Widgets in der Detailansicht anpassen...

                                    var a = ['hour', 'Temperature', 'Symbol', 'SymbolID', 'Wind', 'Humidity', 'Rain'];
                                    
                                    for (var x in a) {
                                       for (var i = 0; i <= 7; i++) {
                                          var createSt = 'Wetter.Detail.' + a[x] + '.' + i + 'h';
                                          createState(createSt, '');
                                        }
                                    }
                                    
                                    on({id: 'javascript.0.Wetter.DayID'}, function (obj) {
                                        var DayID = getState("javascript.0.Wetter.DayID").val;
                                        for (var x in a){    
                                           for (var i = 0; i <= 7; i++) {
                                              getSt = 'daswetter.0.NextDaysDetailed.' + DayID + 'd.' + i + 'h.' + a[x];
                                              var State = getState(getSt).val;
                                              setSt = 'javascript.0.Wetter.Detail.' + a[x] + '.' + i + 'h';
                                              setState(setSt, State);
                                           }
                                        }
                                    });
                                    
                                    1 Reply Last reply Reply Quote 0
                                    • SmarthomeMF
                                      SmarthomeMF last edited by Jey Cee

                                      Hallo

                                      Mein Wetter View
                                      4668_k1600_unbenannt_07.jpg

                                      1 Reply Last reply Reply Quote 0
                                      • A
                                        Arnulf last edited by

                                        ist "Himel" ein Schreibfehler oder steht das für eine Abkürzung?

                                        Gefällt mit übrigens sehr gut. wäre eine bessere Variante als die, die ich gebastelt habe

                                        1 Reply Last reply Reply Quote 0
                                        • S
                                          sveni_lee last edited by

                                          @Dra_gun:

                                          wie soll ich dich korrigieren wenn ich keinen Plan von dem ganzen hier habe :lol: :lol: :lol: :lol:

                                          hab es mal getestet , funktioniert 😄 script gelöscht :mrgreen: Danke :mrgreen:

                                          Wichtig zu wissen : im VIS Editor wird nichts angezeigt. Erst im Vis sieht man dann das Bild ( hat mich ewig Zeit gekostet bis ich das geblickt habe :roll: ) `

                                          leider funktioniert das ganze bei mir in der Android-App nur wenn ich noch http//ipzuiobroker/davor setze.

                                          dann sind die Icon über den Cloudzugang aber nicht mehr sichtbar…

                                          Wie hast Du die Wetterkarten eingebunden?

                                          1 Reply Last reply Reply Quote 0
                                          • T
                                            Torsten81 last edited by

                                            @schittl

                                            Könnte ich eventuell deine Energie View bekommen, wo du die einzelnen Geräte auflistest? Das sieht echt top aus, sowas fehlt mir noch

                                            @vtwo

                                            Deine Vis gefällt mir sehr gut, ist es da eventuell möglich das ganze Projekt zu bekommen?

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            803
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            383327
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo