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. Skripten / Logik
  4. JavaScript
  5. iobroker Variable in einer html Seite verwenden möglich ?

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

iobroker Variable in einer html Seite verwenden möglich ?

Geplant Angeheftet Gesperrt Verschoben JavaScript
2 Beiträge 2 Kommentatoren 191 Aufrufe 1 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.
  • L Offline
    L Offline
    luder
    schrieb am zuletzt editiert von
    #1

    Hallo,

    ich habe eine html Seite die ich anzeigen möchte, siehe unten:

    edb1e245-069a-4db9-bbfc-f950d2b0343c-grafik.png

    Besteht jetzt die Möglichkeit die Variable "value" der html Seite direkt mit der Variablen (z.b. Messwerte.0.HUE_Sensoren.Temperaturen.Bewegungsmelder_3) zu beschreiben? wenn ja wie wäre dann die genaue Syntax.

    Also Info hier noch einmal die komplette html Seite:

    <!doctype html>
    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.9/justgage.min.js"></script>
    
     
    
    <html>
    
     
    
    <head>
    
        <meta charset="utf-8" />
    
        <title>Counter</title>
    
        <meta name="viewport" content="width=device-width">
    
        <style>
    
            .container {
    
                width: 300px;
    
                margin-left: -50px;
    
                text-align: center;
    
            }
    
     
    
            .gauge {
    
                
    
                margin-left: -50px;
    
                //margin-top: -50px;  
    
                width: 180px;
    
                height: 180px;
    
                }
    
     
    
            a:link.button,
    
            a:active.button,
    
            a:visited.button,
    
            a:hover.button {
    
                margin: 30px 5px 0 2px;
    
                padding: 7px 13px;
    
            }
    
        </style>
    
    </head>
    
     
    
    <body>
    
          <div class="container">
    
            <div id="g1" class="gauge"></div>
    
        </div>
    
     
    
        <script>
    
            var g1;
    
                 document.addEventListener("DOMContentLoaded", function (event) {
    
                g1 = new JustGage({
    
                    id: "g1",
    
                    title: "Font Options",
    
                    value: 20,
    
                    min: 0,
    
                    minTxt: "min",
    
                    max: 100,
    
                    maxTxt: "max",
    
                    gaugeWidthScale: 1.1,
    
                    levelColors : [  "#ff0000", "#F27C07",  "#a9d70b" ],
    
                    valueMinFontSize:30,
    
                    counter: true,
    
                   titleFontColor: "red",
    
                    titleFontFamily: "Georgia",
    
                   titlePosition: "below",
    
                    valueFontColor: "black",
    
                    valueFontFamily: "Arial",
    
                    pointer: true,
    
                    
    
            pointerOptions: {
    
              toplength: -15,
    
              bottomlength: 10,
    
              bottomwidth: 12,
    
              color: '#8e8e93',
    
              stroke: '#ffffff',
    
              stroke_width: 3,
    
              stroke_linecap: 'round'
    
            },
    
            });
    
            });
    
            
    
        </script>
    
    </body>
    
     
    
    </html>
    
    0
    F
    Flycatcher 
    
    liv-in-skyL 1 Antwort Letzte Antwort
    0
    • L luder

      Hallo,

      ich habe eine html Seite die ich anzeigen möchte, siehe unten:

      edb1e245-069a-4db9-bbfc-f950d2b0343c-grafik.png

      Besteht jetzt die Möglichkeit die Variable "value" der html Seite direkt mit der Variablen (z.b. Messwerte.0.HUE_Sensoren.Temperaturen.Bewegungsmelder_3) zu beschreiben? wenn ja wie wäre dann die genaue Syntax.

      Also Info hier noch einmal die komplette html Seite:

      <!doctype html>
      
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
      
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.9/justgage.min.js"></script>
      
       
      
      <html>
      
       
      
      <head>
      
          <meta charset="utf-8" />
      
          <title>Counter</title>
      
          <meta name="viewport" content="width=device-width">
      
          <style>
      
              .container {
      
                  width: 300px;
      
                  margin-left: -50px;
      
                  text-align: center;
      
              }
      
       
      
              .gauge {
      
                  
      
                  margin-left: -50px;
      
                  //margin-top: -50px;  
      
                  width: 180px;
      
                  height: 180px;
      
                  }
      
       
      
              a:link.button,
      
              a:active.button,
      
              a:visited.button,
      
              a:hover.button {
      
                  margin: 30px 5px 0 2px;
      
                  padding: 7px 13px;
      
              }
      
          </style>
      
      </head>
      
       
      
      <body>
      
            <div class="container">
      
              <div id="g1" class="gauge"></div>
      
          </div>
      
       
      
          <script>
      
              var g1;
      
                   document.addEventListener("DOMContentLoaded", function (event) {
      
                  g1 = new JustGage({
      
                      id: "g1",
      
                      title: "Font Options",
      
                      value: 20,
      
                      min: 0,
      
                      minTxt: "min",
      
                      max: 100,
      
                      maxTxt: "max",
      
                      gaugeWidthScale: 1.1,
      
                      levelColors : [  "#ff0000", "#F27C07",  "#a9d70b" ],
      
                      valueMinFontSize:30,
      
                      counter: true,
      
                     titleFontColor: "red",
      
                      titleFontFamily: "Georgia",
      
                     titlePosition: "below",
      
                      valueFontColor: "black",
      
                      valueFontFamily: "Arial",
      
                      pointer: true,
      
                      
      
              pointerOptions: {
      
                toplength: -15,
      
                bottomlength: 10,
      
                bottomwidth: 12,
      
                color: '#8e8e93',
      
                stroke: '#ffffff',
      
                stroke_width: 3,
      
                stroke_linecap: 'round'
      
              },
      
              });
      
              });
      
              
      
          </script>
      
      </body>
      
       
      
      </html>
      
      0
      F
      Flycatcher 
      
      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von
      #2

      @luder

      evtl kannst du hier was finden - die abfrage am iob geht über den simple api adapter

      https://forum.iobroker.net/post/871882

      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

      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

      525

      Online

      32.6k

      Benutzer

      82.3k

      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