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. gelöst: Einbinden einer html-Seite über Widget iFrame?

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.8k

gelöst: Einbinden einer html-Seite über Widget iFrame?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
18 Beiträge 3 Kommentatoren 1.6k 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.
  • CodierknechtC Codierknecht

    @willyiobrok
    Wenn das statisches HTML ist: Pack die Datei auf den Server, auf dem ioBroker läuft.
    http://127.0.0.1/files/0_userdata.0/meine_karte.html

    W Offline
    W Offline
    WillyIobrok
    schrieb am zuletzt editiert von
    #3

    @codierknecht

    super, danke für den Tip! werde ich gleich mal probieren ...
    ähmmm ... statisches HTML?
    das ist ein HTML file, das sich natürlich "Openstreetmaps" von extern zieht und zur Unterstützung ein paar javascript Funtionen und Bitmaps (alles auch lokal) braucht ...

    OliverIOO 1 Antwort Letzte Antwort
    0
    • W WillyIobrok

      Hallo zusammen,

      ich versuche schon seit 2021 mit wechselndem Erfolg folgende Funktionalität in ioBroker zu integrieren:

      ich tippe / klicke auf einen Punkt in einer Landkarte, das Programm errechnet die Himmelsrichtung und die Entfernung und meine Antenne auf dem Dach dreht sich in die entsprechende Richtung.

      Jetzt, im 3. Versuch bin ich ein Stück weiter gekommen - ich habe eine HTML Webseite, die mit Hilfe von ein paar Javascript-Funktionen das entsprechend macht.

      So sieht's aus:

      Rotorkarte_V2_003_Marker only.png

      Der rote Marker entspricht meinem eigenen Standort, der fix ist, der blaue wird durch Klick in die Karte jedesmal neu gesetzt.

      Diese html-Seite liegt hier lokal als files (.html+.js) auf einem meiner Rechner, der aber KEIN webserver ist. Ich habe auch keine externe Web-Page.

      Jetzt kommt das Problem / die Frage:

      Ich wollte diese html-Seite über das iFrame Widget in den iobroker integrieren, bekomme aber nur Fehlermeldungen:
      "The requested URL was not found on this server"

      eingegebene URL(!?!): \NASDI\home\Rotorkarte\25_02\V2\V2_003\rotor.html
      Ich habe mir sagen lassen, daß das keine URL wäre, was muß ich denn in's URL-Feld des Widgets iFrame reinschreiben, dass er die Karte aufruft und anzeigt?

      Weiterhin brauche in den Inhalt einer Variable, ("Richtung") die in der html-Seite erzeugt wird, in meinem iobroker mqtt server

      Geht das überhaupt?

      Was für Alternativen gibt's für die Integration der Funktionalität/Webpage in ioBroker?

      Bin für jeden Tip dankbar!

      VG WillyIobrok

      p.s.: ich habe natürlich auch das Widget "map" ausprobiert - das unterstützt die von mir geforderte Funktionalität m.W. leider gar nicht ...

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

      @willyiobrok sagte in Einbinden einer html-Seite über Widget iFrame?:

      Weiterhin brauche in den Inhalt einer Variable, ("Richtung") die in der html-Seite erzeugt wird, in meinem iobroker mqtt server

      wenn du in diesem beispiel daten an den javascriptcode der htmlseite übergeben willst könntest du das über einen adressparameter machen.
      als adresse würdest du dann

      http://127.0.0.1/files/0_userdata.0/meine_karte.html?param1=abc&param2=123&param3=456
      

      angeben.
      diese info kann dann vom javascript der seite ausgewertet werden.

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

        @codierknecht

        super, danke für den Tip! werde ich gleich mal probieren ...
        ähmmm ... statisches HTML?
        das ist ein HTML file, das sich natürlich "Openstreetmaps" von extern zieht und zur Unterstützung ein paar javascript Funtionen und Bitmaps (alles auch lokal) braucht ...

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

        @willyiobrok sagte in Einbinden einer html-Seite über Widget iFrame?:

        statisches HTML

        statisch bedeutet nur, das da eine datei auf dem server liegt die ausgeliefert wird.
        dynamisches html wäre nspw php, welches die html datei dynamisch erstellt

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

        W 1 Antwort Letzte Antwort
        0
        • OliverIOO OliverIO

          @willyiobrok sagte in Einbinden einer html-Seite über Widget iFrame?:

          statisches HTML

          statisch bedeutet nur, das da eine datei auf dem server liegt die ausgeliefert wird.
          dynamisches html wäre nspw php, welches die html datei dynamisch erstellt

          W Offline
          W Offline
          WillyIobrok
          schrieb am zuletzt editiert von
          #6

          @oliverio
          OK, super, Danke !

          im Moment kämpfe ich mit den Basics ... Wie finde ich im Linux Filesystem des Raspberry Pi, auf dem der ioBroker läuft, die directory "/files/0_userdata.0" ? ... krame gerade mit "Midnight Commander" sämtliche Linux directories durch ...sorry dass ich mich jetzt so blöd anstelle ...

          Ich will übigens nicht einen Parameter an die HTML-Seite übergeben, sondern im Falle eines Mausklicks in die Karte einen Parameter (die Himmels-Richtung) bekommen. Geht das auch indem ich der HTML Seite beim Start einen Parameter so wie oben beschrieben, übergebe ?

          VG WillyIorrok

          OliverIOO 2 Antworten Letzte Antwort
          0
          • W WillyIobrok

            @oliverio
            OK, super, Danke !

            im Moment kämpfe ich mit den Basics ... Wie finde ich im Linux Filesystem des Raspberry Pi, auf dem der ioBroker läuft, die directory "/files/0_userdata.0" ? ... krame gerade mit "Midnight Commander" sämtliche Linux directories durch ...sorry dass ich mich jetzt so blöd anstelle ...

            Ich will übigens nicht einen Parameter an die HTML-Seite übergeben, sondern im Falle eines Mausklicks in die Karte einen Parameter (die Himmels-Richtung) bekommen. Geht das auch indem ich der HTML Seite beim Start einen Parameter so wie oben beschrieben, übergebe ?

            VG WillyIorrok

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

            @willyiobrok

            im normalfall ist der iobroker im verzeichnis

            /opt/iobroker
            

            da drunter findest du dann den order unter

            /opt/iobroker/iobroker-data/files
            

            installier

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

            W 1 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @willyiobrok

              im normalfall ist der iobroker im verzeichnis

              /opt/iobroker
              

              da drunter findest du dann den order unter

              /opt/iobroker/iobroker-data/files
              

              installier

              W Offline
              W Offline
              WillyIobrok
              schrieb am zuletzt editiert von
              #8

              @oliverio

              cool - found :-)

              1 Antwort Letzte Antwort
              0
              • W WillyIobrok

                @oliverio
                OK, super, Danke !

                im Moment kämpfe ich mit den Basics ... Wie finde ich im Linux Filesystem des Raspberry Pi, auf dem der ioBroker läuft, die directory "/files/0_userdata.0" ? ... krame gerade mit "Midnight Commander" sämtliche Linux directories durch ...sorry dass ich mich jetzt so blöd anstelle ...

                Ich will übigens nicht einen Parameter an die HTML-Seite übergeben, sondern im Falle eines Mausklicks in die Karte einen Parameter (die Himmels-Richtung) bekommen. Geht das auch indem ich der HTML Seite beim Start einen Parameter so wie oben beschrieben, übergebe ?

                VG WillyIorrok

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

                @willyiobrok sagte in Einbinden einer html-Seite über Widget iFrame?:

                Ich will übigens nicht einen Parameter an die HTML-Seite übergeben, sondern im Falle eines Mausklicks in die Karte einen Parameter (die Himmels-Richtung) bekommen. Geht das auch indem ich der HTML Seite beim Start einen Parameter so wie oben beschrieben, übergebe ?

                daten von der html seite nach iobroker machst du am besten über den simple-api adapter
                per javascript befehl fetch mit methode get kannst du dann eine andere http-adresse aufrufen. dort kommt der parameter und datenpunkt ähnlich wie beschrieben rein und der simple api adapter setzt dir dann den datenpunkt

                https://github.com/ioBroker/ioBroker.simple-api
                https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
                https://developer.mozilla.org/de/docs/Web/API/Fetch_API/Using_Fetch

                Die Beispiele sind zwar so, als ob du daten laden möchtest.
                Aber den Ladeteil kannst du ja ignorieren.

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

                W 1 Antwort Letzte Antwort
                0
                • OliverIOO OliverIO

                  @willyiobrok sagte in Einbinden einer html-Seite über Widget iFrame?:

                  Ich will übigens nicht einen Parameter an die HTML-Seite übergeben, sondern im Falle eines Mausklicks in die Karte einen Parameter (die Himmels-Richtung) bekommen. Geht das auch indem ich der HTML Seite beim Start einen Parameter so wie oben beschrieben, übergebe ?

                  daten von der html seite nach iobroker machst du am besten über den simple-api adapter
                  per javascript befehl fetch mit methode get kannst du dann eine andere http-adresse aufrufen. dort kommt der parameter und datenpunkt ähnlich wie beschrieben rein und der simple api adapter setzt dir dann den datenpunkt

                  https://github.com/ioBroker/ioBroker.simple-api
                  https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
                  https://developer.mozilla.org/de/docs/Web/API/Fetch_API/Using_Fetch

                  Die Beispiele sind zwar so, als ob du daten laden möchtest.
                  Aber den Ladeteil kannst du ja ignorieren.

                  W Offline
                  W Offline
                  WillyIobrok
                  schrieb am zuletzt editiert von
                  #10

                  @oliverio

                  ok, danke für die info. Da brauche ich jetzt mal einige Zeit um das alles zu verarbeiten :relieved:

                  jetzt werde ich erstmal "0_userdata.0" usw. anlegen und die Daten irgendwie reinkopieren

                  was mich wundert ist, daß 0_userdata.0 noch nicht in der directory-struktur unter

                  /opt/iobroker/iobroker-data/files
                  

                  sichtbar ist ?!? obwohl ich in iobroker unter objecte schon ein paar lokale variable sehe ? :thinking_face:

                  Screenshot 2025-02-18 210145.png

                  habe jetzt mal in ioBroker die directories angelegt ... sehe sie aber immer noch nicht im Linux filesystem?!?

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • W WillyIobrok

                    @oliverio

                    ok, danke für die info. Da brauche ich jetzt mal einige Zeit um das alles zu verarbeiten :relieved:

                    jetzt werde ich erstmal "0_userdata.0" usw. anlegen und die Daten irgendwie reinkopieren

                    was mich wundert ist, daß 0_userdata.0 noch nicht in der directory-struktur unter

                    /opt/iobroker/iobroker-data/files
                    

                    sichtbar ist ?!? obwohl ich in iobroker unter objecte schon ein paar lokale variable sehe ? :thinking_face:

                    Screenshot 2025-02-18 210145.png

                    habe jetzt mal in ioBroker die directories angelegt ... sehe sie aber immer noch nicht im Linux filesystem?!?

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

                    @willyiobrok

                    nein nicht da.
                    9f7ed8e8-412f-4bc7-83cf-ef1c1aa0b8e5-image.png

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

                    W 1 Antwort Letzte Antwort
                    0
                    • OliverIOO OliverIO

                      @willyiobrok

                      nein nicht da.
                      9f7ed8e8-412f-4bc7-83cf-ef1c1aa0b8e5-image.png

                      W Offline
                      W Offline
                      WillyIobrok
                      schrieb am zuletzt editiert von
                      #12

                      @oliverio
                      auweia ... sorry

                      OliverIOO 1 Antwort Letzte Antwort
                      0
                      • W WillyIobrok

                        @oliverio
                        auweia ... sorry

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

                        @willyiobrok

                        die Dateien sind dann im browser wie folgt erreichbar

                        http://<iobroker>_8082/0_userdata.0/testabc.png

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

                        W 1 Antwort Letzte Antwort
                        0
                        • OliverIOO OliverIO

                          @willyiobrok

                          die Dateien sind dann im browser wie folgt erreichbar

                          http://<iobroker>_8082/0_userdata.0/testabc.png

                          W Offline
                          W Offline
                          WillyIobrok
                          schrieb am zuletzt editiert von
                          #14

                          @oliverio

                          cool, hat funktioniert ! :+1: :grinning:

                          vielen Dank für die Hilfe (auch der letzte Hinweis war leider notwendig :face_with_rolling_eyes: )

                          1 Antwort Letzte Antwort
                          0
                          • W Offline
                            W Offline
                            WillyIobrok
                            schrieb am zuletzt editiert von WillyIobrok
                            #15

                            @willyiobrok

                            Hallo zusammen,

                            aufgrund der Hilfe aus dem Forum, eines Freundes und ChatGPT konnte ich trotz meiner Unkenntnis bzgl. HTML und Javascript nach 4 Jahren mein Ziel erreichen und eine Landkarte mit Antennenrotorsteuerung für den Amateurfunk (weltweit!) erstellen ! :grinning:

                            Herzlichen Dank dafür!

                            Damit ist dieser Topic endgültig von meiner Seite aus gelöst ! :sweat:

                            Ebenso sind folgende Topics gelöst:

                            2023
                            bildschrmkoordinaten-eines-mausklicks-tastendrucks
                            2023
                            richtungseingabe-durch-tippen-auf-touchscreen
                            2021
                            antennenrichtungsanzeige-erweiterte-möglichkeiten
                            2021
                            richtungsanzeige-in-landkarte-wie-mache-ich-das

                            Falls jemand sich für den HTML/javascript code interessieren sollte, stelle ich die gerne zur Verfügung ...

                            Viele Grüße

                            WillyIoBrok

                            OliverIOO 1 Antwort Letzte Antwort
                            0
                            • W WillyIobrok

                              @willyiobrok

                              Hallo zusammen,

                              aufgrund der Hilfe aus dem Forum, eines Freundes und ChatGPT konnte ich trotz meiner Unkenntnis bzgl. HTML und Javascript nach 4 Jahren mein Ziel erreichen und eine Landkarte mit Antennenrotorsteuerung für den Amateurfunk (weltweit!) erstellen ! :grinning:

                              Herzlichen Dank dafür!

                              Damit ist dieser Topic endgültig von meiner Seite aus gelöst ! :sweat:

                              Ebenso sind folgende Topics gelöst:

                              2023
                              bildschrmkoordinaten-eines-mausklicks-tastendrucks
                              2023
                              richtungseingabe-durch-tippen-auf-touchscreen
                              2021
                              antennenrichtungsanzeige-erweiterte-möglichkeiten
                              2021
                              richtungsanzeige-in-landkarte-wie-mache-ich-das

                              Falls jemand sich für den HTML/javascript code interessieren sollte, stelle ich die gerne zur Verfügung ...

                              Viele Grüße

                              WillyIoBrok

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

                              @willyiobrok

                              Das sieht jetzt nicht so nach iobroker spezifischen Themen aus.
                              Eher nach html. Da ist es hier manchmal etwas schwieriger.

                              Für html kann auch auch sehr

                              https://wiki.selfhtml.org/
                              https://developer.mozilla.org/de/

                              Empfehlen.

                              Viele Fragen werden auch bei

                              https://stackoverflow.co/teams/features/?utm_source=adwords&utm_medium=ppc&utm_campaign=kb_teams_search_nb_dsa_targeted_audiences_emea-dach&_bt=646019453177&_bk=&_bm=&_bn=g&gad_source=1&gbraid=0AAAAADlO0L1Cz0UFpyxR4eBlejlhjyGF9&gclid=CjwKCAiAiOa9BhBqEiwABCdG8wG4vFev9r2TcVwlSn6q3E5ZQGyK1mmYTYiWZl1M62DuZFbv3DRNFxoCh98QAvD_BwE

                              Gestellt und beantwortet.

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

                              W 1 Antwort Letzte Antwort
                              0
                              • OliverIOO OliverIO

                                @willyiobrok

                                Das sieht jetzt nicht so nach iobroker spezifischen Themen aus.
                                Eher nach html. Da ist es hier manchmal etwas schwieriger.

                                Für html kann auch auch sehr

                                https://wiki.selfhtml.org/
                                https://developer.mozilla.org/de/

                                Empfehlen.

                                Viele Fragen werden auch bei

                                https://stackoverflow.co/teams/features/?utm_source=adwords&utm_medium=ppc&utm_campaign=kb_teams_search_nb_dsa_targeted_audiences_emea-dach&_bt=646019453177&_bk=&_bm=&_bn=g&gad_source=1&gbraid=0AAAAADlO0L1Cz0UFpyxR4eBlejlhjyGF9&gclid=CjwKCAiAiOa9BhBqEiwABCdG8wG4vFev9r2TcVwlSn6q3E5ZQGyK1mmYTYiWZl1M62DuZFbv3DRNFxoCh98QAvD_BwE

                                Gestellt und beantwortet.

                                W Offline
                                W Offline
                                WillyIobrok
                                schrieb am zuletzt editiert von
                                #17

                                @oliverio

                                ja, das war auch nicht so iobroker sprezifisch, gebe ich zu.

                                Ich steuer halt meine ganze Afu-Station über ioBroker( + etliche uProzessoren über mqtt) und wollte durch Tippen/Klicken auf eine bestimmte Position im Bildschirm meine Antenne in die richtige Richtung drehen.
                                Da ioBroker m.W. das mit Bordmitteln nicht unterstützt war das Widget iFrame mit entsprechender SW-Unterstützung die einzige Möglichkeit.

                                Vielen Dank nochmal speziell an dich (weiss immer noch nicht, wo der Danke Knopf sitzt :face_with_rolling_eyes: ) - werde mich in den angegebenen Quellen entsprechend mal umschauen.

                                VG, WIllyioBrok

                                OliverIOO 1 Antwort Letzte Antwort
                                0
                                • W WillyIobrok

                                  @oliverio

                                  ja, das war auch nicht so iobroker sprezifisch, gebe ich zu.

                                  Ich steuer halt meine ganze Afu-Station über ioBroker( + etliche uProzessoren über mqtt) und wollte durch Tippen/Klicken auf eine bestimmte Position im Bildschirm meine Antenne in die richtige Richtung drehen.
                                  Da ioBroker m.W. das mit Bordmitteln nicht unterstützt war das Widget iFrame mit entsprechender SW-Unterstützung die einzige Möglichkeit.

                                  Vielen Dank nochmal speziell an dich (weiss immer noch nicht, wo der Danke Knopf sitzt :face_with_rolling_eyes: ) - werde mich in den angegebenen Quellen entsprechend mal umschauen.

                                  VG, WIllyioBrok

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

                                  @willyiobrok

                                  Alles gut.

                                  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
                                  Antworten
                                  • In einem neuen Thema antworten
                                  Anmelden zum Antworten
                                  • Älteste zuerst
                                  • Neuste zuerst
                                  • Meiste Stimmen


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  603

                                  Online

                                  32.5k

                                  Benutzer

                                  81.9k

                                  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