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. Variables html Widget

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.6k

Variables html Widget

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

    Hallo ich möchte meine "alte" Solaranlage in die Vis einbinden.
    Bei der alten Solaranlage werkelt ein SolarLog 500.
    Dieser zeigt die Tageswerte unter folgender Adresse an:
    src="http://192.168.XXX.XXX/visu.html?mode=0"
    Soweit funktioniert das auch. Aber wenn ich jetzt den Mode auf Monatswerte (1) stellen möchte klappts schon nicht mehr.
    Ich habe einen Datenpunkt, mit dem ich den gewollten Mode abrufen kann.
    Und folgendes in das HTML Widget geschrieben:

    <div style>
    
    <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.64); width: 1100px; height: 670px;" src="http://192.168.XXX.XX/visu.html?mode={x:parseInt(0_userdata.0.FromVis.pv_anlage_alt_mode);x}" name="iFrame" scrolling="no"></iframe>
    
    </div>
    

    wie nicht anderst zu erwarten, kommt undefined.
    Ich habe auch schon folgende Passage versucht, mit überschaubarem Erfolg:

    <div style>
    
    <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.64); width: 1100px; height: 670px;" src="http://192.168.XXX.XXX/visu.html?mode={0_userdata.0.FromVis.pv_anlage_alt_mode}" name="iFrame" scrolling="no"></iframe>
    
    </div>
    

    pv_anlage_alt_mode ist eine Number (integer) Variable.
    Kann mir jemand helfen?
    Das wurde auch schon ausprobiert:

    <div style>
    
    <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.64); width: 1100px; height: 670px;" src="http://192.168.XXX.XXX/visu.html?mode={parseInt(0_userdata.0.FromVis.pv_anlage_alt_mode)}" name="iFrame" scrolling="no"></iframe>
    
    </div>
    
    OliverIOO 1 Antwort Letzte Antwort
    0
    • H hunterhb

      Hallo ich möchte meine "alte" Solaranlage in die Vis einbinden.
      Bei der alten Solaranlage werkelt ein SolarLog 500.
      Dieser zeigt die Tageswerte unter folgender Adresse an:
      src="http://192.168.XXX.XXX/visu.html?mode=0"
      Soweit funktioniert das auch. Aber wenn ich jetzt den Mode auf Monatswerte (1) stellen möchte klappts schon nicht mehr.
      Ich habe einen Datenpunkt, mit dem ich den gewollten Mode abrufen kann.
      Und folgendes in das HTML Widget geschrieben:

      <div style>
      
      <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.64); width: 1100px; height: 670px;" src="http://192.168.XXX.XX/visu.html?mode={x:parseInt(0_userdata.0.FromVis.pv_anlage_alt_mode);x}" name="iFrame" scrolling="no"></iframe>
      
      </div>
      

      wie nicht anderst zu erwarten, kommt undefined.
      Ich habe auch schon folgende Passage versucht, mit überschaubarem Erfolg:

      <div style>
      
      <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.64); width: 1100px; height: 670px;" src="http://192.168.XXX.XXX/visu.html?mode={0_userdata.0.FromVis.pv_anlage_alt_mode}" name="iFrame" scrolling="no"></iframe>
      
      </div>
      

      pv_anlage_alt_mode ist eine Number (integer) Variable.
      Kann mir jemand helfen?
      Das wurde auch schon ausprobiert:

      <div style>
      
      <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.64); width: 1100px; height: 670px;" src="http://192.168.XXX.XXX/visu.html?mode={parseInt(0_userdata.0.FromVis.pv_anlage_alt_mode)}" name="iFrame" scrolling="no"></iframe>
      
      </div>
      
      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #2

      @hunterhb

      die notation beim 1. und 2. beispiel ist falsch.
      les dir die beschreibung dazu nochmal durch

      hast du mal mit den web developer tools im runtime mode das html angeschaut, was beim 2. beispiel genau erzeugt wird?
      das ist noch das richtigere. leider gibt es keinen int oder trim befehl, falls da ein text mit einem leerzeichen ankommt. das zerhaut dir dann die url.

      binding hat 2 modis.

      1. da wird am anfang einfach nur der datenpunkt genannt, ohne doppelpunkt und ohne variable, danach darf man mit ; getrennt dann bestimmte befehle verwenden, die in der doku aufgezählt sind.
      2. datenpunkt mit : und variable ist der javascript-modus. d.h. jeder nachfolgende befehl wird in ein javascript befehl umgewandelt, der aber bestimmten bedingungen folgt.
        wenn der datenpunkt in die variable eingelesen wird, darfst du noch keine funktion anwenden, das kannst du dann erst mit der variable machen.

      korrekt für dich wäre dann

      {x:0_userdata.0.FromVis.pv_anlage_alt_mode;parseInt(x)}
      

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      H 1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @hunterhb

        die notation beim 1. und 2. beispiel ist falsch.
        les dir die beschreibung dazu nochmal durch

        hast du mal mit den web developer tools im runtime mode das html angeschaut, was beim 2. beispiel genau erzeugt wird?
        das ist noch das richtigere. leider gibt es keinen int oder trim befehl, falls da ein text mit einem leerzeichen ankommt. das zerhaut dir dann die url.

        binding hat 2 modis.

        1. da wird am anfang einfach nur der datenpunkt genannt, ohne doppelpunkt und ohne variable, danach darf man mit ; getrennt dann bestimmte befehle verwenden, die in der doku aufgezählt sind.
        2. datenpunkt mit : und variable ist der javascript-modus. d.h. jeder nachfolgende befehl wird in ein javascript befehl umgewandelt, der aber bestimmten bedingungen folgt.
          wenn der datenpunkt in die variable eingelesen wird, darfst du noch keine funktion anwenden, das kannst du dann erst mit der variable machen.

        korrekt für dich wäre dann

        {x:0_userdata.0.FromVis.pv_anlage_alt_mode;parseInt(x)}
        
        H Offline
        H Offline
        hunterhb
        schrieb am zuletzt editiert von
        #3

        @oliverio Hallo OliverIO, habe im Browser mal das Debugging durchgeführt.
        wenn ich ein Basic Html verwende und folgendes unter HTML: eintrage sehe ich ein Bild:

        <div style>
        
        <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.63); width: 900px; height: 610px;" src="http://192.168.XXX.XXX/visu.html?mode=0" name="iFrame" scrolling="no"></iframe>
        
        </div>
        

        Mode 0 ist der Tagesmodus (Summe des Tages)
        wenn mode=0 durch mode=1 ersetzt wird sehe ich die Monatswerte.

        Ersetze ich aber den Code durch folgende Passage (variabler mode) :

        <div style>
        
        <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.63); width: 900px; height: 610px;" src="http://192.168.XXX.XXX/visu.html?mode={x:0_userdata.0.FromVis.pv_anlage_alt_mode;x}" name="iFrame" scrolling="no"></iframe>
        
        </div>
        
        

        schon klappts nicht mehr.
        Im Debug steht aber nix von x sondern ein Problem, dass ich mal wegen der Farbauswahl hatte:

        Error in eval[value]: {level:mihome-vacuum.0.consumable.filter; parseInt(level) < 10 ? "#FF0000" : parseInt(level) < 30 "#FFBB33" : "#87EC2E"}
        

        Ich blicks nicht:face_with_rolling_eyes:

        CodierknechtC 1 Antwort Letzte Antwort
        0
        • H hunterhb

          @oliverio Hallo OliverIO, habe im Browser mal das Debugging durchgeführt.
          wenn ich ein Basic Html verwende und folgendes unter HTML: eintrage sehe ich ein Bild:

          <div style>
          
          <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.63); width: 900px; height: 610px;" src="http://192.168.XXX.XXX/visu.html?mode=0" name="iFrame" scrolling="no"></iframe>
          
          </div>
          

          Mode 0 ist der Tagesmodus (Summe des Tages)
          wenn mode=0 durch mode=1 ersetzt wird sehe ich die Monatswerte.

          Ersetze ich aber den Code durch folgende Passage (variabler mode) :

          <div style>
          
          <iframe style="transform-origin: 0px 0px 0px; transform: scale(0.63); width: 900px; height: 610px;" src="http://192.168.XXX.XXX/visu.html?mode={x:0_userdata.0.FromVis.pv_anlage_alt_mode;x}" name="iFrame" scrolling="no"></iframe>
          
          </div>
          
          

          schon klappts nicht mehr.
          Im Debug steht aber nix von x sondern ein Problem, dass ich mal wegen der Farbauswahl hatte:

          Error in eval[value]: {level:mihome-vacuum.0.consumable.filter; parseInt(level) < 10 ? "#FF0000" : parseInt(level) < 30 "#FFBB33" : "#87EC2E"}
          

          Ich blicks nicht:face_with_rolling_eyes:

          CodierknechtC Offline
          CodierknechtC Offline
          Codierknecht
          Developer Most Active
          schrieb am zuletzt editiert von
          #4

          @hunterhb

          Ersetze ich aber den Code durch folgende Passage (variabler mode)

          Da ist aber immer noch Dein „altes“ Binding zu sehen.
          Das von @OliverIO vorgeschlagene sieht anders aus:

          {x:0_userdata.0.FromVis.pv_anlage_alt_mode;parseInt(x)}
          

          oder so:

          {0_userdata.0.FromVis.pv_anlage_alt_mode}
          

          "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

          Proxmox 9.1.1 LXC|8 GB|Core i7-6700
          HmIP|ZigBee|Tasmota|Unifi
          Zabbix Certified Specialist
          Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

          H 1 Antwort Letzte Antwort
          0
          • CodierknechtC Codierknecht

            @hunterhb

            Ersetze ich aber den Code durch folgende Passage (variabler mode)

            Da ist aber immer noch Dein „altes“ Binding zu sehen.
            Das von @OliverIO vorgeschlagene sieht anders aus:

            {x:0_userdata.0.FromVis.pv_anlage_alt_mode;parseInt(x)}
            

            oder so:

            {0_userdata.0.FromVis.pv_anlage_alt_mode}
            
            H Offline
            H Offline
            hunterhb
            schrieb am zuletzt editiert von
            #5

            @codierknecht Jetzt sieht es besser aus!
            Ich hatte die zweite Variante versucht, die klappte nicht.
            Mit parseInt() klappt es!!
            DAAAAAANKE

            CodierknechtC 1 Antwort Letzte Antwort
            0
            • H hunterhb

              @codierknecht Jetzt sieht es besser aus!
              Ich hatte die zweite Variante versucht, die klappte nicht.
              Mit parseInt() klappt es!!
              DAAAAAANKE

              CodierknechtC Offline
              CodierknechtC Offline
              Codierknecht
              Developer Most Active
              schrieb am zuletzt editiert von
              #6

              @hunterhb sagte in Variables html Widget:

              Mit parseInt() klappt es!!

              Der Dank geht dann aber an @OliverIO

              "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

              Proxmox 9.1.1 LXC|8 GB|Core i7-6700
              HmIP|ZigBee|Tasmota|Unifi
              Zabbix Certified Specialist
              Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

              H 1 Antwort Letzte Antwort
              0
              • CodierknechtC Codierknecht

                @hunterhb sagte in Variables html Widget:

                Mit parseInt() klappt es!!

                Der Dank geht dann aber an @OliverIO

                H Offline
                H Offline
                hunterhb
                schrieb am zuletzt editiert von
                #7

                @codierknecht An beide, ohne Dich hätte ich den ersten Vorschlag nicht mehr probiert, weil ich der Meinung war, ich hab das schon getestet.

                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

                594

                Online

                32.7k

                Benutzer

                82.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