Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Dynamische URL aus Variable -> iFrame?

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.3k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.6k

Dynamische URL aus Variable -> iFrame?

Scheduled Pinned Locked Moved Visualisierung
34 Posts 5 Posters 7.1k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ruhr70R Offline
    ruhr70R Offline
    ruhr70
    wrote on last edited by
    #13

    @Bluefox:

    Kannst du die neue Version ausprobieren? Ich kann dein Verhalten nicht reproduzieren.

    P.S. probiere ganz normales "basic- iFrame". Geht es da? `

    So… eine Menge neuer Erkenntnisse.

    Die neue VIS Version schreibt nach einem Reload den Inhalt der Variable in das Editorfeld.

    D.h. wenn ich im basic iFrame unter Quelle {javascript.0.TestURL} eintrage, dann steht nun nach dem Reload der Editorseite der Inhalt der Variable dort drin und nicht mehr die Variable in geschweiften Klammern.

    Prinzipiell funktioniert die Funktion mit http:// Seiten. Sowohl im basic iFrame und im iFrame 8.

    Google Maps ist allerdings eine https:// Seite. Diese funktioniert nicht.

    Zum Test, ob es an Google oder https liegt habe ich noch einmal eine andere https Seite probiert.

    Auch diese wird nicht angezeigt.

    Adapter: Fritzbox, Unify Circuit
    Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

    1 Reply Last reply
    0
    • P Offline
      P Offline
      Pman
      wrote on last edited by
      #14

      Für den von mir genannten Fall funktioniert es schon fast perfekt, wobei min und max Funktionen noch dabei helfen würden, dass das Ergebnis nicht über 1.0 geht und immer über 0.3 bleibt.

      1 Reply Last reply
      0
      • BluefoxB Offline
        BluefoxB Offline
        Bluefox
        wrote on last edited by
        #15

        > Für den von mir genannten Fall funktioniert es schon fast perfekt, wobei min und max Funktionen noch dabei helfen würden, dass das Ergebnis nicht über 1.0 geht und immer über 0.3 bleibt.
        Ja, ich wollte sowie so noch fragen, was fehlt.

        D.h. so was?

        {myValue;min(0.3)} - wenn Wert unter 0.3 ist, dann nehme 0.3
        {myValue;max(1)} - wenn Wert über 1 ist, dann nehme 1
        
        
        1 Reply Last reply
        0
        • BluefoxB Offline
          BluefoxB Offline
          Bluefox
          wrote on last edited by
          #16

          @ruhr70:

          File%%7Bnode-red.0.OwntracksMHgooglemaps%7D not found `
          Im edit mode, es muss so sein. Die Texte werden nur geparsed, in nicht edit mode.

          Was https angeht, https://google.com geht z.B. auch nicht. Dafür https://wikipedia.de schon.

          Google prüft irgendwas, was ich nicht verstehe. :(

          Edit: mit dem plugin für Chrome geht es

          https://www.google.de/url?sa=t&rct=j&q= … bs.1,d.bGg

          Problem ist beschrieben hier:

          http://stackoverflow.com/questions/8700 … -an-iframe

          1 Reply Last reply
          0
          • P Offline
            P Offline
            Pman
            wrote on last edited by
            #17

            @Bluefox:

            Ja, ich wollte sowie so noch fragen, was fehlt.

            D.h. so was?

            {myValue;min(0.3)} - wenn Wert unter 0.3 ist, dann nehme 0.3
            {myValue;max(1)} - wenn Wert über 1 ist, dann nehme 1
            
            ```` `  
            

            Das wäre schon super um die Werte in definierten Grenzen zu halten und ich denke in meinem Fall würde das ausreichen.

            Darf ich fragen ob es evtl. möglich wäre einfach eigene Javascript Funktionen anzugeben? Diese kann man glaube ich per eval() auswerten, wobei man dann für den Ausgangswert z.B. "x" nutzen könnte:

            {javascript.0.test;Math.sqrt(Math.max(1.0,x*2))}

            Das wäre vor allem dann nützlich wenn man in der Formel x mehrfach benötigt.

            So weit bin ich mit dem derzeitigen Stand übrigens schon gekommen:

            ![](</s><URL url=)http://i.imgur.com/000LHZB.gif" />

            1 Reply Last reply
            0
            • BluefoxB Offline
              BluefoxB Offline
              Bluefox
              wrote on last edited by
              #18

              > So weit bin ich mit dem derzeitigen Stand übrigens schon gekommen:
              Sieht super aus. Max/min habe ich schon eingebaut. Ich warte noch paar Tage bis Problem oder neue Wünsche kommen.

              Gegen "eval" habe ich was dagegen… Damit kann man viel kaputt machen. Erstmal nicht.

              Aber wenn du "sqrt" brauchst, baue ich das ein.
              > {javascript.0.test;*(2);max(1);sqrt}

              Natürlich sieht "Math.sqrt(Math.max(1.0,x*2))" viel verständlicher aus… Aber "eval" is "evil" :twisted:

              1 Reply Last reply
              0
              • P Offline
                P Offline
                Pman
                wrote on last edited by
                #19

                @Bluefox:

                Natürlich sieht "Math.sqrt(Math.max(1.0,x*2))" viel verständlicher aus… Aber "eval" is "evil" :twisted: `

                Die Antwort hatte ich erwartet :D

                Bevor du sqrt rein machst wäre evtl. POW besser, damit kann man dann beliebig exponentieren.

                1 Reply Last reply
                0
                • BluefoxB Offline
                  BluefoxB Offline
                  Bluefox
                  wrote on last edited by
                  #20

                  > Bevor du sqrt rein machst wäre evtl. POW besser, damit kann man dann beliebig exponentieren.
                  Habe ich schon :) Noch was? ;)

                  1 Reply Last reply
                  0
                  • ruhr70R Offline
                    ruhr70R Offline
                    ruhr70
                    wrote on last edited by
                    #21

                    @Bluefox:

                    @ruhr70:

                    File%%7Bnode-red.0.OwntracksMHgooglemaps%7D not found Im edit mode, es muss so sein. Die Texte werden nur geparsed, in nicht edit mode.

                    Ok, das verstehe ich.

                    @Bluefox:

                    Was https angeht, https://google.com geht z.B. auch nicht. Dafür https://wikipedia.de schon.

                    Google prüft irgendwas, was ich nicht verstehe. :(

                    Edit: mit dem plugin für Chrome geht es

                    https://www.google.de/url?sa=t&rct=j&q= … bs.1,d.bGg

                    Problem ist beschrieben hier:

                    http://stackoverflow.com/questions/8700 … -an-iframe `

                    Die zweite https Seite, die ich probiert hatte, war Ing-Diba.

                    Mit dem PlugIn oben hat es weder mit Google Maps, noch mit der ING Diba funktioniert.

                    Das PlugIn dürfte aber auch nicht die Lösung sein. Andere Browser und das iPad habe ich zwar nicht getestet. Da dürfte das Problem aber weiterhin bestehen,

                    Mir wird die Lösung mit {Variable} wahrscheinlich nicht helfen.

                    Für die Anderen… Seit dem letzten Update wird die {Variable} gegen den Inhalt der Variable ersetzt. Im VIS Editor. Hatte ich oben schon geschrieben.

                    So macht es keinen Sinn, da es genau nur einmal funktioniert.

                    Adapter: Fritzbox, Unify Circuit
                    Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

                    1 Reply Last reply
                    0
                    • P Offline
                      P Offline
                      Pman
                      wrote on last edited by
                      #22

                      @Bluefox:

                      Habe ich schon :) Noch was? ;) `

                      Man bist du schnell :shock:

                      Potentiell hilfreich könnten meiner Meinung nach noch sein:

                      floor,ceil,% (Modulo), random

                      1 Reply Last reply
                      0
                      • BluefoxB Offline
                        BluefoxB Offline
                        Bluefox
                        wrote on last edited by
                        #23

                        ` > Für die Anderen… Seit dem letzten Update wird die {Variable} gegen den Inhalt der Variable ersetzt. Im VIS Editor. Hatte ich oben schon geschrieben.

                        So macht es keinen Sinn, da es genau nur einmal funktioniert. `
                        Natürlich ist dach nicht gewollt. Wie kann ich das reproduzieren?

                        1 Reply Last reply
                        0
                        • ruhr70R Offline
                          ruhr70R Offline
                          ruhr70
                          wrote on last edited by
                          #24
                          • Im iFrame Wirdget {Objekt} als Quelle eintragen

                          • Dann den VIS View einmal aktualisieren (Browser neu laden)

                          • dann wieder den Editor im Browser aktualisieren

                          Danach steht unter Quelle nicht mehr {Objekt}, sondern der Inhalt des Objektes.

                          Vorher: 327_2015-05-02_quelle_vor_der_nutzung.jpg

                          Nachher: 327_2015-05-02_quelle_nach_der_nutzung.jpg

                          Adapter: Fritzbox, Unify Circuit
                          Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

                          1 Reply Last reply
                          0
                          • ruhr70R Offline
                            ruhr70R Offline
                            ruhr70
                            wrote on last edited by
                            #25

                            Guten Morgen,

                            anbei noch ein Beispiel zur besseren Eingrenzung.

                            327_2015-05-09_dynamische_werte_vis.png

                            (a) wurde in VIS schoneinmal angezeigt

                            (b) war in VIS noch nicht aktiv.

                            VIS reload, inkl. Browser Cache löschen. VIS Editor Reload inkl. Cache.

                            Und eine Frage: wird das dann auch bei © funktionieren?

                            Ich möchte über VIS einstellen, ob eine Karte aktualisiert werden soll (z.B. um einen Standort zu verfolgen) oder diese fixieren, damit man in der Karte srcollen kann, ohne dass diese beim Update zurückgestellt wird.

                            Adapter: Fritzbox, Unify Circuit
                            Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

                            1 Reply Last reply
                            0
                            • ruhr70R Offline
                              ruhr70R Offline
                              ruhr70
                              wrote on last edited by
                              #26

                              .

                              @Bluefox

                              Ich habe da noch ein paar Ideen, was man alles mit den Variablen in den VIS Konfigfeldern machen kann ;-)

                              Zwei Fragen dazu. Kann man die Variablen dann auch in einer Zeile an beliebiger Stelle eingeben, wie z.B. im Tankstellen Widget (die Version von pix):

                              <sup>4</sup> €
                              

                              D.h. die vier durch eine Variable ersetzen:

                              <sup>{VariableDritteStelle}</sup> €
                              

                              Was man ja auf dann jeden Fall machen kann, die ganze Zeile gegen eine Variable ersetzen und in der den gesamten Inhalt dynamisch zusammenbauen.

                              Beim Widget mit dem Benzinpreis von pix brächte man nicht mehr zwei Widgets übereinander legen (die hoch 4 und die hoch 9). Theoretisch könnte ein Widget dann alle Ziffern von 0-9 darstellen.

                              Gerendert wird wahrscheinlich nur beim Aufruf des Widgets? D.h. bei Änderungen des Variablen Inhalts muss ich dafür Sorgen, dass das Widget neu geladen wird, falls diese Info in dem Moment wichtig ist?

                              Bei den URLs in den iFrames oder Grafiken bei den Webcam Widgets klappt das ja prima so (über den Parameter "Updatezeit(ms)") ;-)

                              Kannst Du mir bitte eine kurze Info geben, wie Du das planst:

                              1. Variablen immer das ganze Feld oder auch in Teilbereichen möglich?

                              2. Gerendert wird nur einmal, außer bei den Widgets mit Updatezeit oder bei Änderung der Variable?

                              Eine kurze Info wäre lieb. Ich bin schon fleissig. Dann kann ich mich darauf einstellen und das bei meiner Arbeit berücksichtigen ;-)

                              Adapter: Fritzbox, Unify Circuit
                              Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

                              1 Reply Last reply
                              0
                              • BluefoxB Offline
                                BluefoxB Offline
                                Bluefox
                                wrote on last edited by
                                #27

                                > Kann man die Variablen dann auch in einer Zeile an beliebiger Stelle eingeben, wie z.B. im Tankstellen Widget (die Version von pix)
                                Es geht sogar mehr. Man kann nicht nur an einer beliebigen Stelle einbauen, man kann auch das Wert modifizieren und es können auch beliebig viele Werte sein.

                                z.B.
                                48_widget.png

                                ! ````
                                [
                                {
                                "tpl": "tplHtml",
                                "data": {
                                "visibility-cond": "==",
                                "visibility-val": 1,
                                "refreshInterval": "0",
                                "html": "{p:benzinPreis;(Math.floor(parseFloat(p) * 100) / 100).toString().replace('.', ',')}<sup>{p:benzinPreis;((p * 1000) % 10)}</sup> €"
                                },
                                "style": {
                                "left": "122px",
                                "top": "44px",
                                "width": "247px",
                                "height": "36px"
                                },
                                "widgetSet": "basic"
                                },
                                {
                                "tpl": "tplJquiInput",
                                "data": {
                                "oid": "benzinPreis",
                                "visibility-cond": "==",
                                "visibility-val": 1,
                                "label": "Benzinpreis: ",
                                "digits": "3",
                                "size": "14"
                                },
                                "style": {
                                "left": "26px",
                                "top": "7px",
                                "width": "276px",
                                "height": "29px"
                                },
                                "widgetSet": "jqui"
                                }
                                ]

                                
                                Das ist fast WidgetFactory. Man kann so eigene Widgets erstellen und die natürlich hier posten.
                                
                                  ` > Gerendert wird wahrscheinlich nur beim Aufruf des Widgets? D.h. bei Änderungen des Variablen Inhalts muss ich dafür Sorgen, dass das Widget neu geladen wird, falls diese Info in dem Moment wichtig ist? `  
                                Widget updatet sich selbst, sofort danach als ein von benutzen Werten geändert wird. Man muss sich um nichts kümmern.
                                
                                  ` > Bei den URLs in den iFrames oder Grafiken bei den Webcam Widgets klappt das ja prima so (über den Parameter "Updatezeit(ms)") ;-) `  
                                Nicht mehr nötig für diesen Fall.
                                
                                  ` > Kannst Du mir bitte eine kurze Info geben, wie Du das planst:
                                > 
                                > 1\. Variablen immer das ganze Feld oder auch in Teilbereichen möglich? `  
                                Ja.
                                  ` > 2\. Gerendert wird nur einmal, außer bei den Widgets mit Updatezeit oder bei Änderung der Variable? `  
                                Immer bei Änderung und beim ersten Mal. Immer,wenn sich die benutzte Werte ändern.
                                1 Reply Last reply
                                0
                                • ruhr70R Offline
                                  ruhr70R Offline
                                  ruhr70
                                  wrote on last edited by
                                  #28

                                  Hi Bluefox,

                                  wow! Das ist noch viel besser, als gedacht.

                                  Das eröffnet ja fast grenzenlose Möglichkeiten.

                                  Ich freue mich, wenn das verfügbar ist! :-)

                                  Und… wieder was gelernt. Das Separieren der letzten beiden Kommastellen und der dritten Nachkommastelle sieht eleganter aus ;-)

                                  VG

                                  Michael

                                  Adapter: Fritzbox, Unify Circuit
                                  Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

                                  1 Reply Last reply
                                  0
                                  • BluefoxB Offline
                                    BluefoxB Offline
                                    Bluefox
                                    wrote on last edited by
                                    #29

                                    @ruhr70:

                                    Ich freue mich, wenn das verfügbar ist! `
                                    Es ist jetzt schon verfügbar in 0.3.2.

                                    1 Reply Last reply
                                    0
                                    • ruhr70R Offline
                                      ruhr70R Offline
                                      ruhr70
                                      wrote on last edited by
                                      #30

                                      oh… das ist mir untergegangen.

                                      Danke! Habe es gerade probiert. Es funktioniert :-) :-)

                                      Eine Frage noch. In der Beschreibung steht als Beispiel: {object;*(2);/(3)}

                                      Wie muss ich denn das *(2);/(3) verstehen?

                                      {objekt} hatte ich verstanden.

                                      Adapter: Fritzbox, Unify Circuit
                                      Skripte: dynamic hue, Bluetooth Scan, Multi-Ereignisliste

                                      1 Reply Last reply
                                      0
                                      • BluefoxB Offline
                                        BluefoxB Offline
                                        Bluefox
                                        wrote on last edited by
                                        #31

                                        @ruhr70:

                                        Eine Frage noch. In der Beschreibung steht als Beispiel: {object;*(2);/(3)}

                                        Wie muss ich denn das *(2);/(3) verstehen? `
                                        {object;*(2);/(3)} - nehme das Wert aus "object" und mache * 2 und danach /3

                                        also object.value * 2 / 3

                                        Du muss "*(2)" als funktion "Multiply" mit dem Parameter 2 sehen.

                                        Es gibt aber auch andere Möglichkeit

                                        {x:object;x*2/3}
                                        
                                        
                                        1 Reply Last reply
                                        0
                                        • A Offline
                                          A Offline
                                          Arminhh
                                          wrote on last edited by
                                          #32

                                          @ruhr70:

                                          • Im iFrame Wirdget {Objekt} als Quelle eintragen

                                          • Dann den VIS View einmal aktualisieren (Browser neu laden)

                                          • dann wieder den Editor im Browser aktualisieren

                                          Danach steht unter Quelle nicht mehr {Objekt}, sondern der Inhalt des Objektes.

                                          Vorher: filename="2015-05-02 Quelle vor der Nutzung.jpg" index="2">~~

                                          Nachher: filename="2015-05-02 Quelle nach der Nutzung.jpg" index="1">~~ `

                                          ist die Funktion wieder verloren gegangen?

                                          Ich habe versucht im Basic IFrame unter Quelle {node-red.0.OwntracksMHopenstreetmap} einzutragen. Im Fenster kommt nur die Meldung File {node-red.0.OwntracksMHopenstreetmap} not found!

                                          Im nicht bearbeitungsmodus ist gar nichts zu sehen. Browser Cache geleert und Seite aktualisiert!
                                          280_screenshot_57.jpg

                                          mfg

                                          Arminhh

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          672

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe