Hallo zusammen,
ich habe am Wochenende meine Webseite mit zusätzlichen Links zu anderen Seiten erweitert.(Menü)
Nun funktioniert das aber irgendwie alles nicht mehr richtig, nur auf einem einzigen Gerät wird es noch normal angezeigt.
Vielleicht hat ja jemand eine Idee dazu.
Die Anzeige ist vollkommen Browserunabhängig.
Auf Allen Browsern funktioniert es nicht mehr richtig.
Gruß
Suner
Ich vermute du nutzt Pagetab und hast auf den Unterseiten auch die Javascripte wieder eingebunden.
Diese dürfen nur auf der Hauptseite sein.
Ja habe ich,
ich check das mal ;)
hmm...
Leider scheint es nicht so richtig zu klappen.
HAt sich eigentlich kaum verändert.
Hab mal meinen Code einer Unterseite angehängt
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* Just another dashboard for FHEM
*
* Version: 1.4.4
* Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015 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 tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' in fhem.cfg
* - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
*/
-->
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
<header class="headerTransparent">UHRZEIT / DATUM</header>
<div data-type="clock"
data-format="H:i:s"
data-interval="1000"
class="orange bigger thin">
</div>
<div data-type="clock"
data-format="D. d.m.Y"
data-shortday-length="2"
class="grey big">
</div>
</li>
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
<header>Menü</header>
<div class="centered">
<div data-type="pagetab"
data-icon="fa-home"
data-states='["off","on"]'
data-url="home.html"
data-background-icon="fa-circle-thin"
data-on-background-color="#aa6900"
data-on-color="#808080"
data-off-color="#808080"
data-icons='["fa-home","fa-home warn"]'
class="bigger">
</div>
<div data-type "label">Home</div>
<div data-type="pagetab"
data-device="bu_alert"
data-icon="fa-fire"
data-states='["off","on"]'
data-url="heizung.html"
data-background-icon="fa-circle-thin"
data-on-background-color="#aa6900"
data-on-color="#808080"
data-off-color="#808080"
data-icons='["fa-fire","fa-fire warn"]'
class="bigger">
</div>
<div data-type "label">Heizung</div>
<div data-type="pagetab"
data-icon="fa-bars"
data-states='["off","on"]'
data-url="jalousien.html"
data-background-icon="fa-circle-thin"
data-on-background-color="#aa6900"
data-on-color="#808080"
data-off-color="#808080"
data-icons='["fa-bars","fa-bars warn"]'
class="bigger">
</div>
<div data-type "label">Jalousien</div>
</li>
<li data-row="2" data-col="4" data-sizex="2" data-sizey="3">
<header>Esszimmer</header>
<div class="right right-space">
Jalousie rechts
<div data-type="slider" data-device="Ez_r_Jalousie" data-get="STATE" data-min="0" data-max="100" data-off='(off|0)' data-on='(on|100)' data-value=true data-height="200" class="cell wider"></div>
<div data-type="circlemenu" data-direction="right-half" data-circle-radius="90" data-item-diameter="67" class="circlemenu right-space top-space-3x" style="font-size:130%">
<ul class="menu">
<li> <div data-type="push" data-icon="fa-bars"></div></li>
<li> <div data-type="push" data-device="Ez_r_Jalousie" data-icon="fa-angle-double-up" data-set-on="on"></div></li>
<li> <div data-type="push" data-device="Ez_r_Jalousie" data-icon="fa-angle-up" data-set-on="up"></div></li>
<li> <div data-type="push" data-device="Ez_r_Jalousie" data-icon="fa-minus" data-set-on="stop"></div></li>
<li> <div data-type="push" data-device="Ez_r_Jalousie" data-icon="fa-angle-down" data-set-on="down"></div></li>
<li> <div data-type="push" data-device="Ez_r_Jalousie" data-icon="fa-angle-double-down" data-set-on="off"></div></li>
</ul>
</div>
</div>
<div class="right right-space">
Jalousie links
<div data-type="slider" data-device="Ez_l_Jalousie" data-get="STATE" data-min="0" data-max="100" data-off='(off|0)' data-on='(on|100)' data-value=true data-height="200" class="cell wider"></div>
<div data-type="circlemenu" data-direction="right-half" data-circle-radius="90" data-item-diameter="67" class="circlemenu right-space top-space-3x" style="font-size:130%">
<ul class="menu">
<li> <div data-type="push" data-icon="fa-bars"></div></li>
<li> <div data-type="push" data-device="Ez_l_Jalousie" data-icon="fa-angle-double-up" data-set-on="on"></div></li>
<li> <div data-type="push" data-device="Ez_l_Jalousie" data-icon="fa-angle-up" data-set-on="up"></div></li>
<li> <div data-type="push" data-device="Ez_l_Jalousie" data-icon="fa-minus" data-set-on="stop"></div></li>
<li> <div data-type="push" data-device="Ez_l_Jalousie" data-icon="fa-angle-down" data-set-on="down"></div></li>
<li> <div data-type="push" data-device="Ez_l_Jalousie" data-icon="fa-angle-double-down" data-set-on="off"></div></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>
Fehler gefunden..
hatte alles auch noch mal in der index.html drin..
das hat ihm nicht gepasst.
auf der index.html jetzt nur noch ein pagetab, sonst nix. jetzt klappts