VIS-Anzeige Tablet (Regenradar) mit tplJquiIconDialog - Solved
-
hallo,
habe mit tplJquiIconDialog-widget ein regen-radar bild eingebunden - öffne ich die vis im google browser funktioniert es - in der vis app auf dem tablet kommt fehler
fehler auf tablet:
" die webseite unter …. konnte nicht geladen werden"
net::ERR_FILE_NOT_FOUND
die funktion "anklicken zum schliessen" funktioniert auch nicht auf dem tablet
widget zum importieren
! [{"tpl":"tplJquiIconDialog","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"","setId":"","setValue":"","imageHeight":"41","text":"RAIN","html_dialog":"Wettervorhersage und Regenradar
Nandlstadt<iframe id=""widget-frame"" src=""//<URL" url="http://www.meteovista.de/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4097456&temperatureScale=Celsius&defaultSettings=False"><LINK_TEXT text="www.meteovista.de/Go/ExternalWidgetsNew … ings=False">www.meteovista.de/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4097456&temperatureScale=Celsius&defaultSettings=False</LINK_TEXT></URL>" width="300" height="350" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe>[www.meteovista.de/Europa/Deutschland/Nandlstadt/4097456" style="background: url(//www.meteovista.de/Shared/Images/list_ic ... _trans.png) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Wetter in Nandlstadt]("//<URL)www.meteovista.de/" style="display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.de immer Ihr Wetter" target="_blank"><link_text text="www.meteovista.de/Shared/Images/variati ... -color.png">www.meteovista.de/Shared/Images/variations/de-DE/new-widget-logo-DE-color.png</link_text>" width="113" height="25" alt="Meteovista.de immer Ihr Wetter" style="border: none;background-color: transparent;box-shadow: none;" />","title":"RAIN","dialog_width":"550","dialog_height":"570","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","noHeader":false,"modal":true,"closeOnClick":true,"autoclose":"3200"},"style":{"left":"610px","top":"444px","color":"#ffffff","width":"77px","height":"26px","z-index":"6","background":"linear-gradient(to top, #66b8ea 2px, #5f85cf 15px )"},"widgetSet":"jqui"}]so sieht der eintrag unter "html im dialog" aus:
! Wettervorhersage und Regenradar
Nandlstadt<iframe id="widget-frame" src="//<URL url=" http:/www.meteovista.de/go/externalwidgetsnew/rainand2dayscity?gid="4097456&temperatureScale=Celsius&defaultSettings=False""><LINK_TEXT text="www.meteovista.de/Go/ExternalWidgetsNew … ings=False">www.meteovista.de/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4097456&temperatureScale=Celsius&defaultSettings=False</LINK_TEXT></URL>" width="300" height="350" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe>[www.meteovista.de/Europa/Deutschland/Nandlstadt/4097456" style="background: url(//www.meteovista.de/Shared/Images/list_ic ... _trans.png) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Wetter in Nandlstadt](//<URL url=)[www.meteovista.de/" style="display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.de immer Ihr Wetter" target="_blank"><link_text text="www.meteovista.de/Shared/Images/variati ... -color.png">www.meteovista.de/Shared/Images/variations/de-DE/new-widget-logo-DE-color.png</link_text>" width="113" height="25" alt="Meteovista.de immer Ihr Wetter" style="border: none;background-color: transparent;box-shadow: none;" />](//<URL url=)ich habe auch ein anderes bild mit dem geht es einwandfrei
! https://www.dwd.de/DWD/wetter/radar/radfilm_bay_akt.gif">
weiß jemand, was ich da falsch mache?
im widget bei "html im dialog" erscheint euch eine fehlermeldung - leider sagt mir das nichts. "named entity expected" - macht das ein problem?
im browser sieht es so aus:
4447_rain.png -
der "entity" fehler im "html im dialog" ist weg - mußte & mit & ersetzen
das grundproblem - anzeige in vis-app - ist immer noch
-
bin leider kein html freak
daher meine lösung - vermutung iframe in iframe - macht das problem
lösung :
habe eine eigene html seite erstellt, welche auf das iframe zugreift - regenradar.html - diese liegt auf meinem webserver - welcher auch der iobroker-server ist.
! <iframe id="widget-frame" src="//<URL url=" http:/www.meteovista.de/go/externalwidgetsnew/rainand2dayscity?gid="4097456&temperatureScale=Celsius&defaultSettings=False""><LINK_TEXT text="www.meteovista.de/Go/ExternalWidgetsNew … ings=False">www.meteovista.de/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4097456&temperatureScale=Celsius&defaultSettings=False</LINK_TEXT></URL>" width="300" height="350" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe>[www.meteovista.de/Europa/Deutschland/Nandlstadt/4097456" style="background: url(//www.meteovista.de/Shared/Images/list_ic ... _trans.png) no-repeat scroll left 1px transparent;color: #0160b2;font-family: Arial;font-size: 12px;font-weight: normal;padding-left: 14px;margin: 7px 0px 5px 0px;line-height: 12px;outline: none;text-decoration: none;display: inline-block;" target="_blank">Wetter in Nandlstadt](//<URL url=)[www.meteovista.de/" style="display: block;height: 25px;width: 113px;margin: 0px 10px 8px 0px;outline: none;text-decoration: none;" title="Meteovista.de immer Ihr Wetter" target="_blank"><link_text text="www.meteovista.de/Shared/Images/variati ... -color.png">www.meteovista.de/Shared/Images/variations/de-DE/new-widget-logo-DE-color.png</link_text>" width="113" height="25" alt="Meteovista.de immer Ihr Wetter" style="border: none;background-color: transparent;box-shadow: none;" />](//<URL url=)
html im dialog:
! <iframe width="1000" height="1000" frameboder="0" src="<URL url="http://192.168.x.x/regenalarm.html">http://192.168.x.x/regenalarm.html</URL>" allowfullscreen=""><br/><br /></iframe>
wenn ich diese seite nun im widget einbinde - funktioniert es - im browser und in der app
weiß nicht, ob es die "richtige lösung" ist, aber funktioniert
