Hallo,
ich habe nun schon einiges in Fhem und Tablet UI eingebunden. Da es Zeit wurde von der index.html auf ein Menu umzusteigen, habe ich die Anweisung des Wikis beachtet und meinen Code entsprechend angepasst. Leider aktuelisiert nun nach dem drücken eines Buttons, das ICON nicht mehr.
Anbei mein Button:
<div class="inline" data-type="button" data-device="tv_kinderzimmer" data-get="STATE" data-colors='["green","red"]' data-limits='["opened","disconnected"]' data-fhem-cmd="set SamsungKinderzimmer POWEROFF" data-icon="fa-power-off"></div>
Das merkwürdige ist, wenn ich mein Button in der Index laufen lasse ohne Menu Struktur, findet die aktualisierung gleich nach dem drücken statt. Wenn ichs im unterfile eintrage bleibt das ICON leer (also man sieht nur Background) bis longpool oder wie das heißt die komplette UI aktualisiert.
Anbei meine index.html:
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="widget_base_width" content="73">
<meta name="widget_base_height" content="69">
<meta name="widget_margin" content="3">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="0">
<meta name="longpoll" content="0"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="2"> <!-- 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" defer></script>
<style>
body {
background-image:
url("../images/ftui_background.png");
background-repeat: no-repeat;
background-color: #000000;
margin-left: -1px;
width: 1024px;
height: 600px;
}
</style>
<title>Hausstatus</title>
</head>
<body>
<div class="gridster">
<ul>
<!-- Menü -->
<li data-col="1" data-row="1" data-sizex="1" data-sizey="8" data-template="menu.html"></li>
</ul>
</div>
</body>
</html>
und die menu.html:
<html>
<body>
<div style="color:#bdc3c7; margin-top: 10px;">
<div data-type="clock" data-format="H:i" class="large"></div>
<div data-type="clock" data-format="d.n.Y" class="small"></div>
</div>
<div style="margin-top: 15px; border-top:5px solid #000000;"></div>
<div class="cell centered">
<div data-type="pagetab" data-url="main.html" data-icon="fa-home" class="top-space"></div>
<div data-type="pagetab" data-url="control.html" data-icon="fa-sliders" class="top-space"></div>
<div data-type="pagetab" data-url="media.html" data-icon="fa-music" class="top-space"></div>
<div data-type="pagetab" data-url="einstellungen.html" data-icon="fa-wrench" class="top-space"></div>
<div data-type="pagetab" data-url="wetter.html" data-icon="fa-sun-o" class="top-space"></div>
</div>
</body>
</html>
der oben angeführte Button ist in main.html enthalten und ist die erste Seite welches beim laden der FTUI angezeigt wird.
Hat wer eine Idee woran das liegen könnte?
mfg,
Seek
Du solltest longpoll mal aktivieren:
<meta name="longpoll" content="1">
Danke das wars... ich habs mal umgestellt weil ich was testen wollte und habs vergessen zurück zu stellen :-[
mfg,
Seek