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. iFrame javaScript und CSS (openWB Interface)

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    14
    1
    163

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    12
    1
    568

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.8k

iFrame javaScript und CSS (openWB Interface)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
13 Beiträge 5 Kommentatoren 1.1k Aufrufe 4 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.
  • M Offline
    M Offline
    Martin1982
    schrieb am zuletzt editiert von
    #3

    Hallo und danke für den Hinweis, ich hatte es gar nicht weiter auf anderen Geräten getestet.
    Ich habe es jetzt mal auf verschiedenen Geräten getestet und habe wirklich unterschiedliche Ergebnisse obwohl es immer der "selbe" Browser war.

    Falsche Darstellung:

    • Chromebook (also Desktop Chrome Browser)
    • Pixel 4a und auch ein Xiaomi Android Smartphone (mobiler Chrome Browser)

    Richtige Darstellung:

    • Raspberry Pi 4 mit Chromium im Kiosmodus (Kleines Display im Flur)

    Da es im Flur richtig anzeigt wird kann ich erst mal damit arbeiten, aber auf den Smartphones sollte es auch noch laufen. Ich werde bei Zeiten mal die Browsereinstellungen vergleichen. Eventuell kann man ja was erkennen.

    Gruß
    Martin

    Joachim H.J K 2 Antworten Letzte Antwort
    0
    • M Martin1982

      Hallo und danke für den Hinweis, ich hatte es gar nicht weiter auf anderen Geräten getestet.
      Ich habe es jetzt mal auf verschiedenen Geräten getestet und habe wirklich unterschiedliche Ergebnisse obwohl es immer der "selbe" Browser war.

      Falsche Darstellung:

      • Chromebook (also Desktop Chrome Browser)
      • Pixel 4a und auch ein Xiaomi Android Smartphone (mobiler Chrome Browser)

      Richtige Darstellung:

      • Raspberry Pi 4 mit Chromium im Kiosmodus (Kleines Display im Flur)

      Da es im Flur richtig anzeigt wird kann ich erst mal damit arbeiten, aber auf den Smartphones sollte es auch noch laufen. Ich werde bei Zeiten mal die Browsereinstellungen vergleichen. Eventuell kann man ja was erkennen.

      Gruß
      Martin

      Joachim H.J Offline
      Joachim H.J Offline
      Joachim H.
      schrieb am zuletzt editiert von
      #4

      @martin1982 Darf ich euch mal fragen welches Tablet und wi eihr das für openWB nutzt?
      Ein Altes Android? oder eines ohne Batterie?
      Ich habe für Domoticz immer ein altes Samsung genommen, aber irgendwann hat es nicht mehr geladen bzw war wohl die Batterie am Ende durch das dauerladen (wobei jetzt wo ich es getrennt habe läuft es wieder normal und auch recht lange)
      Ich brauch wohl dringend was für openWB...so übers Handy ist auch nicht perfekt...

      1 Antwort Letzte Antwort
      0
      • M Offline
        M Offline
        Martin1982
        schrieb am zuletzt editiert von
        #5

        Bei mir ist es kein Tablet. Sondern ein kleiner Touchscreen der per HDMI und USB am Raspberry Pi hängt.

        L 1 Antwort Letzte Antwort
        0
        • M Martin1982

          Bei mir ist es kein Tablet. Sondern ein kleiner Touchscreen der per HDMI und USB am Raspberry Pi hängt.

          L Offline
          L Offline
          lesiflo
          Most Active
          schrieb am zuletzt editiert von
          #6

          @martin1982 Ich hab das mal über Firefox gestartet, da ist die Anzeige so wie sie sein soll. Liegt wohl
          am Chrome und dessen Einstellungen. Im Edge ist der Fehler aber auch, wohl weil der auf auf Chrome basiert.

          1 Antwort Letzte Antwort
          0
          • M Martin1982

            Hallo und danke für den Hinweis, ich hatte es gar nicht weiter auf anderen Geräten getestet.
            Ich habe es jetzt mal auf verschiedenen Geräten getestet und habe wirklich unterschiedliche Ergebnisse obwohl es immer der "selbe" Browser war.

            Falsche Darstellung:

            • Chromebook (also Desktop Chrome Browser)
            • Pixel 4a und auch ein Xiaomi Android Smartphone (mobiler Chrome Browser)

            Richtige Darstellung:

            • Raspberry Pi 4 mit Chromium im Kiosmodus (Kleines Display im Flur)

            Da es im Flur richtig anzeigt wird kann ich erst mal damit arbeiten, aber auf den Smartphones sollte es auch noch laufen. Ich werde bei Zeiten mal die Browsereinstellungen vergleichen. Eventuell kann man ja was erkennen.

            Gruß
            Martin

            K Offline
            K Offline
            kratan75
            schrieb am zuletzt editiert von
            #7

            @martin1982 Also bei mir funktioniert das mit keinem Browser.
            Sobald man die OpenWB direkt aufruft funktionierts, jedoch nicht über den Iframe am kleinen Touchscreen.
            Mit dem Edge unter Windows funktioniert es auch nicht wenn man die VIS aufruft, jedoch schon wenn man die OpenWB Seite direkt aufruft.

            Was kann das noch sein ?
            Irgendwelche Einstellungen im IOBROOKER ?

            Grüße
            Andreas

            K 1 Antwort Letzte Antwort
            0
            • K kratan75

              @martin1982 Also bei mir funktioniert das mit keinem Browser.
              Sobald man die OpenWB direkt aufruft funktionierts, jedoch nicht über den Iframe am kleinen Touchscreen.
              Mit dem Edge unter Windows funktioniert es auch nicht wenn man die VIS aufruft, jedoch schon wenn man die OpenWB Seite direkt aufruft.

              Was kann das noch sein ?
              Irgendwelche Einstellungen im IOBROOKER ?

              Grüße
              Andreas

              K Offline
              K Offline
              kratan75
              schrieb am zuletzt editiert von
              #8

              @kratan75 sagte in iFrame javaScript und CSS (openWB Interface):

              @martin1982 Also bei mir funktioniert das mit keinem Browser.
              Sobald man die OpenWB direkt aufruft funktionierts, jedoch nicht über den Iframe am kleinen Touchscreen.
              Mit dem Edge unter Windows funktioniert es auch nicht wenn man die VIS aufruft, jedoch schon wenn man die OpenWB Seite direkt aufruft.

              Was kann das noch sein ?
              Irgendwelche Einstellungen im IOBROOKER ?

              Grüße
              Andreas

              Hallo und guten Morgen.
              Gibts hier schon Neuigkeiten bzw. weiß jemand Rat ?

              Grüße Andreas

              L 1 Antwort Letzte Antwort
              0
              • K kratan75

                @kratan75 sagte in iFrame javaScript und CSS (openWB Interface):

                @martin1982 Also bei mir funktioniert das mit keinem Browser.
                Sobald man die OpenWB direkt aufruft funktionierts, jedoch nicht über den Iframe am kleinen Touchscreen.
                Mit dem Edge unter Windows funktioniert es auch nicht wenn man die VIS aufruft, jedoch schon wenn man die OpenWB Seite direkt aufruft.

                Was kann das noch sein ?
                Irgendwelche Einstellungen im IOBROOKER ?

                Grüße
                Andreas

                Hallo und guten Morgen.
                Gibts hier schon Neuigkeiten bzw. weiß jemand Rat ?

                Grüße Andreas

                L Offline
                L Offline
                lesiflo
                Most Active
                schrieb am zuletzt editiert von
                #9

                @kratan75 Ich mache das nicht mit dem kompletten Frontend sondern nur mit der abgespeckten Anzeige:

                51f92d78-8991-4c2f-8d62-b0ee47261361-image.png

                Ist ein iFrame Objekt mit der Adresse: http://<openWB-IP>/openWB/web/display/display.php

                K 1 Antwort Letzte Antwort
                0
                • L lesiflo

                  @kratan75 Ich mache das nicht mit dem kompletten Frontend sondern nur mit der abgespeckten Anzeige:

                  51f92d78-8991-4c2f-8d62-b0ee47261361-image.png

                  Ist ein iFrame Objekt mit der Adresse: http://<openWB-IP>/openWB/web/display/display.php

                  K Offline
                  K Offline
                  kratan75
                  schrieb am zuletzt editiert von
                  #10

                  @lesiflo
                  Das würde funktionieren, nur dann habe ich nur das abgespeckte Display welches auch an der Wallbox angezeigt wird.
                  Hierüber kann man keine Einstellungen ändern wie Tibber Ladeschwelle, Ladestrombegrenzung, Fahrzeug MAX EOC oder Max Entladeleistung für die Hausbatterie etc.

                  Gibts auch noch einen anderen Weg diese Einstellungen zugänglich zu machen ?
                  Soweit ich weiß geht das mit Keinem Display Theme.

                  Viele Grüße
                  Andreas

                  L 1 Antwort Letzte Antwort
                  0
                  • M Martin1982

                    Hallo,

                    ich würde gerne in meiner Visualisierung das komplette Webinterface meiner Wallbox (openWB) anzeigen lassen. Ich hatte mir gedacht, dass ich die Seite einfach in einem iFrame im VIS anzeigen lassen kann. Aber leider klappt das nicht vernünftig.

                    Die Seite wird angezeigt aber zeigt keine Sinnvollen Einstellungen und Menüs an. Habe schon im openWB Forum nachgefragt, da wird vermutet dass es an JavaScript oder CSS liegt. Gibt es diesbezüglich bei dem iFrame in VIS irgendwelche Einschränkungen? Hat jemand noch eine Idee was ich machen kann?

                    Das ist der Thread im openWB Forum:
                    https://openwb.de/forum/viewtopic.php?f=9&t=2708

                    So sieht es im iFrame aus:
                    Screenshot 2021-03-05 10.10.56.png

                    So sollte es eigentlich aussehen:
                    Screenshot 2021-03-05 14.46.11.png

                    Gruß
                    Martin

                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    schrieb am zuletzt editiert von
                    #11

                    @martin1982 sagte in iFrame javaScript und CSS (openWB Interface):

                    Gibt es diesbezüglich bei dem iFrame in VIS irgendwelche Einschränkungen?

                    eigentlich nicht, aber von der aufrufenden seite her könnte es einschränkungen geben

                    wenn du die seite in vis geladen hast. öffne mal mit F12 die browser konsole.
                    dort müssten fehler / warnunen stehen.

                    folgende möglichkeiten gibt es

                    • x-frame options, da verbietet die geladene seite, das man sie unter einer anderen domain/ip-adresse anzeigen lässt
                    • Content Security Policy:, so ähnlich wie x-frame
                    • CORS/sandbox: auch so ähnlich
                    • Mixed Content: http und https Seiten gemischt verbietet der browser

                    alle 4 probleme könnte man mit einem proxy umgehen, ist aber etwas konfigurations und installationsaufwand

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

                    1 Antwort Letzte Antwort
                    0
                    • K kratan75

                      @lesiflo
                      Das würde funktionieren, nur dann habe ich nur das abgespeckte Display welches auch an der Wallbox angezeigt wird.
                      Hierüber kann man keine Einstellungen ändern wie Tibber Ladeschwelle, Ladestrombegrenzung, Fahrzeug MAX EOC oder Max Entladeleistung für die Hausbatterie etc.

                      Gibts auch noch einen anderen Weg diese Einstellungen zugänglich zu machen ?
                      Soweit ich weiß geht das mit Keinem Display Theme.

                      Viele Grüße
                      Andreas

                      L Offline
                      L Offline
                      lesiflo
                      Most Active
                      schrieb am zuletzt editiert von lesiflo
                      #12

                      @kratan75 Im Modus "Sofort" gibt es diese Einstellmöglichkeiten:

                      66c3023b-de75-41cb-9754-66e18afdfaea-image.png

                      Alternativ bindest du openWB über mqtt ein und machst die Einstellungen vom iobroker aus. Mache ich genauso. z.B. so
                      63d6694d-43f9-45dd-9250-eb57cf3c34e9-image.png

                      K 1 Antwort Letzte Antwort
                      0
                      • L lesiflo

                        @kratan75 Im Modus "Sofort" gibt es diese Einstellmöglichkeiten:

                        66c3023b-de75-41cb-9754-66e18afdfaea-image.png

                        Alternativ bindest du openWB über mqtt ein und machst die Einstellungen vom iobroker aus. Mache ich genauso. z.B. so
                        63d6694d-43f9-45dd-9250-eb57cf3c34e9-image.png

                        K Offline
                        K Offline
                        kratan75
                        schrieb am zuletzt editiert von
                        #13

                        @lesiflo Cool. Ist das untere Bild deine selbst erstellt VIS zur Open WB ?
                        Sieht bei mir ja richtig Altbachern aus im Gegensatz zu deiner :-) MQTT ist bei mir auch aktiv, da kann ich aber nur die Lademodi einstellen und ein paar Infos abrufen.

                        353eca58-4f00-45fd-9521-7782cd06d988-image.png

                        Vielleicht bau ich mir auch mal was neues im Winter wenn ich Zeit habe.

                        Mit dem Theme Colors gehts tatsächlich. Nicht aber mit dem Symbolfluß.
                        Die Tibberpreise ruf ich jetzt selber ab via Open WB und steuere die Open WB über MQTT.
                        cbf0b901-05ce-4528-ae75-ee4ca2e3fe3e-image.png

                        5905a1d7-2190-4385-96a7-c4f88bbc0598-image.png

                        Danke schonmal für den Tipp :-)

                        Grüße Andreas

                        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

                        405

                        Online

                        32.5k

                        Benutzer

                        81.8k

                        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