komische Anzeige der Webseite

Begonnen von Suner, 30 Mai 2016, 08:56:29

Vorheriges Thema - Nächstes Thema
Drucken
Nach unten Seiten1
Benutzer-Aktionen

Suner

30 Mai 2016, 08:56:29
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

setstate

#1
30 Mai 2016, 09:22:26
Ich vermute du nutzt Pagetab und hast auf den Unterseiten auch die Javascripte wieder eingebunden.
Diese dürfen nur auf der Hauptseite sein.

Suner

#2
30 Mai 2016, 09:42:25
Ja habe ich,
ich check das mal ;)

Suner

#3
30 Mai 2016, 09:53:10
hmm...
Leider scheint es nicht so richtig zu klappen.
HAt sich eigentlich kaum verändert.
Hab mal meinen Code einer Unterseite angehängt

Code Auswählen
<!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>

Suner

#4
30 Mai 2016, 11:13:03
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
Drucken
Nach oben Seiten1
Benutzer-Aktionen