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
    168

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

  • 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 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

                      777

                      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