New FHEM Tablet UI

[Nobby1805]

Frage: Kann ich bei dem Knob / Thermostat Widget die Anzeige in der Mitte auf eine Nachkommastelle erweitern?

data-step="0.1"

[bmwfan]

Hallo,

ich hatte vor einigen Monaten schon eine kleine Oberfläche auf einem iPad eingerichtet, aber auf Grund anderer Projekte nicht weiterverfolgt. Jetzt möchte ich es wieder angehen, aber mit einem anderen Ansatz, und wollte gerne wissen, ob so etwas schon gemacht wurde.

Ich möchte gerne im Flur einen TouchScreen installieren, auf dem ich alles Visualisieren und auch Steuern kann. Deswegen ist mir iPad o.ä. von der Anzeigefläche her zu klein. Ich denke da an einen 15" oder ähnliches. Allerdings kosten die über 300 € als Monitor und 500 € als PC . Da ich inzwischen ein Raspi-Fan bin habe ich gesucht, ob man damit einen Monitor ansteuern kann, aber außer 2-Zeilendisplays nichts gefunden.

meine Fragen konkret:
1: Welche Lösungen setzt Ihr ein?
2: Weis jemand, ob man mit dem Raspi so etwas amchen kann?

Gruß Jürgen

[justme1968]

wenn dir 14'' reichen schau dir mal den hier an: http://www.amazon.de/gp/product/B011O1YYQ4?colid=2JQDPJN88101T.

raspberry und monitor wird kaum billiger und ist auf jeden fall mehr bastelei und nicht so flach.

gruss
  andre

[hillbicks]

Hallo,

ich hatte vor einigen Monaten schon eine kleine Oberfläche auf einem iPad eingerichtet, aber auf Grund anderer Projekte nicht weiterverfolgt. Jetzt möchte ich es wieder angehen, aber mit einem anderen Ansatz, und wollte gerne wissen, ob so etwas schon gemacht wurde.

Ich möchte gerne im Flur einen TouchScreen installieren, auf dem ich alles Visualisieren und auch Steuern kann. Deswegen ist mir iPad o.ä. von der Anzeigefläche her zu klein. Ich denke da an einen 15" oder ähnliches. Allerdings kosten die über 300 € als Monitor und 500 € als PC . Da ich inzwischen ein Raspi-Fan bin habe ich gesucht, ob man damit einen Monitor ansteuern kann, aber außer 2-Zeilendisplays nichts gefunden.

meine Fragen konkret:
1: Welche Lösungen setzt Ihr ein?
2: Weis jemand, ob man mit dem Raspi so etwas amchen kann?

Gruß Jürgen

Ich benutze diesen hier
http://www.amazon.de/HANNS-G-HT231HPB-42cm-23Zoll-Touchscreen/dp/B00FMB15TC/ref=sr_1_1?s=computers&ie=UTF8&qid=1437945720&sr=1-1&keywords=hanns+touch

zusammen mit einem odroid C1

[StefanJoe]

Hallo zusammen,

ich habe mit "pagetab" ein Phänomen ... sobald ich ein pagetab-div einbinde, sind werden "link" als auch "thermostat" aufgedoppelt dargestellt.
Sobald ich das pagetab herausnehme ist alles wieder beim alten (ist auch unabhängig von der Anzahl der pagetabs, der Verweise etc.).

Weiß jemand wo ich anfangen könnte zu suchen ?
Ich möchte als Menü gerne verschiedene Reiter realisieren, da mir insbesondere die SVG Grafiken zu lange dauern um immer alle zu erstellen...

[viegener]

Hallo zusammen,

ich habe mit "pagetab" ein Phänomen ... sobald ich ein pagetab-div einbinde, sind werden "link" als auch "thermostat" aufgedoppelt dargestellt.
Sobald ich das pagetab herausnehme ist alles wieder beim alten (ist auch unabhängig von der Anzahl der pagetabs, der Verweise etc.).

Weiß jemand wo ich anfangen könnte zu suchen ?
Ich möchte als Menü gerne verschiedene Reiter realisieren, da mir insbesondere die SVG Grafiken zu lange dauern um immer alle zu erstellen...

pagetab lädt eine Seite und ersetzt den Gridester-Inhalt der aktuellen Seite mit der angegebenen Seite. Dabei wird u.U. beim Start die erste angegebene pagetab-Seite beim Start geladen. Damit könnte es sein, dass diese erste pagetab-Seite die Inhalt die dann doppelt erscheinen verursacht.
Vielleicht kannst Du mal die problematische Seite und den pagetab hier posten?

Gruss,
Johannes

[viegener]

Hallo,

ich hatte vor einigen Monaten schon eine kleine Oberfläche auf einem iPad eingerichtet, aber auf Grund anderer Projekte nicht weiterverfolgt. Jetzt möchte ich es wieder angehen, aber mit einem anderen Ansatz, und wollte gerne wissen, ob so etwas schon gemacht wurde.

Ich möchte gerne im Flur einen TouchScreen installieren, auf dem ich alles Visualisieren und auch Steuern kann. Deswegen ist mir iPad o.ä. von der Anzeigefläche her zu klein. Ich denke da an einen 15" oder ähnliches. Allerdings kosten die über 300 € als Monitor und 500 € als PC . Da ich inzwischen ein Raspi-Fan bin habe ich gesucht, ob man damit einen Monitor ansteuern kann, aber außer 2-Zeilendisplays nichts gefunden.

meine Fragen konkret:
1: Welche Lösungen setzt Ihr ein?
2: Weis jemand, ob man mit dem Raspi so etwas amchen kann?

Gruß Jürgen

Ich habe mal testweise ein billiges 5Zoll touch display (in China bestellt, finde die Quelle aber gerade nicht mehr) am Raspi und auch am Arduino probiert, bin aber mit dem Ergebniss nicht zufrieden gewesen. Deshalb habe ich ein ausgemustertes 7Zoll Android-Tablet verwendet würde aber auch gerne auf 10Zoll gehen.

Für grössere Bildschirme geht natürlich am Raspberry ein beliebiger TFT und vermutlich sogar bei Bildschirmen mit Toucherweiterung wie z.B.
http://www.amazon.com/10-4-Desktop-Monitor-Touch-Screen/dp/B000YA95RK (Nicht ausprobiert nur gefunden)

Generell ist bei diesen Preisen aber schon wieder ein vollständiges Androidtablet möglich...

[pnewman]

Hallo,

ich hatte vor einigen Monaten schon eine kleine Oberfläche auf einem iPad eingerichtet, aber auf Grund anderer Projekte nicht weiterverfolgt. Jetzt möchte ich es wieder angehen, aber mit einem anderen Ansatz, und wollte gerne wissen, ob so etwas schon gemacht wurde.

Ich möchte gerne im Flur einen TouchScreen installieren, auf dem ich alles Visualisieren und auch Steuern kann. Deswegen ist mir iPad o.ä. von der Anzeigefläche her zu klein. Ich denke da an einen 15" oder ähnliches. Allerdings kosten die über 300 € als Monitor und 500 € als PC . Da ich inzwischen ein Raspi-Fan bin habe ich gesucht, ob man damit einen Monitor ansteuern kann, aber außer 2-Zeilendisplays nichts gefunden.

meine Fragen konkret:
1: Welche Lösungen setzt Ihr ein?
2: Weis jemand, ob man mit dem Raspi so etwas amchen kann?

Gruß Jürgen

Hallo Jürgen,

ich nutze zur Zeit noch ein 10.1' Galaxy Tab2.

Für demnächst, als Ausbau habe ich hiervon 2 bestellt:
http://www.gearbest.com/tablet-pcs/pp_70596.html

Eins für den unteren Flur und eins für den oberen Flur.

Diese Wand-Halterung:http://www.amazon.de/XFlat-UP150-Universelles-Wandhalterung-kompatibel/dp/B00FB9O9I4/ref=sr_1_2?ie=UTF8&qid=1451781775&sr=8-2&keywords=tablet+wandhalterung+10+zoll

Zum Laden unten:http://www.amazon.de/gp/product/B00TKOJKWG?psc=1&redirect=true&ref_=oh_aui_search_detailpage

Gruß
Ralf

[pnewman]

Hallo zusammen,

ich komme bei meiner Visualisierung der Rollos nicht klar.

Ich hätte gerne das die Schalter der aktuellen position des Rollo anzeigen, wenn das Rollo oben ist soll der Schalter für oben grün bleiben, wenn das Rollo geschlossen ist soll der untere Schalter blau bleiben, bei der pct Anwahl ebenso.

Was muss ich am folgenden Code dafür ändern/hinzufügen?

Code Auswählen Erweitern

<div data-type="switch" data-device="R_Spielzimmer"
          data-get-on="100|[89][0-9]" data-get-off="!on"
          data-set-on="100" data-set-off="" class="green"
          data-icon="fa-angle-double-up" data-background-icon="fa-square" ></div>
        <div data-type="label" class="inline w1x">Auf</div>
     </div>
    <div>
        <div data-type="switch" data-device="R_Spielzimmer"
          data-get-on="[1-7][0-9]" data-get-off="!on"
          data-set-on="22" data-set-off="" class="blue"
          data-icon="fa-angle-down" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">22</div>
     </div>
    <div>
        <div data-type="switch" data-device="R_Spielzimmer"
          data-get-on="[0-9]" data-get-off="!on"
          data-set-on="0" data-set-off="" class="ligthblue"
          data-icon="fa-angle-double-down" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">Zu</div>
     </div>
    <div>
        <div data-type="push" data-device="R_Spielzimmer"
          data-set-on="stop" data-off-color="#2A2A2A"
          data-icon="fa-ellipsis-h" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">Stop</div>
    </div>

Gruß

Ralf

[kvo1]

Hallo Ralf,

ich hatte versucht  das Beispiel von  viegener nachzubauen und hänge an der gleichen Stelle fest (okay , hilft Dir jetzt auch nicht wirklich)

http://forum.fhem.de/index.php/topic,34233.msg301873.html#msg301873

gruss
klaus

[StefanJoe]

pagetab lädt eine Seite und ersetzt den Gridester-Inhalt der aktuellen Seite mit der angegebenen Seite. Dabei wird u.U. beim Start die erste angegebene pagetab-Seite beim Start geladen. Damit könnte es sein, dass diese erste pagetab-Seite die Inhalt die dann doppelt erscheinen verursacht.
Vielleicht kannst Du mal die problematische Seite und den pagetab hier posten?

Gruss,
Johannes

Hallo Johannes,

Ersetzt das Pagetab nur den gridster Inhalt? D.h. Ich muss einen "dummy-gridster" definieren? Oder wie bettet der das ein? Braucht dann das einzubindende html irgendwelche Definitionen / Stylesheets oder übernimmt das diese einfache?

[viegener]

ich hatte versucht  das Beispiel von  viegener nachzubauen und hänge an der gleichen Stelle fest (okay , hilft Dir jetzt auch nicht wirklich)

Hi Klaus,
welches Problem hattest Du mit meinem Beispiel, oder ging es nur um die Einfärbung der Knöpfe?
Eine Einfärbung der Knöpfe habe ich bisher auch nicht am Laufen, ich vermute dazu fehlt dem push widget die Möglichkeit auf statusänderungen zu reagieren und das switch widget hat immer einen internen on/off-Status, der hier hinderlich ist.
Gruss,
Johannes

[pnewman]

Hallo zusammen,

ich glaube ich habe es hinbekommen.

Für Auf:

Code Auswählen Erweitern

        <div data-type="switch" data-device="R_KUECHE_RE"
          data-get-on="Auf" data-get-off="!on"           
          data-set-on="Auf" data-set-off="" class="green"
          data-icon="fa-angle-double-up" data-background-icon="fa-square" ></div>
        <div data-type="label" class="inline w1x">Auf</div>
     </div>

Für Zu:

Code Auswählen Erweitern

        <div data-type="switch" data-device="R_KUECHE_RE"
          data-get-on="Zu" data-get-off="!on"
          data-set-on="Zu" data-set-off="" class="ligthblue"
          data-icon="fa-angle-double-down" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">Zu</div>
     </div>


Ich kann es gerade nicht ausfürlich testen, aber ich bleibe dran.


Gruß
Ralf

Edit:

Ich habe es so gelöst:

Code Auswählen Erweitern

    <div class="top-space-2x">
        <div data-type="switch" data-device="R_KUECHE_RE"
          data-get-on="Auf" data-get-off="!on"           
          data-set-on="Auf" data-set-off="" class="green"
          data-icon="fa-angle-double-up" data-background-icon="fa-square" ></div>
        <div data-type="label" class="inline w1x">Auf</div>
     </div>
    <div>
        <div data-type="switch" data-device="R_KUECHE_RE"
          data-get-on="22" data-get-off="!on"
          data-set-on="22" data-set-off="" class="blue"
          data-icon="fa-angle-down" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">22</div>
     </div>
    <div>
        <div data-type="switch" data-device="R_KUECHE_RE"
          data-get-on="Zu" data-get-off="!on"
          data-set-on="Zu" data-set-off="" class="ligthblue"
          data-icon="fa-angle-double-down" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">Zu</div>
     </div>
    <div>
        <div data-type="push" data-device="R_KUECHE_RE"
          data-set-on="stop" data-off-color="#2A2A2A"
          data-icon="fa-ellipsis-h" data-background-icon="fa-square"></div>
        <div data-type="label" class="inline w1x">Stop</div>
    </div>

Zu sehen im letzten Bild: Rollo mit Status

[StefanJoe]

Hallo,

anbei mal der vollständige Sourcecode der problematischen Seite (index_heizung.html ist leer):

pagetab lädt eine Seite und ersetzt den Gridester-Inhalt der aktuellen Seite mit der angegebenen Seite. Dabei wird u.U. beim Start die erste angegebene pagetab-Seite beim Start geladen. Damit könnte es sein, dass diese erste pagetab-Seite die Inhalt die dann doppelt erscheinen verursacht.
Vielleicht kannst Du mal die problematische Seite und den pagetab hier posten?

Gruss,
Johannes

Code Auswählen Erweitern


<!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/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!--    <meta name="widget_base_width" content="116">
    <meta name="widget_base_height" content="131">
-->
    <meta name="widget_base_width" content="100">
    <meta name="widget_base_height" content="100">

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="1"> <!-- 1=output to console;0=no output -->


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

    <!-- define your personal style here, it wont be overwritten  -->
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css">
   
    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/pgm2/jquery-ui.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>
   
    <title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="cell">
<div data-type="pagetab" data-url="index-heizung.html" data-icon="fa-home" class="cell"></div>
</div>

<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<header>Datum</header>
<div class="darker" data-type="clock" data-format="Y-m-d"></div>
<div class="big darker"data-type="clock" data-format="H:i:s"></div>
</li>

<li data-row="2" data-col="1" data-sizex="1" data-sizey="2">
  <header>Wetter</header>
  <div data-type="rotor" class="fade">
   <ul>
    <li>
     <div data-type="label"
          class="darker big">Heute</div>
     <div data-type="weather" data-device="Wetter"
          data-get="fc0_weatherDay" data-imageset="kleinklima"></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc0_weatherDay"
          class="large"></div>
     <div data-type="label" data-device="Wetter"
           data-get="fc0_tempMin" data-unit="%B0C%0A"
           class="big blue inline"></div>
     <div data-type="label" data-device="Wetter"
           data-get="fc0_tempMax" data-unit="%B0C%0A"
          class="big red inline"></div>
    </li>
    <li>
     <div data-type="label"
          class="darker big">Morgen</div>
     <div data-type="weather" data-device="Wetter"
          data-get="fc1_weatherDay"  data-imageset="kleinklima" class="big"></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc1_weatherDay"
          class="large"></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc1_tempMin"
          data-unit="%B0C%0A"
          class="big blue inline "></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc1_tempMax"
          data-unit="%B0C%0A"
          class="big red inline"></div>
    </li>
    <li>
     <div data-type="label"
          class="darker big">Trend</div>
     <div data-type="weather" data-device="Wetter"
          data-get="fc2_weatherDay"  data-imageset="kleinklima" class="big"></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc2_weatherDay"
          class="large"></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc2_tempMin"
          data-unit="%B0C%0A"
          class="big blue inline"></div>
     <div data-type="label" data-device="Wetter"
          data-get="fc2_tempMax"
          data-unit="%B0C%0A"
          class="big red inline"></div>
    </li>
   </ul>
  </div>
</li>

<li data-row="4" data-col="1" data-sizex="1" data-sizey="1">
<header> Video </header>
<!-- <iframe src="http://192.168.1.33:8081"></iframe>
--></li>

<li data-row="1" data-col="2" data-sizex="2" data-sizey="3">
<header>Schalter WZ</header>
<div class="container">
<div data-type="label"
      class="darker inline">A
</div>
<div data-type="label"
      class="darker inline">B
</div>
</div>
<div data-type="switch"
      data-device="IT_0FFFF0FFFF">   
</div>
<div data-type="switch"
      data-device="IT_0FFFFF0FFF">
</div>
<div class="">
<div data-type="label"
      class="darker inline">C
</div>
<div data-type="label"
      class="darker inline">D
</div>
</div>
<div data-type="switch"
      data-device="IT_0FFFFFF0FF">
</div>
<div data-type="switch"
      data-device="IT_0FFFFFFF0F">
</div>
<div data-type="label"
      class="darker">IR-Detector
</div>
<div data-type="switch"
      data-device="IT_FFF00FFFFF">
</div>     
</li>

<li data-row="1" data-col="4" data-sizex="2" data-sizey="3">
<header>Temperaturen</header>   
<div class="darker">Wohnzimmer</div>
<div class="cell big">
  <div class="inline"
       data-type="label"
       data-device="CUL_TCM97001_80"
       data-get="temperature" 
       data-unit="%B0C%0A"
       data-limits='[-20,18,20,24,26]'
       data-colors='["blue","skyblue","springgreen","darkorange","orangered"]'>
  </div>
  <div class="inline"
       data-type="label"
       data-device="CUL_TCM97001_80"
       data-get="humidity"
       data-unit="%%0A"
       data-fix="1"
       data-limits='[0,40,60]'
       data-colors='["skyblue","springgreen","orangered"]'>
  </div>
</div>
<div class="darker">Klara</div>
<div class="cell big">
  <div class="inline"
       data-type="label"
       data-device="CUL_TCM97001_24"
       data-get="temperature"
       data-unit="%B0C%0A"
       data-limits='[-20,17,19,22,26]'
       data-colors='["blue","skyblue","springgreen","darkorange","orangered"]'>
  </div>
  <div class="inline"
       data-type="label"
       data-device="CUL_TCM97001_24"
       data-get="humidity"
       data-unit="%%0A"
       data-fix="1"
       data-limits='[0,40,60]'
       data-colors='["skyblue","springgreen","orangered"]'>
  </div>
</div>
</li>


<li data-row="4" data-col="4" data-sizex="2" data-sizey="1">
<div class="cell">
  <div class="left">R268e</div>
  <div class="inline"
       data-type="label"
       data-device="Revolt_268e"
       data-get="power" 
       data-unit="W%0A"
       data-limits='[0,10,50,100]'
       data-colors='["springgreen","skyblue","darkorange","orangered"]'>
  </div>
  <div class="inline right"
       data-type="label"
       data-device="Revolt_268e"
       data-get="avgpower"
       data-unit="W%0A"
       data-fix="1"
       data-limits='[0,10,50,100]'
       data-colors='["springgreen","skyblue","darkorange","orangered"]'>
  </div>
</div>
<div class="cell">
<div class="left">R3af1</div>
  <div class="inline"
       data-type="label"
       data-device="Revolt_3af1"
       data-get="power" 
       data-unit="W%0A"
       data-limits='[0,10,50,100]'
       data-colors='["springgreen","skyblue","darkorange","orangered"]'>
  </div>
  <div class="inline right"
       data-type="label"
       data-device="Revolt_3af1"
       data-get="avgpower"
       data-unit="W%0A"
       data-fix="1"
       data-limits='[0,10,50,100]'
       data-colors='["springgreen","skyblue","darkorange","orangered"]'>
  </div>
</div>
<div class="cell">
  <div class="left">R7e2c</div>
  <div class="inline"
       data-type="label"
       data-device="Revolt_7e2c"
       data-get="power" 
       data-unit="W%0A"
       data-limits='[0,10,50,100]'
       data-colors='["springgreen","skyblue","darkorange","orangered"]'>
  </div>
  <div class="inline right"
       data-type="label"
       data-device="Revolt_7e2c"
       data-get="avgpower"
       data-unit="W%0A"
       data-fix="1"
       data-limits='[0,10,50,100]'
       data-colors='["springgreen","skyblue","darkorange","orangered"]'>
  </div>
</div>
</li>

<li data-row="6" data-col="1" data-sizex="5" data-sizey="3">
    <header>Heizung-Plot</header>
<div class="cell">
  <img src="/fhem/SVG_showLog?dev=SVG_VITO_t_log_1&amp;logdev=VITO&amp;gplotfile=SVG_VITO_t_log_1&amp;logfile=CURRENT&amp;pos="
      type="image/svg+xml" width="500" height="250"
      name="SVG_VITO_t_log_1">
  </img>

</div>
</li>

<li data-row="1" data-col="6" data-sizex="2" data-sizey="6">
<header>Heizung</header>
<div>Warmwasser-Speicher</div>
<div data-type="thermostat"
      data-device="VITO"
      data-get="Temperatur_Speicher_Warmwasser_oben"
      data-get-value="4:VITO.*::"
      data-temp="Temperatur_Speicher_Warmwasser_mitte"
      data-min="35"
      data-max="55"
      data-step="0.1"
      class="cell small readonly">
</div>
<div>VL / RL</div>
<div data-type="thermostat"
      data-device="VITO"
      data-get="Temperatur_Ruecklauf_sekundaer"
      data-get-value="4:VITO.*::"
      data-temp="Temperatur_Vorlauf_sekundaer"
      data-min="20"
      data-max="35"
      data-step="0.1"
      class="cell small readonly">
</div>
<div> VL-Soll </div>
<div data-type="thermostat"
      data-device="VITO"
      data-get="Temperatur_Vorlauf_Soll"
      data-get-value="4:VITO.*::"
      data-temp="Temperatur_Ruecklauf_sekundaer"
      data-min="20"
      data-max="35"
      data-step="0.1"
      class="cell small readonly">
</div>
<div> Load </div>
<div data-type="knob"
      data-device="VITO"
      data-get="Status_NLOAD"
      data-get-value="4:VITO.*::"
      data-temp=""
      data-min="0"
      data-max="127"
      data-step="1"
      data-fix="1"
      class="cell small readonly">
</div>
</li>
<li data-row="1" data-col="8" data-sizex="2" data-sizey="6">
<header>Hi-Fi</header>
<div data-type="label"
      class="darker">Soundbar
</div>
<div data-type="switch"
      data-device="harmony_30698864"
      data-get="power"
      data-get-on="on"
      data-get-off="off"
      data-set-on="PowerToggle"
      data-set-off="PowerToggle"
      data-icon="fa-music">   
</div>
<div data-type="label"
      class="darker">TV
</div>
<div data-type="switch"
      data-device="harmony_30707900"
      data-get="power"
      data-get-on="on"
      data-get-off="off"
      data-set-on="PowerOn"
      data-set-off="PowerOff"
      data-icon="fa-tv">   
</div>
<div data-type="label"
      class="darker">BD8909
</div>
<div data-type="switch"
      data-device="harmony_30705786"
      data-get="power"
      data-get-on="on"
      data-get-off="off"
      data-set-on="PowerToggle"
      data-set-off="PowerToggle"
      data-icon="fa-hdd-o">   
</div>

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


[viegener]

Hallo,

anbei mal der vollständige Sourcecode der problematischen Seite (index_heizung.html ist leer):

Dann verstehe ich vielleicht nicht, was Du mit pagetab hier erreichen willst, wenn index_heizung.html leer ist, erschiliesst sich mir der Sinn hier nicht.

Zur anderen Frage: pagetab ersetzt innerhalb des Javascripts, wenn es aufgerufen wird beziehungsweise initialisiert wird den Inhalt des Gridster htmls durch das html dass aus dem angegebenen Link geladen wird.