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

NEWS

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

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

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

iobroker Variable in einer html Seite verwenden möglich ?

Geplant Angeheftet Gesperrt Verschoben JavaScript
2 Beiträge 2 Kommentatoren 198 Aufrufe 1 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.
  • 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

      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

      585

      Online

      32.8k

      Benutzer

      82.7k

      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