Kann ich erreichen, dass sich das Image entweder regelmaessig oder anhand eines Readings updatet ?
<div data-type="image"
data-url="https://www.yr.no/sted/Norge/Rogaland/Randaberg/Randaberg/avansert_meteogram.png"
data-opacity="1"
class="nocache"></div>
'data-refresh' hat nicht den erhofften Effekt.
Klar, hier ist die ganze Seite :
das 'data'refresh' habe ich wieder rasugenommen.
[code]
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.5.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
* Under MIT License (http://www.opensource.org/licenses/mit-license.php)
*
* - create a new folder named 'tablet' in /<fhem-path>/www
* - copy all files incl. sub folders into /<fhem-path>/www/tablet
* - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
* - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
*/
-->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<script type="text/javascript" src="../pgm2/jquery.min.js"></script>
<script src="js/fhem-tablet-ui.js" defer></script>
<!-- Remove this line to enable for usage with WebViewControl
<script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
<script src="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>
<!-- End for WebViewControl -->
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="page" id="main">
<div class="gridster">
<ul>
<li data-row="2" data-col="1" data-sizex="9" data-sizey="6">
<header>INNEN</header>
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="label" data-device="Wohnzimmer"
data-get="temperature"
data-fix="0"
data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="C" class="grande bold">
</div>
</div>
<div class="cell">
<div data-type="label" data-device="Wohnzimmer"
data-get="humidity" data-limits='[0,40,60]' data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%" data-fix="0" class="grande bold">
</div>
</div>
<div class="cell">
<div data-type="popup"
data-height="350px"
data-width="500px">
<div data-type="symbol"
class="big"
data-icon="fa-chart-line">
</div>
<div class="dialog">
<header>Wohnzimmer</header>
<div data-type="chart"
data-device='["Wohnzimmer","Wohnzimmer"]'
data-logdevice='["FileLog_Wohnzimmer","FileLog_Wohnzimmer"]'
data-logfile='["-","-"]'
data-columnspec='["4:temperature","4:humidity"]'
data-minvalue="0"
data-maxvalue="35"
data-minvalue_sec="10"
data-maxvalue_sec="100"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="7"
data-ptype='["lines","lines"]'
data-style='["ftui l0","ftui l2"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Feuchte"]'
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur"
data-ytext_sec="Feuchte">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li data-row="7" data-col="1" data-sizex="9" data-sizey="5">
<header>AUSSEN</header>
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="label" data-device="Veranda"
data-get="temperature"
data-fix="0"
data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="C" class="grande bold">
</div>
</div>
<div class="cell">
<div data-type="label" data-device="Veranda"
data-get="humidity" data-limits='[0,40,60]' data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%" data-fix="0" class="grande bold">
</div>
</div>
<div class="cell">
<div data-type="popup"
data-height="350px"
data-width="500px">
<div data-type="symbol"
class="big"
data-icon="fa-chart-line">
</div>
<div class="dialog">
<header>Veranda</header>
<div data-type="chart"
data-device='["Veranda","Veranda"]'
data-logdevice='["FileLog_Veranda","FileLog_Veranda"]'
data-logfile='["-","-"]'
data-columnspec='["4:temperature","4:humidity"]'
data-minvalue="0"
data-maxvalue="35"
data-minvalue_sec="10"
data-maxvalue_sec="100"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="7"
data-ptype='["lines","lines"]'
data-style='["ftui l0","ftui l2"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Feuchte"]'
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur"
data-ytext_sec="Feuchte">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li data-row="1" data-col="10" data-sizex="15" data-sizey="11">
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="link" data-url="#randaberg_yr.html">
<div data-type="image"
data-url="https://www.yr.no/sted/Norge/Rogaland/Randaberg/Randaberg/avansert_meteogram.png"
data-opacity="1"
class="nocache"></div>
</div>
</div>
</div>
</div>
</li>
<li data-row="12" data-col="1" data-sizex="3" data-sizey="5">
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="wind_direction"
data-device="YrXML"
data-direction="windd0"
data-speed="winds0"
data-calm="~"
data-tickstep="22.5"
data-fgcolor="gray"
data-nomcolor="white"
data-cursor="12"
class="mini top-space">
</div>
<div class="big bold"
data-type="label"
data-device="YrXML"
data-get="winds0"
data-unit="m/s"
data-fix="0">
</div>
</div>
</div>
</div>
</li>
<li data-row="12" data-col="4" data-sizex="6" data-sizey="5">
<div class="sheet">
<div class="row">
<div class="cell-200">
<div data-type="label" data-device="KellerKlima"
data-get="temperature" data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="C" class="bigger thin"></div>
<div data-type="label" data-device="KellerKlima"
data-get="humidity" data-limits='[0,40,60]' data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%" class="bigger"></div>
<div data-type="popup"
data-height="350px"
data-width="500px">
<div>Keller</div>
<div class="dialog">
<header>Kellerklima</header>
<div data-type="chart"
data-device='["KellerKlima","KellerKlima"]'
data-logdevice='["FileLog_KellerKlima","FileLog_KellerKlima"]'
data-logfile='["-","-"]'
data-columnspec='["4:temperature","4:humidity"]'
data-minvalue="10"
data-maxvalue="30"
data-minvalue_sec="10"
data-maxvalue_sec="100"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="7"
data-ptype='["lines","lines"]'
data-style='["ftui l0","ftui l2"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Feuchte"]'
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur"
data-ytext_sec="Feuchte">
</div>
</div>
</div>
</div>
<div class="cell-200">
<div data-type="label" data-device="WolfgangKlima"
data-get="temperature" data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="C" class="bigger thin"></div>
<div data-type="label" data-device="WolfgangKlima"
data-get="humidity" data-limits='[0,40,60]' data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%" class="bigger"></div>
<div data-type="popup"
data-height="350px"
data-width="500px">
<div>Wolfgang</div>
<div class="dialog">
<header>Wolfgang</header>
<div data-type="chart"
data-device='["WolfgangKlima","WolfgangKlima"]'
data-logdevice='["FileLog_WolfgangKlima","FileLog_WolfgangKlima"]'
data-logfile='["-","-"]'
data-columnspec='["4:temperature","4:humidity"]'
data-minvalue="10"
data-maxvalue="30"
data-minvalue_sec="10"
data-maxvalue_sec="100"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="7"
data-ptype='["lines","lines"]'
data-style='["ftui l0","ftui l2"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Feuchte"]'
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur"
data-ytext_sec="Feuchte">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li data-row="12" data-col="10" data-sizex="2" data-sizey="5">
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="symbol" data-device="LichtFlur"
data-icon="fa-lightbulb" data-get="STATE" class="large"
data-states='["off","on","white","blue","red"]'
data-colors='["gray-trans","orange","white","blue","red"]'>
</div>
<div>Flur</div>
</div>
</div>
</div>
</li>
<li data-row="12" data-col="12" data-sizex="13" data-sizey="5" >
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="symbol" class="large" data-device="AirconWohn"
data-states='["Off","Cool","Heat"]'
data-icons='["oa-vent_ventilation","oa-vent_ventilation_level_3","oa-vent_ventilation_level_3"]'
data-colors='["gray","blue","red"]'>
</div>
<div>AirConWohn</div>
</div>
<div class="cell">
<div data-type="symbol" class="large" data-device="AirconUp"
data-states='["Off","Cool","Heat"]'
data-icons='["oa-vent_ventilation","oa-vent_ventilation_level_3","oa-vent_ventilation_level_3"]'
data-colors='["gray","blue","red"]'>
</div>
<div>AirConFlur</div>
</div>
<div class="cell">
<div data-type="label" data-device="HeizungWC"
data-get="temperature" class="big thin" >
</div>
<div data-type="popup"
data-height="350px"
data-width="500px">
<div data-type="symbol" class="big top-narrow" data-icon="fa-chart-line"></div>
<div class="dialog">
<header>GaesteWC</header>
<div data-type="chart"
data-device="HeizungWC"
data-logdevice="FileLog_HeizungWC"
data-logfile="-"
data-columnspec="4:temperature"
data-minvalue="10"
data-maxvalue="30"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="3"
data-ptype="lines"
data-style='["ftui l0"]'
data-uaxis="primary"
data-legend="Temperatur"
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur">
</div>
</div>
</div>
<div>GaesteWC</div>
</div>
<div class="cell">
<div data-type="label" data-device="HeizungBadSF"
data-get="temperature" class="big thin" >
</div>
<div data-type="popup"
data-height="350px"
data-width="500px">
<div data-type="symbol" class="big top-narrow" data-icon="fa-chart-line"></div>
<div class="dialog">
<header>Bad unten</header>
<div data-type="chart"
data-device='["HeizungBad","HeizungBad"]'
data-logdevice='["FileLog_HeizungBadSF","FileLog_HeizungBadSP"]'
data-logfile='["-","-"]'
data-columnspec='["4:temperature","4:power"]'
data-minvalue="10"
data-maxvalue="30"
data-minvalue_sec="0"
data-maxvalue_sec="1000"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="3"
data-ptype='["lines","lines"]'
data-style='["ftui l0","ftui l2"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Watt"]'
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur"
data-ytext_sec="Watt">
</div>
</div>
</div>
<div>Bad unten</div>
</div>
<div class="cell">
<div data-type="label" data-device="HeizungGaesteBadSF"
data-get="temperature" class="big thin" ></div>
<div data-type="popup"
data-height="350px"
data-width="500px">
<div data-type="symbol" class="big top-narrow" data-icon="fa-chart-line"></div>
<div class="dialog">
<header>Bad oben</header>
<div data-type="chart"
data-device='["HeizungGaesteBad","HeizungGaesteBad"]'
data-logdevice='["FileLog_HeizungGaesteBadSF","FileLog_HeizungGaesteBadSP"]'
data-logfile='["-","-"]'
data-columnspec='["4:temperature","4:power"]'
data-minvalue="10"
data-maxvalue="30"
data-minvalue_sec="0"
data-maxvalue_sec="1000"
data-xticks="auto"
data-yticks="auto"
data-daysago_start="3"
data-ptype='["lines","lines"]'
data-style='["ftui l0","ftui l2"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Watt"]'
data-showlegend="true"
data-height="320px"
data-width="450px"
data-ytext="Temperatur"
data-ytext_sec="Watt">
</div>
</div>
</div>
<div>Bad oben</div>
</div>
</div>
</div>
</li>
<li data-row="17" data-col="1" data-sizex="9" data-sizey="13" >
<header>WOHNZIMMER</header>
<div class="hbox">
<div class="vbox items-center">
<div data-type="symbol" data-icon="fa-lightbulb"
data-on-color="white" data-off-color="gray"
class="large" data-device="WohnKaktus"></div>
<div>Kaktus</div>
<div data-type="symbol" data-device="LichtWohnRegal"
data-on-color="white" data-off-color="gray"
data-icon="fa-lightbulb" class="large"></div>
<div>Regal</div>
<div data-type="symbol" data-device="WohnVitrine"
data-on-color="white" data-off-color="gray"
data-icon="fa-lightbulb" class="large"></div>
<div>Vitrine</div>
</div>
<div class="vbox items-center">
<div data-type="symbol" data-device="LichtWohnKamin"
data-on-color="white" data-off-color="gray"
data-icon="fa-lightbulb" class="large" ></div>
<div>Kamin</div>
<div data-type="symbol" data-device="WohnPflanze"
data-on-color="white" data-off-color="gray"
data-icon="fa-lightbulb" class="large"></div>
<div>Pflanze</div>
<div data-type="symbol" data-device="LichtWohnTuer"
data-on-color="white" data-off-color="gray"
data-icon="fa-lightbulb" class="large" ></div>
<div>Tuer</div>
</div>
<div class="vbox items-center">
<div data-type="symbol" data-device="WohnFenster"
data-on-color="white" data-off-color="gray"
data-icon="fa-lightbulb" class="large" data-get="state">
</div>
Hmm. Anscheinend ist es nicht vollständig... Hoffe, dass alle html Tags am Ende richtig geschlossen werden.
Aber das ist, was ich vermutet habe: dein "image" Widget ist in einem "link" Widget eingeschlossen. Hab irgenwann etwas darüber gelesen, und es war nicht so einfach.
Aber probier mal zuerst im Widget "link" noch class="prefetch" hinzuzufügen
Das html ist jetzt ok, class="prefetch" macht keinen Unterschied.
Mal sehen, ob ich noch was finde.
Sonst muss ich Image und Link trennen.
Ohne den Link drum herum funktioniert das automatische Refresh, aber auch nur mit den Defaultwerten, data-refresh scheint nichts zu bewirken.
Mit Link funktioniert kein Refresh , weder automatisch noch beim beim Seitenaufbau ( trotz class="nocache" ), ausser beim Browserneustart.
Obwohl ich der Meinung bin, dass class="nocache" bei mir schon funktioniert hat.