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. Javascript Datenpunkt per Widget steuern

NEWS

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

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Javascript Datenpunkt per Widget steuern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
3 Beiträge 2 Kommentatoren 235 Aufrufe 3 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.
  • Crazy32C Offline
    Crazy32C Offline
    Crazy32
    schrieb am zuletzt editiert von
    #1

    Moin. Ich verändere ja gerade meine View für die Rollladensteuerung. In der View habe ich auch ein paar Schalter, mit denen ich die Automatik ein- und ausschalten kann. Funktioniert auch soweit. So sieht es aktuell aus:

    1.png

    Ich möchte aber aus optischen Gründen andere Schalter verwenden. Und zwar habe ich mir in den Kopf gesetzt, dass das Icon je nach Zustand rot oder grün leuchtet. Wie bei einer Steckdose, die mit dem jqui-mfd-ctrl-socket Widget geschaltet wird. Ich kriege es aber einfach nicht hin. Ich habe mehrere Widgets getestet, bei denen man Icons für AN/AUS verwenden und eine Farbe für die Zustände eingeben kann. Der Effekt ist meist der Gleiche, das Widget schaltet zwar das Script an und aus, aber ich kriege es mit keinem Widget hin, dass sich die Iconfarbe passend zum Schaltzustand ändert. Die Iconfarbe bleibt immer auf grün. So soll es später aussehen:

    2.png

    Kann da jemand weiterhelfen?

    LG und einen schönen Donnerstag 😊

    sigi234S 1 Antwort Letzte Antwort
    0
    • Crazy32C Crazy32

      Moin. Ich verändere ja gerade meine View für die Rollladensteuerung. In der View habe ich auch ein paar Schalter, mit denen ich die Automatik ein- und ausschalten kann. Funktioniert auch soweit. So sieht es aktuell aus:

      1.png

      Ich möchte aber aus optischen Gründen andere Schalter verwenden. Und zwar habe ich mir in den Kopf gesetzt, dass das Icon je nach Zustand rot oder grün leuchtet. Wie bei einer Steckdose, die mit dem jqui-mfd-ctrl-socket Widget geschaltet wird. Ich kriege es aber einfach nicht hin. Ich habe mehrere Widgets getestet, bei denen man Icons für AN/AUS verwenden und eine Farbe für die Zustände eingeben kann. Der Effekt ist meist der Gleiche, das Widget schaltet zwar das Script an und aus, aber ich kriege es mit keinem Widget hin, dass sich die Iconfarbe passend zum Schaltzustand ändert. Die Iconfarbe bleibt immer auf grün. So soll es später aussehen:

      2.png

      Kann da jemand weiterhelfen?

      LG und einen schönen Donnerstag 😊

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von sigi234
      #2

      @crazy32

      Widget:

      [{"tpl":"i-vis-universal","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iUniversalWidgetType":"Switch","iValueType":"boolean","iStateResponseTime":"0","iNavWait":"100","iButtonCol":"","iButtonActive":"","iOpacityBack":"1","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iContentFlexDirection":"vertical","iContentVertAlign":"iSpace-between","iContentOrder":"orderTextImg","iOpacityCtn":"1","iTextColor":"#ffffff","iTextSize":"12","iTextAlign":"iCenter","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"70","iImgAlign":"iCenter","iImgSpaceTop":"5","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgRotation":"0","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iShadowXOffset":"0","iShadowYOffset":"0","iShadowBlur":"4","iShadowSpread":"5","iShadowColor":"#111111","iShadowColorActive":"#111111","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"#111111","iShadowInnerColorActive":"#111111","iBorderSize":"1","iBorderStyle":"solid","iBorderColor":"#c70000","iBorderColorActive":"#00cc1a","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"oid":"hue.0.Philips_hue.Büro.on","iValueFalse":"","iValueTrue":"","iTextFalse":"Büro Off","iTextTrue":"Büro On","iImageFalse":"/vis-icontwo/Lights/light_off.png","iImageTrue":"/vis-icontwo/Lights/light_on.png","iInvertImageCol":true,"iFlipImage":false,"iStateResetValueTime":"0","iImgColorFalse":"#c70000","iImgColorTrue":"#00cc1a","iImgColorFalseFilter":"filter: invert(9%) sepia(86%) saturate(7489%) hue-rotate(11deg) brightness(89%) contrast(115%);","iImgColorTrueFilter":"filter: invert(54%) sepia(36%) saturate(3531%) hue-rotate(89deg) brightness(100%) contrast(108%);","views":null,"name":"Spot Büro","filterkey":"Button","iValueComparison":"equal","iPopUpBackground":"#666666","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"#ffffff","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800px","iPopUpHeight":"500px","iPopUpHeightTitle":"50","iPopUpTitleSize":"28","iPopUpPosition":"center","iPopUpPositionX":"0","iPopUpPositionY":"0","iPopUpCloseAfterSeconds":"0","iPopUpCornerRadiusUL":"12","iPopUpCornerRadiusUR":"0","iPopUpCornerRadiusLR":"12","iPopUpCornerRadiusLL":"0","iPopUpShadowXOffset":"2","iPopUpShadowYOffset":"2","iPopUpShadowBlur":"2","iPopUpShadowSpread":"1","iPopUpShadowColor":"#111111","iButtonColHover":"","iContentType":"image","iImgClockFace":"001","iImgClockHands":"001","iImgClockShowBorder":"1","iImgColorClockFace":"#ffffff","iImgColorHands":"#ffffff","iImgColorHandSecond":"#ff0000","iClockShowSeconds":"","iClockTimezone":"Europe/Berlin","iHtmlTextFieldFalse":"","iHtmlTextFieldTrue":"","iShadowColorHover":"","iShadowInnerColorHover":"","iShadowTextXOffset":"0","iShadowTextYOffset":"0","iShadowTextBlur":"0","iShadowTextColor":"#111111","iShadowTextColorActive":"#111111","iBorderColorHover":"","iTextColorActive":"#ffffff","iHttpType":"iSend","iTextDecoration":"none"},"style":{"left":"425px","top":"93px","z-index":"4","width":"110px","height":"110px"},"widgetSet":"vis-inventwo"}]
      

      https://github.com/inventwo/ioBroker.vis-inventwo
      https://github.com/inventwo/ioBroker.vis-icontwo

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Immer Daten sichern!

      Crazy32C 1 Antwort Letzte Antwort
      1
      • sigi234S sigi234

        @crazy32

        Widget:

        [{"tpl":"i-vis-universal","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iUniversalWidgetType":"Switch","iValueType":"boolean","iStateResponseTime":"0","iNavWait":"100","iButtonCol":"","iButtonActive":"","iOpacityBack":"1","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iContentFlexDirection":"vertical","iContentVertAlign":"iSpace-between","iContentOrder":"orderTextImg","iOpacityCtn":"1","iTextColor":"#ffffff","iTextSize":"12","iTextAlign":"iCenter","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"70","iImgAlign":"iCenter","iImgSpaceTop":"5","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgRotation":"0","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iShadowXOffset":"0","iShadowYOffset":"0","iShadowBlur":"4","iShadowSpread":"5","iShadowColor":"#111111","iShadowColorActive":"#111111","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"#111111","iShadowInnerColorActive":"#111111","iBorderSize":"1","iBorderStyle":"solid","iBorderColor":"#c70000","iBorderColorActive":"#00cc1a","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"oid":"hue.0.Philips_hue.Büro.on","iValueFalse":"","iValueTrue":"","iTextFalse":"Büro Off","iTextTrue":"Büro On","iImageFalse":"/vis-icontwo/Lights/light_off.png","iImageTrue":"/vis-icontwo/Lights/light_on.png","iInvertImageCol":true,"iFlipImage":false,"iStateResetValueTime":"0","iImgColorFalse":"#c70000","iImgColorTrue":"#00cc1a","iImgColorFalseFilter":"filter: invert(9%) sepia(86%) saturate(7489%) hue-rotate(11deg) brightness(89%) contrast(115%);","iImgColorTrueFilter":"filter: invert(54%) sepia(36%) saturate(3531%) hue-rotate(89deg) brightness(100%) contrast(108%);","views":null,"name":"Spot Büro","filterkey":"Button","iValueComparison":"equal","iPopUpBackground":"#666666","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"#ffffff","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800px","iPopUpHeight":"500px","iPopUpHeightTitle":"50","iPopUpTitleSize":"28","iPopUpPosition":"center","iPopUpPositionX":"0","iPopUpPositionY":"0","iPopUpCloseAfterSeconds":"0","iPopUpCornerRadiusUL":"12","iPopUpCornerRadiusUR":"0","iPopUpCornerRadiusLR":"12","iPopUpCornerRadiusLL":"0","iPopUpShadowXOffset":"2","iPopUpShadowYOffset":"2","iPopUpShadowBlur":"2","iPopUpShadowSpread":"1","iPopUpShadowColor":"#111111","iButtonColHover":"","iContentType":"image","iImgClockFace":"001","iImgClockHands":"001","iImgClockShowBorder":"1","iImgColorClockFace":"#ffffff","iImgColorHands":"#ffffff","iImgColorHandSecond":"#ff0000","iClockShowSeconds":"","iClockTimezone":"Europe/Berlin","iHtmlTextFieldFalse":"","iHtmlTextFieldTrue":"","iShadowColorHover":"","iShadowInnerColorHover":"","iShadowTextXOffset":"0","iShadowTextYOffset":"0","iShadowTextBlur":"0","iShadowTextColor":"#111111","iShadowTextColorActive":"#111111","iBorderColorHover":"","iTextColorActive":"#ffffff","iHttpType":"iSend","iTextDecoration":"none"},"style":{"left":"425px","top":"93px","z-index":"4","width":"110px","height":"110px"},"widgetSet":"vis-inventwo"}]
        

        https://github.com/inventwo/ioBroker.vis-inventwo
        https://github.com/inventwo/ioBroker.vis-icontwo

        Crazy32C Offline
        Crazy32C Offline
        Crazy32
        schrieb am zuletzt editiert von
        #3

        @sigi234 Danke, aber dieses Widget habe ich auch schon getestet. Ich habe bei Deinem nur den Datenpunkt geändert. Hat zur Folge, dass das Script zwar bei Druck auf den Button ein- und ausgeschaltet wird, aber die Birne bleibt rot. Ich habe dann den Datenpunkt einer Hue-Lampe angegeben, damit funktioniert es ohne Probleme. Liegt es an dem Datenpunkt? Das wäre dieser hier:

        1.png

        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

        551

        Online

        32.7k

        Benutzer

        82.6k

        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