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
    203

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

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

                                945

                                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