NEWS
gelöst: Einbinden einer html-Seite über Widget iFrame?
-
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:
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 ...
@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 -
@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.htmlsuper, 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 ... -
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:
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 ...
@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 dannhttp://127.0.0.1/files/0_userdata.0/meine_karte.html?param1=abc¶m2=123¶m3=456angeben.
diese info kann dann vom javascript der seite ausgewertet werden. -
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 ...@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 -
@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@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
-
@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
im normalfall ist der iobroker im verzeichnis
/opt/iobrokerda drunter findest du dann den order unter
/opt/iobroker/iobroker-data/filesinstallier
-
im normalfall ist der iobroker im verzeichnis
/opt/iobrokerda drunter findest du dann den order unter
/opt/iobroker/iobroker-data/filesinstallier
cool - found :-)
-
@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
@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 datenpunkthttps://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_FetchDie Beispiele sind zwar so, als ob du daten laden möchtest.
Aber den Ladeteil kannst du ja ignorieren. -
@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 datenpunkthttps://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_FetchDie Beispiele sind zwar so, als ob du daten laden möchtest.
Aber den Ladeteil kannst du ja ignorieren.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/filessichtbar ist ?!? obwohl ich in iobroker unter objecte schon ein paar lokale variable sehe ? :thinking_face:
habe jetzt mal in ioBroker die directories angelegt ... sehe sie aber immer noch nicht im Linux filesystem?!?
-
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/filessichtbar ist ?!? obwohl ich in iobroker unter objecte schon ein paar lokale variable sehe ? :thinking_face:
habe jetzt mal in ioBroker die directories angelegt ... sehe sie aber immer noch nicht im Linux filesystem?!?
nein nicht da.
-
nein nicht da.
-
@oliverio
auweia ... sorrydie Dateien sind dann im browser wie folgt erreichbar
http://<iobroker>_8082/0_userdata.0/testabc.png
-
die Dateien sind dann im browser wie folgt erreichbar
http://<iobroker>_8082/0_userdata.0/testabc.png
cool, hat funktioniert ! :+1: :grinning:
vielen Dank für die Hilfe (auch der letzte Hinweis war leider notwendig :face_with_rolling_eyes: )
-
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-dasFalls jemand sich für den HTML/javascript code interessieren sollte, stelle ich die gerne zur Verfügung ...
Viele Grüße
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-dasFalls jemand sich für den HTML/javascript code interessieren sollte, stelle ich die gerne zur Verfügung ...
Viele Grüße
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
Gestellt und beantwortet.
-
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
Gestellt und beantwortet.
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
-
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
Alles gut.
Support us
374
Online32.6k
Benutzer81.9k
Themen1.3m
Beiträge