Reading einer Divice anzeigen

DD · 25 Juli 2017, 22:25:02

Hallo,

ein Sensor zeit in den Readings die Temperatur und Luftfeuchtigkeit an.
Ich möchte diese Werte auf meiner Tablet-UI anzeigen und habe folgende Verweise geschrieben:

Code Auswählen

<td><div class="inline" data-type="label">Wohnzimmer</div></td>
                     
<td><div class="large" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
data-device="Sensor_Terassentuer" 
data-get="temperature" 
data-unit="%B0C%0A"></div>
</td>

Leider kommt kein Wert an

amenomade · 26 Juli 2017, 00:06:01

Zeig mal ein "list Sensor_Terassentuer"

DD · 26 Juli 2017, 21:48:54

Bitte schön!

Hoffe du kannst mir damit weiterhelfen

ZitatInternals:
DEF f5ade43b 17
IODev ZWAVE1
LASTInputDev ZWAVE1
MSGCNT 27
NAME Sensor_Terassentuer
NR 315
STATE closed
TYPE ZWave
ZWAVE1_MSGCNT 27
ZWAVE1_RAWMSG 000400111e8f010403800364097105000000ff061700053105030104063105012200be
ZWAVE1_TIME 2017-07-26 21:42:02
ZWaveSubDevice no
homeId f5ade43b
isWakeUp 1
lastMsgSent 1501095126.06448
nodeIdHex 11
.vclasses:
ALARM 4
ASSOCIATION 2
ASSOCIATION_GRP_INFO 1
BASIC 0
BATTERY 1
CONFIGURATION 1
DEVICE_RESET_LOCALLY 1
FIRMWARE_UPDATE_MD 2
MANUFACTURER_SPECIFIC 2
MULTI_CMD 1
POWERLEVEL 1
SECURITY 1
SENSOR_BINARY 2
SENSOR_MULTILEVEL 5
VERSION 2
WAKE_UP 2
ZWAVEPLUS_INFO 2
Readings:
2017-07-24 21:49:46 alarm AccessControl: Window/Door is closed
2017-07-26 21:42:02 alarm_AccessControl Window/Door is closed, notificationIsOn
2017-07-24 22:12:23 alarm_HomeSecurity Tampering - product covering removed, notificationIsOn
2017-07-26 21:42:02 battery 100 %
2017-07-26 21:42:02 luminance 4 %
2017-07-26 21:42:02 temperature 19.0 C
2017-07-24 23:00:38 timeToAck 0.103
2017-07-26 20:52:09 transmit NO_ACK
2017-06-24 22:15:14 tuerStatus 0
2017-07-26 20:52:04 wakeup notification
2017-07-24 22:12:24 wakeupReport interval 86400 target 1
Attributes:
IODev ZWAVE1
classes ZWAVEPLUS_INFO BATTERY ALARM ASSOCIATION CONFIGURATION MANUFACTURER_SPECIFIC VERSION SENSOR_BINARY SENSOR_MULTILEVEL WAKE_UP ASSOCIATION_GRP_INFO POWERLEVEL DEVICE_RESET_LOCALLY MULTI_CMD SECURITY FIRMWARE_UPDATE_MD MARK BASIC
devStateIcon AccessControl: Window/Door is open:signal_Fenster_Offen.on AccessControl: Window/Door is closed:signal_Fenster_Offen.off
extendedAlarmReadings 1
icon icoTermHaus
room Wohnzimmer
stateFormat {(split(/,|is /, ReadingsVal($name,"alarm_AccessControl","")))[1]}
vclasses ALARM:4 ASSOCIATION:2 ASSOCIATION_GRP_INFO:1 BASIC:0 BATTERY:1 CONFIGURATION:1 DEVICE_RESET_LOCALLY:1 FIRMWARE_UPDATE_MD:2 MANUFACTURER_SPECIFIC:2 MULTI_CMD:1 POWERLEVEL:1 SECURITY:1 SENSOR_BINARY:2 SENSOR_MULTILEVEL:5 VERSION:2 WAKE_UP:2 ZWAVEPLUS_INFO:2

amenomade · 26 Juli 2017, 22:35:56

"temperature" enthält schon eine Einheit. Deswegen funktioniert data-limits vermutlich nicht.
Versuch mal zuerst ohne unwichtige Optionen. Das kannst Du evtl. danach erweitern. Was ergibt:

Code Auswählen

<td><div class="inline" data-type="label">Wohnzimmer</div></td>
                     
<td><div data-type="label" 
data-device="Sensor_Terassentuer"
data-get="temperature"></div>
</td>

?

DD · 26 Juli 2017, 22:42:56

Leider nichts neues

Das "Wohnzimmer" wird angezeigt, dahinter steht noch immer kein Wert

amenomade · 26 Juli 2017, 22:46:59

Hast Du schon TabletUI lange im Betrieb, oder ist das ganz neu?
Kannst du evtl. die ganze html Datei anhängen?

DD · 26 Juli 2017, 22:50:51

Die TabletUI läuft seit ca. 3 Monaten. Bis auf die Anzeige dieser einen Temperatur läuft auch alles:

Code Auswählen

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 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/
	 	
	 * <meta http-equiv="refresh" content="30; URL=http://192.168.0.250" /> 
     */
    -->
	<meta http-equiv="cache-control" content="no-cache"> 
	<!--<meta http-equiv="refresh" content="300">  -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
    <meta name="widget_base_width" content="120">
    <meta name="widget_base_height" content="135">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="longpoll_type" content="ajax">
	<meta name="toast" content="0">
	<meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->

    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />


    <script src="../pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js"></script>



    <title>Hausinfo - Küche</title>
</head>
<body>

<div class="gridster">
<ul>

<!-- Lampen -->
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2">

	<div data-type="switch"
         data-device="D4_Spuele" 
         data-get-on="on"
         data-get-off="off"></div>
	<div data-type="lable" class="">Spüle</div>
	<div data-type="switch"
         data-device="C6_Kueche" 
         data-get-on="on"
         data-get-off="off"></div>
	<div data-type="lable" class="">Küche</div>
	<div data-type="switch"
         data-device="D6_Esstisch" 
         data-get-on="on"
         data-get-off="off"></div>
	<div data-type="lable" class="">Esstisch</div>
</li>


<!-- Anwesenheit -->
<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
<header><font size="+1"> Anwesend </font></header>
<div class="centered container">
    <div class="left">
        <div data-type="switch" data-device="Tobias" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
		<div data-type="label" class="cell">Papa</div>
    </div>
    <div class="left">
        <div data-type="switch" data-device="Daniela" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
			 <div data-type="label" class="cell">Mama</div>
    </div>
    <div class="left">
        <div data-type="switch" data-device="Lea" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
			 <div data-type="label" class="cell">Lea</div>
    </div>
    <div class="left">
        <div data-type="switch" data-device="Paulina" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
			 <div data-type="label" class="cell">Paulina</div>
    </div>


</div>
</li>



<!-- Temperatur -->
<li data-row="3" data-col="1" data-sizex="2" data-sizey="1">

<header><font size="+1">Temperaturen</font></header>
			<div class="cell">
				<table>
					<tr>
						<tr><td>&nbsp;</td></tr>
						<td><div class="small" data-type="label">Pool</div></td>
						<td><div class="small" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
										data-device="Temp_Pool" data-get="STATE" data-unit="%B0C%0A" ></div>
						</td>
						<td>&nbsp;</td>
						<td><div class="small" data-type="label">Garten</div></td>
						<td><div class="small" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
										data-device="Temp_Garten" data-get="STATE" data-unit="%B0C%0A" ></div>
						</td>
						
						
					</tr>
				</table>
				<table>
					<tr>
						<tr><td>&nbsp;</td></tr>
						<td><div class="small" data-type="label">Wohnzimmer</div></td>
							
						<td><div class="small" data-type="label" 
										data-device="Sensor_Terassentuer" 
										data-get='temperature' </div>		
						</td>
								
					
					</tr>
				</table>
				
			</div>
		</li>
		
		
<!-- Kamera -->
<li data-row="2" data-col="3" data-sizex="4" data-sizey="2">   
    <header>Hof</header> 
    <img src="http://192.168.0.87:86/cgi-bin/hi3510/mjpegstream.cgi?-chn=11&-usr=admin&-pwd=1//56ahn" height="90%" wight="100%" border="0">
        </img src>
</li>


<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
		<div class="left top-space-2x">
        <div data-type="label" class="inline w2x">Radio</div>
        <div data-type="select" data-device="Radio" data-Alias='["Inselradio","MDR-Jump","SWR3", "hr3", "hr1", "hr-Info", "NDR2", "Antenne Bayern", "SKY Radio 101 NL"]' data-items='["http://stream.live-inselradio.com:8000/","http://c22033-ls.i.core.cdn.streamfarm.net/T3R6XGogC9922033/22033mdr/live/app2128740352/w2128904194/live_de_128.mp3","http://swr-swr3-live.cast.addradio.de/swr/swr3/live/mp3/128/stream.mp3","http://hr-hr3-live.cast.addradio.de/hr/hr3/live/mp3/128/stream.mp3", "http://hr-hr1-live.cast.addradio.de/hr/hr1/live/mp3/128/stream.mp3","http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3","http://ndr-ndr2-niedersachsen.cast.addradio.de/ndr/ndr2/niedersachsen/mp3/128/stream.mp3", "http://mp3channels.webradio.antenne.de:80/antenne", "http://20103.live.streamtheworld.com:80/SKYRADIOAAC_SC"]' data-get="input" data-set="playfile" class="cell w2x" ></div>
        </div>
		
</li>


<!-- Türen -->
<li data-row="1" data-col="4" data-sizex="3" data-sizey="1">
<header><font size="+1"> Tür/Fenster </font></header>

<div class="left">
	<div data-type="symbol" 
		 data-device="Sensor_Terassentuer"
		 data-states='["open","closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="lable" class="">Terasse</div>		
</div>
	
<div class="left">
		<div data-type="symbol" 
		 data-device="Tor_Garten"
		 data-states='["sensor_open","sensor_closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="lable" class="">Garten</div>	
</div>

<div class="left">
		<div data-type="symbol" 
		 data-device="K_Garage"
		 data-states='["sensor_open","sensor_closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="lable" class="">Garage</div>	
</div>

<div class="left">
		<div data-type="symbol" 
		 data-device="K_Keller"
		 data-states='["sensor_open","sensor_closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="lable" class="">Keller</div>	
</div>
		 
</li>


</body>
</html>

amenomade · 26 Juli 2017, 22:59:54

und mit

Code Auswählen

data-get="temperature"> </div>

Zitatdata-get="temperature"> </div>

statt

Code Auswählen

data-get='temperature' </div>geht es auch nicht?

DD · 26 Juli 2017, 23:01:57

Nein, hatte ich auch schon versucht

amenomade · 26 Juli 2017, 23:11:51

Ja, aber wenn Du mit Syntax Fehler versuchts, kann es nicht funktionieren... Also, füg mal auf jeden Fall den fehlenden ">" hinzu!

Ausserdem ist es nicht empfohlen class=sheet, class=row und class=cell mit <table><tr><tr> zu mischen, da diese Classes schon HTML-Tabellen bauen. Hier hast Du eine Tabelle in einer Zelle, die selbst in keiner Tabelle ist.

DD · 26 Juli 2017, 23:15:35

o.k., der fehlenden ">" ist beim vielen ausprobieren entstanden.
Ich habe zwischenzeitlich auch mal ganz ohne Tabelle versucht den Wert anzuzeigen. Es kommt einfach nichts

amenomade · 27 Juli 2017, 00:20:22

Also:
- fehlende ">" hinzugefügt
- alle "lable" durch "label" ersetzen
- </ul></div> am Ende vor /body hinzufügen
- evtl. </table><table> Zeile 132 entfernen
- evtl. div class cell Zeile 116 und entspr. /div Zeile 147 entfernen.

Bei mir geht es.

DD · 27 Juli 2017, 10:34:02

Hallo amenomade,

die Schreibfehler sind berichtigt und ich habe alle Änderungsvorschläge von dir mit aufgenommen.
Leider passiert nichts!

Ich habe auch mal versucht ein Reading eines anderen Divice zu holen. Hat auch nicht funktioniert.

Danke für deine Hilfeversuche!

amenomade · 27 Juli 2017, 21:56:32

Zeig mal wieder deine html Datei nach Korrekturen.

TobiasR · 27 Juli 2017, 22:43:28

gerne. Ich denke aber dass es eher an der Konfig meines FHEM liegen muss

Code Auswählen

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 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/
	 	
	 * <meta http-equiv="refresh" content="30; URL=http://192.168.0.250" /> 
     */
    -->
	<meta http-equiv="cache-control" content="no-cache"> 
	<!--<meta http-equiv="refresh" content="300">  -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
    <meta name="widget_base_width" content="120">
    <meta name="widget_base_height" content="135">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="longpoll_type" content="ajax">
	<meta name="toast" content="0">
	<meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->

    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />


    <script src="../pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js"></script>



<title>Hausinfo - Küche</title>

</head>
<body>

<div class="gridster">
<ul>

<!-- Lampen -->
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2">

	<div data-type="switch"
         data-device="D4_Spuele" 
         data-get-on="on"
         data-get-off="off"></div>
	<div data-type="label" class="">Spüle</div>
	<div data-type="switch"
         data-device="C6_Kueche" 
         data-get-on="on"
         data-get-off="off"></div>
	<div data-type="label" class="">Küche</div>
	<div data-type="switch"
         data-device="D6_Esstisch" 
         data-get-on="on"
         data-get-off="off"></div>
	<div data-type="label" class="">Esstisch</div>
</li>


<!-- Anwesenheit -->
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<header><font size="+1"> Anwesend </font></header>
<div class="centered container">
    <div class="left">
        <div class="small" data-type="switch" data-device="Tobias" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
		<div data-type="label" class="small">Papa</div>
    </div>
    <div class="right">
        <div class="small" data-type="switch" data-device="Daniela" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
			 <div data-type="label" class="small">Mama</div>
    </div>
    <div class="left">
        <div class="small" data-type="switch" data-device="Lea" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
			 <div data-type="label" class="small">Lea</div>
    </div>
    <div class="right">
        <div class="small" data-type="switch" data-device="Paulina" class="readonly" data-icon="fa-user" data-subtype="PRESENCE"
			 data-get-on="present"
			 data-get-off="absent"></div>
			 <div data-type="label" class="small">Paulina</div>
    </div>
	



</div>
</li>



<!-- Temperatur -->
<li data-row="3" data-col="1" data-sizex="2" data-sizey="1">

<header><font size="+1">Temperaturen</font></header>
			<div class="cell">
				<table>
					<tr>
						<tr><td>&nbsp;</td></tr>
						<td><div class="small" data-type="label">Pool</div></td>
						<td><div class="small" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
										data-device="Temp_Pool" data-get="STATE" data-unit="%B0C%0A" ></div>
						</td>
						<td>&nbsp;</td>
						<td><div class="small" data-type="label">Garten</div></td>
						<td><div class="small" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
										data-device="Temp_Garten" data-get="STATE" data-unit="%B0C%0A" ></div>
						</td>
						
				</table><table>
					</tr>
				</table>
				<table>
					<tr>
						<tr><td>&nbsp;</td></tr>
						<td><div class="small" data-type="label">Wohnmmer</div></td>
							
						<td><div class="small" data-type="label" 
										data-device="Sensor_Terassentuer" 
										data-get="temperature" ></div>		
						</td>
												
					</tr>
				</table>
				
			</div>
</li>
		
		
<!-- Kamera -->
<li data-row="2" data-col="3" data-sizex="4" data-sizey="2">   
    <header>Hof</header> 
    <img src="http://192.168.0.87:86/cgi-bin/hi3510/mjpegstream.cgi?-chn=11&-usr=admin&-pwd=1//56ahn" height="90%" wight="100%" border="0">
        </img src>
		
	
</li>


<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
		<div class="left top-space-2x">
        <div data-type="label" class="inline w2x">Radio</div>
        <div data-type="select" data-device="Radio" data-Alias='["Inselradio","MDR-Jump","SWR3", "hr3", "hr1", "hr-Info", "NDR2", "Antenne Bayern", "SKY Radio 101 NL"]' data-items='["http://stream.live-inselradio.com:8000/","http://c22033-ls.i.core.cdn.streamfarm.net/T3R6XGogC9922033/22033mdr/live/app2128740352/w2128904194/live_de_128.mp3","http://swr-swr3-live.cast.addradio.de/swr/swr3/live/mp3/128/stream.mp3","http://hr-hr3-live.cast.addradio.de/hr/hr3/live/mp3/128/stream.mp3", "http://hr-hr1-live.cast.addradio.de/hr/hr1/live/mp3/128/stream.mp3","http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3","http://ndr-ndr2-niedersachsen.cast.addradio.de/ndr/ndr2/niedersachsen/mp3/128/stream.mp3", "http://mp3channels.webradio.antenne.de:80/antenne", "http://20103.live.streamtheworld.com:80/SKYRADIOAAC_SC"]' data-get="input" data-set="playfile" class="cell w2x" ></div>
        </div>
		
		
		
</li>


<!-- Türen -->
<li data-row="1" data-col="4" data-sizex="3" data-sizey="1">
<header><font size="+1"> Tür/Fenster </font></header>


										
<div class="left">
	<div data-type="symbol" 
		 data-device="Sensor_Terassentuer"
		 data-states='["open","closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="label" class="">Terasse</div>		
</div>
	
<div class="left">
		<div data-type="symbol" 
		 data-device="Tor_Garten"
		 data-states='["sensor_open","sensor_closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="label" class="">Garten</div>	
</div>

<div class="left">
		<div data-type="symbol" 
		 data-device="K_Garage"
		 data-states='["sensor_open","sensor_closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="label" class="">Garage</div>	
</div>

<div class="left">
		<div data-type="symbol" 
		 data-device="K_Keller"
		 data-states='["sensor_open","sensor_closed"]' 
		 data-icons='["ftui-door warn","ftui-door"]' 
		 data-colors='["#999","#555"]'></div>
	<div data-type="label" class="">Keller</div>	
</div>
		 
</li>

 </ul></div>
</body>
</html>