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.
    • sigi234
      sigi234 Forum Testing Most Active last edited by

      Hallo,

      ist mein Lieblings Thread 🙂

      Ein eigener Bereich von VIS Views wäre sicher nicht schlecht?

      1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            827
                                            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