Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Dynamische URL aus Variable -> iFrame?

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Dynamische URL aus Variable -> iFrame?

    This topic has been deleted. Only users with topic management privileges can see it.
    • ruhr70
      ruhr70 last edited by

      • 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

      1 Reply Last reply Reply Quote 0
      • ruhr70
        ruhr70 last edited by

        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.

        1 Reply Last reply Reply Quote 0
        • ruhr70
          ruhr70 last edited by

          .

          @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 😉

          1 Reply Last reply Reply Quote 0
          • Bluefox
            Bluefox last edited by

            > 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 Reply Quote 0
            • ruhr70
              ruhr70 last edited by

              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

              1 Reply Last reply Reply Quote 0
              • Bluefox
                Bluefox last edited by

                @ruhr70:

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

                1 Reply Last reply Reply Quote 0
                • ruhr70
                  ruhr70 last edited by

                  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.

                  1 Reply Last reply Reply Quote 0
                  • Bluefox
                    Bluefox last edited by

                    @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 Reply Quote 0
                    • A
                      Arminhh last edited by

                      @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 Reply Quote 0
                      • Bluefox
                        Bluefox last edited by

                        @Arminhh:

                        @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!
                        filename="screenshot_57.jpg" index="0">~~

                        mfg

                        Arminhh `
                        Das funktioniert nur in Run mode (nicht edit)

                        1 Reply Last reply Reply Quote 0
                        • M
                          manne01 last edited by

                          Hi,

                          wie komme ich denn direkt in einem Vis Script (Tab neben css) an die Zustände der Objekte dran? Gibt es da eine direkte Möglichkeit?

                          alert(javascript.0.meineVariable);

                          kann ich dort natürlich so nicht nutzen, gibts da was? (Natürlich gehts mir am Ende nicht um einen Alert…)

                          Danke für Hilfe schon jetzt!

                          Greetings!

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          785
                          Online

                          31.8k
                          Users

                          80.0k
                          Topics

                          1.3m
                          Posts

                          5
                          34
                          6764
                          Loading More Posts
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes
                          Reply
                          • Reply as topic
                          Log in to reply
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                          The ioBroker Community 2014-2023
                          logo