Hallo ich bin gerade dabei etwas mit der TabletUI zu "spielen", da für mich noch alles recht neu ist. Ich wollte mir die Vorlage von https://blog.krannich.de/2016/08/fhem-dashboard-grundgeruest-fuer-tablet-ui/ (https://blog.krannich.de/2016/08/fhem-dashboard-grundgeruest-fuer-tablet-ui/) anschauen und die index.html kopiert. Wenn ich dann aber die TabletUI starte, bekomme ich folgende Fehlermeldungen:
line 1:
Uncaught ReferenceError: FW_longpoll is not defined
und
widget_clicksound.js line 2:
Uncaught ReferenceError: dynamicload is not defined
wahrscheinlich muß ich noch was installieren/Aktivieren, weiß aber leider nicht was.
entferne mal alles mit
<div data-type="clicksound" ...></div>
Das klingt nach einer sehr alten Version, wo man viel rauswerfen muss.
Nimm lieber eine leere Index Datei und setze gewünschte Elemente nach und nach rein
<!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 src="js/fhem-tablet-ui.js" defer></script>
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizey="4" data-sizex="3">
<header>EXAMPLE1</header>
<!-- place your widget here -->
</li>
<li data-row="1" data-col="4" data-sizey="4" data-sizex="6">
<header>EXAMPLE2</header>
<!-- place your widget here -->
</li>
<li data-row="1" data-col="10" data-sizey="4" data-sizex="3">
<header>EXAMPLE3</header>
<!-- place your widget here -->
</li>
<li data-row="5" data-col="1" data-sizey="3" data-sizex="3">
<header>EXAMPLE4</header>
<!-- place your widget here -->
</li>
<li data-row="5" data-col="4" data-sizey="3" data-sizex="6">
<header>EXAMPLE5</header>
<!-- place your widget here -->
</li>
<li data-row="5" data-col="10" data-sizey="3" data-sizex="3">
<header>EXAMPLE6</header>
<!-- place your widget here -->
</li>
</ul>
</div>
</body>
</html>