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. [Tipp] In HTML-Widget States verarbeiten/anzeigen

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.6k

[Tipp] In HTML-Widget States verarbeiten/anzeigen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vissocket io
14 Beiträge 5 Kommentatoren 3.5k Aufrufe 12 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.
  • MicM Offline
    MicM Offline
    Mic
    Developer
    schrieb am zuletzt editiert von
    #4

    Damit öffnet man sich auch andere schöne Spielereien, ohne zusätzlicher Datenpunkte.
    Z.B. Ausgabe eines Datums von einem State in "Heute, um 20:15 Uhr" anstatt "25.02.2020, um 20:15 Uhr" usw.
    Man kann also mittels JavaScript die State-Daten entsprechend verarbeiten und zur Anzeige bringen, gerade wenn es dafür noch keine Widgets gibt oder diese Optionen nicht bieten.

    G GlasfaserG F 3 Antworten Letzte Antwort
    0
    • MicM Mic

      Damit öffnet man sich auch andere schöne Spielereien, ohne zusätzlicher Datenpunkte.
      Z.B. Ausgabe eines Datums von einem State in "Heute, um 20:15 Uhr" anstatt "25.02.2020, um 20:15 Uhr" usw.
      Man kann also mittels JavaScript die State-Daten entsprechend verarbeiten und zur Anzeige bringen, gerade wenn es dafür noch keine Widgets gibt oder diese Optionen nicht bieten.

      G Offline
      G Offline
      GiuseppeS
      schrieb am zuletzt editiert von
      #5

      @Mic
      Hinweis:
      Apollon77 hatte in deinem verlinkten Thread folgendes gepostet:

      getState liefert den Wert des States. GetObject liefert das Objekt. Und bei getState ist es state.val (wenn state die Variable des response callbacks ist)

      Du benutzt in deinem Beispiel oben getStates und greifst im Nachgang auf das eigentliche Objekt des json mit [objID] zu. Dürfte einfacher sein, wenn getState genutzt wird. Habe es selbst nie getestet, da ich nie states auslese.

      MicM 1 Antwort Letzte Antwort
      0
      • MicM Mic

        Damit öffnet man sich auch andere schöne Spielereien, ohne zusätzlicher Datenpunkte.
        Z.B. Ausgabe eines Datums von einem State in "Heute, um 20:15 Uhr" anstatt "25.02.2020, um 20:15 Uhr" usw.
        Man kann also mittels JavaScript die State-Daten entsprechend verarbeiten und zur Anzeige bringen, gerade wenn es dafür noch keine Widgets gibt oder diese Optionen nicht bieten.

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von Glasfaser
        #6

        @Mic

        Danke für die Idee .

        oder mit Emoji den Zustand anzeigen ...

        1.JPG

        2.JPG

        Script is <span id="logScriptUpdateCheck"></span>
        <script>
        // Siehe https://forum.iobroker.net/topic/29851/socket-io-state-lesen-und-setzen/
        let objID = '0_userdata.0.Log-Scriptalpha.All.lastTimeUpdated';
        servConn.getStates(objID, (error, states) => {
        let stateValue = states[objID].val;
        let result;
        if( (parseInt(stateValue)+30000) > Date.now() ) {
        result = '<span >✅</span>'
        } else {
        result = '<span >❌</span>'
        }
        document.getElementById('logScriptUpdateCheck').innerHTML = result;
        });
        </script>
        
        

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        1 Antwort Letzte Antwort
        0
        • G GiuseppeS

          @Mic
          Hinweis:
          Apollon77 hatte in deinem verlinkten Thread folgendes gepostet:

          getState liefert den Wert des States. GetObject liefert das Objekt. Und bei getState ist es state.val (wenn state die Variable des response callbacks ist)

          Du benutzt in deinem Beispiel oben getStates und greifst im Nachgang auf das eigentliche Objekt des json mit [objID] zu. Dürfte einfacher sein, wenn getState genutzt wird. Habe es selbst nie getestet, da ich nie states auslese.

          MicM Offline
          MicM Offline
          Mic
          Developer
          schrieb am zuletzt editiert von
          #7

          @GiuseppeS sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

          @Mic
          Hinweis:
          Apollon77 hatte in deinem verlinkten Thread folgendes gepostet:

          getState liefert den Wert des States. GetObject liefert das Objekt. Und bei getState ist es state.val (wenn state die Variable des response callbacks ist)

          Du benutzt in deinem Beispiel oben getStates und greifst im Nachgang auf das eigentliche Objekt des json mit [objID] zu. Dürfte einfacher sein, wenn getState genutzt wird. Habe es selbst nie getestet, da ich nie states auslese.

          Danke für den Hinweis. Ich hatte kurz getState() getestet, aber hatte nicht funktioniert bei mir, daher blieb ich bei getObject.

          @Glasfaser sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

          oder mit Emoji den Zustand anzeigen ...

          Auch schön.

          G 1 Antwort Letzte Antwort
          0
          • MicM Mic

            @GiuseppeS sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

            @Mic
            Hinweis:
            Apollon77 hatte in deinem verlinkten Thread folgendes gepostet:

            getState liefert den Wert des States. GetObject liefert das Objekt. Und bei getState ist es state.val (wenn state die Variable des response callbacks ist)

            Du benutzt in deinem Beispiel oben getStates und greifst im Nachgang auf das eigentliche Objekt des json mit [objID] zu. Dürfte einfacher sein, wenn getState genutzt wird. Habe es selbst nie getestet, da ich nie states auslese.

            Danke für den Hinweis. Ich hatte kurz getState() getestet, aber hatte nicht funktioniert bei mir, daher blieb ich bei getObject.

            @Glasfaser sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

            oder mit Emoji den Zustand anzeigen ...

            Auch schön.

            G Offline
            G Offline
            GiuseppeS
            schrieb am zuletzt editiert von
            #8

            @Mic
            Vielleicht würde es so auch funktionieren...

            servConn.getStates(objID, (error, states) => {
                    let stateValue = states[objID].val;
            
            // evtl so funktioniert es auch
            
            servConn.getState(objID, (error, state) => {
                    let stateValue = state.val;
            
            MicM 1 Antwort Letzte Antwort
            0
            • G GiuseppeS

              @Mic
              Vielleicht würde es so auch funktionieren...

              servConn.getStates(objID, (error, states) => {
                      let stateValue = states[objID].val;
              
              // evtl so funktioniert es auch
              
              servConn.getState(objID, (error, state) => {
                      let stateValue = state.val;
              
              MicM Offline
              MicM Offline
              Mic
              Developer
              schrieb am zuletzt editiert von
              #9

              @GiuseppeS sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

              @Mic
              Vielleicht würde es so auch funktionieren...

              Geht leider nicht, Widget bleibt dann komplett leer.

              GlasfaserG 1 Antwort Letzte Antwort
              0
              • MicM Mic

                @GiuseppeS sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                @Mic
                Vielleicht würde es so auch funktionieren...

                Geht leider nicht, Widget bleibt dann komplett leer.

                GlasfaserG Offline
                GlasfaserG Offline
                Glasfaser
                schrieb am zuletzt editiert von
                #10

                @Mic

                Wollte nur mal erwähnen , habe mir letztens ein Wolf gesucht !

                Hat ein Nachteil , sperrt die Funktion "View export" im Vis Editor .

                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                MicM 1 Antwort Letzte Antwort
                0
                • GlasfaserG Glasfaser

                  @Mic

                  Wollte nur mal erwähnen , habe mir letztens ein Wolf gesucht !

                  Hat ein Nachteil , sperrt die Funktion "View export" im Vis Editor .

                  MicM Offline
                  MicM Offline
                  Mic
                  Developer
                  schrieb am zuletzt editiert von
                  #11

                  @Glasfaser sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                  Wollte nur mal erwähnen , habe mir letztens ein Wolf gesucht !

                  So gings mir auch :grinning:

                  Hat ein Nachteil , sperrt die Funktion "View export" im Vis Editor .

                  Grad getestet, das ist bei mir leider auch so. Du hast ja hier auch gepostet, wo ein Widget-JS die Export-Funktion sperrt: https://forum.iobroker.net/post/433242
                  Vielleicht machst du am besten im VIS-Adapter ein Issue auf? Danke.

                  GlasfaserG 1 Antwort Letzte Antwort
                  0
                  • MicM Mic

                    @Glasfaser sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                    Wollte nur mal erwähnen , habe mir letztens ein Wolf gesucht !

                    So gings mir auch :grinning:

                    Hat ein Nachteil , sperrt die Funktion "View export" im Vis Editor .

                    Grad getestet, das ist bei mir leider auch so. Du hast ja hier auch gepostet, wo ein Widget-JS die Export-Funktion sperrt: https://forum.iobroker.net/post/433242
                    Vielleicht machst du am besten im VIS-Adapter ein Issue auf? Danke.

                    GlasfaserG Offline
                    GlasfaserG Offline
                    Glasfaser
                    schrieb am zuletzt editiert von
                    #12

                    @Mic

                    Ist mir letztens aufgefallen , da ich mein View auf Logparser komplett umgestellt habe .

                    ( Ja ... ich habe es jetzt komplett umgestellt ;) )

                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                    1 Antwort Letzte Antwort
                    1
                    • MicM Mic

                      Damit öffnet man sich auch andere schöne Spielereien, ohne zusätzlicher Datenpunkte.
                      Z.B. Ausgabe eines Datums von einem State in "Heute, um 20:15 Uhr" anstatt "25.02.2020, um 20:15 Uhr" usw.
                      Man kann also mittels JavaScript die State-Daten entsprechend verarbeiten und zur Anzeige bringen, gerade wenn es dafür noch keine Widgets gibt oder diese Optionen nicht bieten.

                      F Offline
                      F Offline
                      Förster
                      schrieb am zuletzt editiert von
                      #13

                      @Mic
                      Hallo Mic, könntest du erläutern, wie das mit dem Umwandeln in "heute, um 20:15 Uhr" funktioniert ?

                      Ich weiß, es passt nicht ganz zum eigentlichen Thema ... aber genau diese Funktion suche ich schon länger, habe aber bisher nichts dazu gefunden :-(

                      MicM 1 Antwort Letzte Antwort
                      0
                      • F Förster

                        @Mic
                        Hallo Mic, könntest du erläutern, wie das mit dem Umwandeln in "heute, um 20:15 Uhr" funktioniert ?

                        Ich weiß, es passt nicht ganz zum eigentlichen Thema ... aber genau diese Funktion suche ich schon länger, habe aber bisher nichts dazu gefunden :-(

                        MicM Offline
                        MicM Offline
                        Mic
                        Developer
                        schrieb am zuletzt editiert von
                        #14

                        @Förster sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                        Ich weiß, es passt nicht ganz zum eigentlichen Thema ... aber genau diese Funktion suche ich schon länger, habe aber bisher nichts dazu gefunden

                        Passt nun wirklich gar nicht hier rein ;-) Daher nur kurze Antwort: Umsetzung kannst du dir im Adapter-Code ansehen:
                        https://github.com/Mic-M/ioBroker.logparser/blob/master/lib/mic-functions.js#L104
                        Zu weiteren Fragen machst du am besten separaten Thread auf mit genauer Beschreibung, Use Case, usw.

                        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

                        304

                        Online

                        32.4k

                        Benutzer

                        81.4k

                        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