Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Jeeper.at]

Hallo,

ich möchte von der folgenden Webseite: http://warnungen.zamg.at/html/de/heute/alle/at/ einen Teilbereich in VIS anzeigen.

Allerdings funktioniert das nicht. Im Editor sehe ich es richtig. Wenn ich den Code in einem File mit der Endung .html speichere und diese im Internet Explorer anzeige funktioniert sie auch. Nur am IPAd wird nichts angezeigt.

Verwendet wird neben VIS 0.12.4 noch das Basic-HTML Widget.

Eine andere Webseite funktioniert mit dieser Methode bestens.

Hat Jemand einen Tipp?

So soll es aussehen.

<iframe src="http://warnungen.zamg.at/html/de/heute/alle/at/" id="my-iframe" scrolling="no"></iframe> 

Lg

Günther

[moebius]

So gehts mit node-red. Statt der http-response könnte man auch in einen Datenpunkt schreiben und das Ganze über ein html widget in vis anzeigen…

! [
! {
! "id": "fdc007da.528648",
! "type": "tab",
! "label": "Flow 5"
! },
! {
! "id": "d49a09e8.96dea8",
! "type": "http request",
! "z": "fdc007da.528648",
! "name": "",
! "method": "GET",
! "ret": "txt",
! "url": "http://warnungen.zamg.at/html/de/heute/alle/at/",
! "tls": "",
! "x": 279,
! "y": 168,
! "wires": [
! [
! "326dbb6.3e6c644"
! ]
! ]
! },
! {
! "id": "326dbb6.3e6c644",
! "type": "html",
! "z": "fdc007da.528648",
! "name": "",
! "tag": "#gfxcontainer",
! "ret": "html",
! "as": "multi",
! "x": 454,
! "y": 219,
! "wires": [
! [
! "c8b4d8bd.54daf8"
! ]
! ]
! },
! {
! "id": "c8b4d8bd.54daf8",
! "type": "function",
! "z": "fdc007da.528648",
! "name": "restore image src",
! "func": "var path = '"http://warnungen.zamg.at/%27;%5Cnmsg.payload = msg.payload.replace(/(src\=\"\/)/g, "src=" + path);\nmsg.payload = msg.payload.replace(/(href\=\"\/)/g, "href=" + path);\nmsg.payload = ' <title>Alle Warnungen heute Österreich - ZAMG Wetterwarnungen</title> http://warnungen.zamg.at/css/zamg_warnsys.css\" /> ' + msg.payload + "";\nreturn msg;",
! "outputs": 1,
! "noerr": 0,
! "x": 648,
! "y": 271,
! "wires": [
! [
! "2d684e55.b55d72"
! ]
! ]
! },
! {
! "id": "e8d341a9.20d65",
! "type": "http in",
! "z": "fdc007da.528648",
! "name": "",
! "url": "/test",
! "method": "get",
! "swaggerDoc": "",
! "x": 135,
! "y": 112,
! "wires": [
! [
! "d49a09e8.96dea8"
! ]
! ]
! },
! {
! "id": "2d684e55.b55d72",
! "type": "http response",
! "z": "fdc007da.528648",
! "name": "",
! "x": 812,
! "y": 322,
! "wires": []
! }
! ]
1803_clipboard03.jpg

[Jeeper.at]

Hallo,

Node Red setzte ich nicht ein.

Außerdem ist das Bild was ich gepostet habe keine statische Webseite, sondern man kann wenn Warnungen auftreten diese auch direkt anklicken. Alles indem Bereich die ich selektiert habe.

Lg

Günther

[bahnuhr]

Hallo Günther,

habe mit diesem Code auch schon viel rumprobiert.

So richtig hinbekommen habe ich es nicht.

Wenns am PC für mich richtig aussah; sah es am Android Tablet gar nicht gut aus.

Wenn hier jemand hier eine brauchbare Lösung hätte; die auch einfacher wäre würde mich dies auch sehr interessieren.

mfg

Dieter

[moebius]

@Jeeper.at:

Außerdem ist das Bild was ich gepostet habe keine statische Webseite, sondern man kann wenn Warnungen auftreten diese auch direkt anklicken. Alles indem Bereich die ich selektiert habe. ` und das geht in meiner Lösung nicht?

[Jeeper.at]

@Dieter,

Das stimmt, für alles wird man es nicht hinbekommen. Da ich es aber nur am IPAD anzeigen will, wäre eine Lösung die dort was anzeigt OK. Leider zeigt er mir am IPAD gar nix an.

@moebius

Ich habe dem Screenshot wahrscheinlich fälschlich entnommen, das der Flow ein Bild aus der Webseite macht. Da ich kein Node-Red einsetze kann ich dein Beispiel nicht testen.

Mich wundert ja, das ich das Ganze ja schon an einer anderen Stelle eingebunden habe (mit Kursen der ECB). Dort funktioniert es.

Der folgende Code funktioniert.

<iframe src="https://www.ecb.europa.eu/stats/exchange/eurofxref/html/eurofxref-graph-huf.en.html" id="my-iframe" scrolling="no"></iframe>