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

  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.4k

  • 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 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

                      241

                      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