Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. HTML-Widget Slider

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    439

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    365

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    962

HTML-Widget Slider

Geplant Angeheftet Gesperrt Verschoben Visualisierung
4 Beiträge 2 Kommentatoren 443 Aufrufe 2 Beobachtet
  • Ä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.
  • Proper0912P Offline
    Proper0912P Offline
    Proper0912
    schrieb am zuletzt editiert von
    #1

    Hallo,
    bräuchte da mal eure Hilfe und zwar bin ich gerade dran in einem HTML-Widget ein Slider rein zumachen.
    das so weit auch funktioniert. jetzt kommt das Problem ergibt mir nur ein True oder False in den Datenpunkt,
    aber keine Zahl.
    hier der Code:

    <input id="slide" type="range" min="0" max="100" step="10" value="{0_userdata.0.1}" onchange="updateSlider(this.value)">
    
    <script>
    function updateSlider(val) {
    var objID1 = "0_userdata.0.1";
    this.servConn._socket.emit('getStates', objID1, (error, states) => {
    this.servConn._socket.emit('setState', objID1, !states[objID1].val);
    })
    }
    </script> 
    

    Vielleicht kann mir ja jemand Helfen von euch!
    Danke

    Gruß Proper0912

    Gruß
    Florian

    System:
    Windows 10
    Admin: 6.3.5
    js-controller: 4.0.23
    Node-js: 16.0.0
    NPM 7.10.0
    repository: lates

    Proper0912P 1 Antwort Letzte Antwort
    0
    • Proper0912P Proper0912

      Hallo,
      bräuchte da mal eure Hilfe und zwar bin ich gerade dran in einem HTML-Widget ein Slider rein zumachen.
      das so weit auch funktioniert. jetzt kommt das Problem ergibt mir nur ein True oder False in den Datenpunkt,
      aber keine Zahl.
      hier der Code:

      <input id="slide" type="range" min="0" max="100" step="10" value="{0_userdata.0.1}" onchange="updateSlider(this.value)">
      
      <script>
      function updateSlider(val) {
      var objID1 = "0_userdata.0.1";
      this.servConn._socket.emit('getStates', objID1, (error, states) => {
      this.servConn._socket.emit('setState', objID1, !states[objID1].val);
      })
      }
      </script> 
      

      Vielleicht kann mir ja jemand Helfen von euch!
      Danke

      Gruß Proper0912

      Proper0912P Offline
      Proper0912P Offline
      Proper0912
      schrieb am zuletzt editiert von
      #2

      Habe es jetzt selbst gelöst und funktioniert

      <scribt>
      function updateSlider(val) {
          var objID1 = "shelly.0.SHDM-2#8CAAB55564EF#1.lights.brightness";
          this.servConn._socket.emit('setState', objID1, val );
      }
      </script>
      

      Danke für eure Hilfe!

      Gruß
      Florian

      System:
      Windows 10
      Admin: 6.3.5
      js-controller: 4.0.23
      Node-js: 16.0.0
      NPM 7.10.0
      repository: lates

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • Proper0912P Proper0912

        Habe es jetzt selbst gelöst und funktioniert

        <scribt>
        function updateSlider(val) {
            var objID1 = "shelly.0.SHDM-2#8CAAB55564EF#1.lights.brightness";
            this.servConn._socket.emit('setState', objID1, val );
        }
        </script>
        

        Danke für eure Hilfe!

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #3

        @proper0912
        danke für das posten deiner lösung

        funktioniert

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        Proper0912P 1 Antwort Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @proper0912
          danke für das posten deiner lösung

          funktioniert

          Proper0912P Offline
          Proper0912P Offline
          Proper0912
          schrieb am zuletzt editiert von
          #4

          @liv-in-sky Danke das ich helfen konnte!

          Gruß
          Florian

          System:
          Windows 10
          Admin: 6.3.5
          js-controller: 4.0.23
          Node-js: 16.0.0
          NPM 7.10.0
          repository: lates

          1 Antwort Letzte Antwort
          0

          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

          Registrieren Anmelden
          Antworten
          • In einem neuen Thema antworten
          Anmelden zum Antworten
          • Älteste zuerst
          • Neuste zuerst
          • Meiste Stimmen


          Support us

          ioBroker
          Community Adapters
          Donate

          550

          Online

          32.8k

          Benutzer

          82.8k

          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