Thema 7" Tablet

[moonsorrox]

ja das weiß ich, ich habe damit aber bisher nicht gearbeitet.
Da er aber in meinem Netz hier die interne IP des Servers und eben die vorhin erstellte index.html nicht öffnet, dachte ich es liegt an der App ID.
Tja ist mir momentan nicht klar warum der Browser die IP nicht öffnet..!

Wenn ich den Fhem Server nutze und da dann z.B. das Dashboard öffne funktioniert das, aber es ist ja kein spezieller Browser nur für fhem, oder.?

[betateilchen]

Der Browser öffnet bei mir jede beliebige URL, egal ob im internen Netz oder im WWW

Auf welchem Webserver hast Du denn Deine index.html liegen?

[moonsorrox]

Auf welchem Webserver hast Du denn Deine index.html liegen?

bei mir auf dem Qnap im lokalem Netz IP alles OK is ja klar...
Ich habe jetzt mal den Dolphin Browser installiert da geht das sofort, weil der wurde auch oft empfohlen und auch total ohne Kopfzeile arbeiten kann
Aber ich glaub ich brauche erst mal nen Kaffee

[Klaus0815]

Ich versuche mich gerade auch rein zu arbeiten, vielen Dank für den Workshop, ich denke / hoffe damit bekomme ich was hin.

Was ich allerdings nicht ganz verstehe, wie aktualisiere ich die Seite ?
Weiter oben steht: "...dass heißt meine index beinhaltet diese Bild und aktualisiert sich über den refresh in der HTML Datei so wie du es vorhin beschrieben hast ?"
Ich habe den Thread jetzt 5 mal durchgelesen, mir ist nicht ganz klar, wie ich die Statusseite automatisch aktualisieren kann ?

Und zum Verständnis: Wenn ich jetzt z.B. oben in der Status-Seite die Uhrzeit haben will, müsste ich die Seite z.B. alle 30 sec neu laden ?
Wird dann bei jedem Reload die Seite  / das CSS-Bild in FHEM neu generiert ? Oder automatisch alle x Sekunden ?
(Mir geht es um die Performance, das Bild zu generieren kostet sicher einiges an Rechenleistung ?)

Viele Grüße

Klaus

[moonsorrox]

Es wird automatisch die html seite aktualisiert...
Baue es dir einmal auf und du wirst sehen wie ein "refresh" statt findet

[dennis87]

@betateilchen:
hast du mal dran gedacht, die svg Buttons so zu gestalten das wenn du sie klickst sich die Farbe ändert so als ein Art Rückmeldung "jetzt bin ich An" oder "Aus"..?

hab ich, brauch ich aber nicht, weil ich die Änderung auf der Statusseite ohnehin sehe.

Ich finde deine Umsetzung echt super, gefällt mir echt gut .

Hat das denn unabhängig davon schon jemand umgesetzt bekommen. Ich hätte ein sehr großes Interesse daran, dass man abhängig vom aktuellen Zustand des Gerätes verschiedenfarbige svg´s angezeigt werden.
Ich habe aber leider keine Idee, wie das funktionieren könnte...

Über tipps und Vorschläge würde ich mich sehr freuen .

Gruß,

Dennis

[betateilchen]

das sich die Uhrzeit bei Minutenanzeige nur einmal alle 60 Sekunden ändert, reicht es auch, die Seite nur alle 60 Sekunden zu ändern.

Und wenn Du den Diskussions-Thread zum Thema RSS Workshops mal durchgehst, wirst Du auch dafür eine Erklärung. Denn mit dem RSS selbst hat die Aktualisierung nichts zu tun.

Aber Boris hat heute eine Änderung im RSS Modul eingebaut (morgen per Update) die automatisch eine html-Datei als Vorlage generieren kann, und in der die automatische Aktualisierung auch schon enthalten ist. Einfach mal aufmerksam lesen und morgen auch einen Blick in die dann aktuelle commandref zu 02_RSS schauen, da ist die Neuerung auch beschrieben.

[Gunther]

mehrere Fragen habe ich zu dem HTML-"Kram":

1. panel.html soll bestehen bleiben und keine neue Seite öffnen
Wenn ich mit

Code Auswählen Erweitern

<a target="_self" href="http://192.168.0.22:8083/fhem?XHR=1&amp;cmd.eg_ki_Leuchtkasten_alle.schalten=set eg_ki_Leuchtkasten_alle.schalten off">
arbeite wird geschaltet, aber die Seite wird weiß. In der Adresszeile steht dann:

Code Auswählen Erweitern

http://192.168.0.22:8083/fhem?XHR=1&cmd.eg_ki_Leuchtkasten_alle.schalten=set%20eg_ki_Leuchtkasten_alle.schalten%20on

Mit Deinem Beispiel-HTML-Code sieht es bei mir im Detail so aus:

Code Auswählen Erweitern

<a target="secret" href="http://192.168.0.22:8083/fhem?XHR=1&amp;cmd.eg_ki_Leuchtkasten_alle.schalten=set eg_ki_Leuchtkasten_alle.schalten on"></img></a>
Dann bleibt meine Seite bestehen, allerdings öffnet eine weitere Seite, mit genau dem Effekt wie die vorher beschriebene weiße Seite.

Nutze Firefox zum Test. Kann ich das verhindern?
Ich möchte: Klick auf Butten --> Funktion wird ausgeführt / gleichzeitig bleibt Seite aktiv und keine neue wird geöffnet.

EDIT zu 1.:
Ich habe gesehen, dass Du in Deiner html-Datei folgende Zeile stehen hast:

Code Auswählen Erweitern

<div id="hiddenDiv"><iframe id="secretFrame" name="secret" src=""></div>
Die habe ich nun übernommen. Leider kann ich damit nicht mehr auf meine Buttons drücken. Sind "tot".
Hast Du eine Idee?

2. Tabelle im Fullscreen öffnen (volle Breite)
Nutze auf einem Denver TAD-70112 7" Tablet mit 800x480 Pixel zum Testen derzeit den Standard Browser. (EDIT: mittlerweile habe ich es auch mit dem WebViewControl versucht - gleiches Ergebnis:) Dort wird leider mein Panel auf weniger als der Hälfte der Breite angezeigt. Woran liegt das? Konnte auf selfhtml keinen Hinweis dazu finden.

Meine Seite sieht so aus:

Code Auswählen Erweitern

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Start Haussteuerung</title>
<link rel="stylesheet" type="text/css" href="panel.css">
</head>

<body>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="panel.html"></img><img src="buttons/start_gruen.svg" alt="Start"></a></div></td>
    <td><div align="center"><a target="_self" href="status.html"><img src="buttons/status_rot.svg" alt="Status"></div></td>
    <td><div align="center"><a target="_self" href="keller.html"><img src="buttons/raeume2/keller_gelb.svg" alt="Keller"></div></td>
    <td><div align="center"><a target="_self" href="badezimmer.html"><img src="buttons/raeume2/erdgeschoss_blau.svg" alt="Erdgeschoss"></div></td>
    <td><div align="center"><a target="_self" href="obergeschoss.html"><img src="buttons/raeume2/obergeschoss_gelb.svg" alt="Obergeschoss"></div></td>
    <td><div align="center"><a target="_self" href="dachgeschoss.html"><img src="buttons/raeume2/dachgeschoss_gelb.svg" alt="Dachgeschoss"></div></td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><img src="buttons/zurueck.svg" alt="Zurück">
    </div></td>
<td><a target="secret" href="http://192.168.0.22:8083/fhem?XHR=1&amp;cmd.eg_ki_Leuchtkasten_alle.schalten=set eg_ki_Leuchtkasten_alle.schalten on"><img src="buttons/raeume2/kino/lichtrahmen an.svg"></img></a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="badezimmer.html"></img><img src="buttons/raeume2/badezimmer.svg" alt="Badezimmer"></a></div></td>
    <td><a target="secret" href="http://192.168.0.22:8083/fhem?XHR=1&amp;cmd.eg_ki_Leuchtkasten_alle.schalten=set eg_ki_Leuchtkasten_alle.schalten off"><img src="buttons/raeume2/kino/lichtrahmen aus.svg"></img></a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="buero.html"></img><img src="buttons/raeume2/buero.svg" alt="Büro"></a></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="esszimmer.html"></img><img src="buttons/raeume2/esszimmer.svg" alt="Esszimmer"></a></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="flur.html"></img><img src="buttons/raeume2/flur.svg" alt="Flur"></a></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="gaestewc.html"></img><img src="buttons/raeume2/gaestewc.svg" alt="Flur"></a></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table border="0">
  <tr>
    <td><div align="center"><a target="_self" href="kino.html"></img><img src="buttons/raeume2/kino_blau.svg" alt="Start"></a></div></td>
    <td><div align="center"><a target="_self" href="kueche.html"></img><img src="buttons/raeume2/kueche.svg" alt="Start"></a></div></td>
    <td><div align="center"><a target="_self" href="wintergarten.html"></img><img src="buttons/raeume2/wintergarten.svg" alt="Start"></a></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>



   


3. Temperatur oder andere Settings mit Pulldown-Menü
Besteht eine Möglichkeit etwas eleganter als über einzelne Buttons, z. B. mit einem Pulldown-Menü Werte zu setzen.
Das wäre hilfreich für Heizungsthermostate, Heizungstimer, Dimmer, etc.
Wenn ja, wie?

4. Kann ich RSS auch auf eine solche Seite einbinden?

[Gunther]

ja das weiß ich, ich habe damit aber bisher nicht gearbeitet.
Da er aber in meinem Netz hier die interne IP des Servers und eben die vorhin erstellte index.html nicht öffnet, dachte ich es liegt an der App ID.
Tja ist mir momentan nicht klar warum der Browser die IP nicht öffnet..!

Wenn ich den Fhem Server nutze und da dann z.B. das Dashboard öffne funktioniert das, aber es ist ja kein spezieller Browser nur für fhem, oder.?

Du must vor die Adresse ein http:// setzen. Dann geht es.

[moonsorrox]

Du must vor die Adresse ein http:// setzen. Dann geht es.

Das ist doch wohl selbstverständlich, aber daran liegt es nicht...!
Zu deiner Geschichte hast du das target=_top Attribut  in deiner html Anweisung drin gelassen..? ich sehe ein _self

[betateilchen]

1. panel.html soll bestehen bleiben und keine neue Seite öffnen
Wenn ich mit
arbeite wird geschaltet, aber die Seite wird weiß. In der Adresszeile steht dann:

In meiner html-Lösung wird nichts auf einer neuen Seite geöffnet, sondern in einem unsichtbaren <div>-Container auf der gleichen Seite.

RSS direkt kannst Du in das html nicht ohne weiteres einbinden, die URL der Imagedatei des RSS aber sehr wohl.

[moonsorrox]

Ich habe etwas ähnliches mit einer weißen Seite...
Wenn ich meine Kameraseite Aufrufe macht mir mein Android Tablet auch eine weiße Seite, warum..?

Im Firefox ist alles OK und auf meinem iPad mini auch, was ich damit sagen will.... es liegt weder an RSS noch an HTML es liegt wohl am Betriebssystem, bei mir zumindest und Android kann das wohl nicht oder es fehlt ihm was.... Was, kann ich nicht sagen da ich mit diesem Tablet noch keine Erfahrung habe und es zur Anzeige genutzt werden soll....
Mein iPad werde ich mir nicht an die Wand nageln...
Mein Android Tablet ist relativ neu ca. 3 Monate und is ein Odys mit Android 4.2.x

[yogiflop]

Hallo,

bei mir läuft das Panel wunderbar, nur in der Reloadzeit wird der Bildschirm weiß. Kann man das umgehen ??

gruß Marc

[moonsorrox]

Bei mir läuft es auch, nur eben der Kamerastream nicht... Beim reload bei mir ähnlich kurz weiß, wobei mein iPad das am besten wegsteckt.... Kurzes zucken des Bildschirms und das wars
Hast du ein Kamerastream...?

[yogiflop]

Bei mir läuft es auch, nur eben der Kamerastream nicht... Beim reload bei mir ähnlich kurz weiß, wobei mein iPad das am besten wegsteckt....
Hast du ein Kamerastream...?

nein, habe ich nicht.
nur den Plot unten und einige Readings