HTML Frontend wie komme ich an die Daten

[lukasbastelpeter]

Hallo,

ich baue mir zur Zeit ein reines HTML Frontend. Wie kann ich dort die entsprechenden Icons einbinden und dafür sorgen, dass diese sich bei Zustandsänderung ändern ohne das die Seite neu lädt?

Außerdem würde ich gerne wissen wie ich per <a href> Befehle an FHEM senden kann, ohne dass ich extern dort lande
(In der DOKU habe ich irgendwo FHEM/set%20Befehl gesehen, das funktioniert aber ich werde natürlich dorthin verlinkt.)

Ich habe per iframe FLOORPLANs eingebunden aber wenn ich das für jedes Device mache kille ich meinen Bananen-Pi aufgrund des Longpolls.

[rudolfkoenig]

Was ist ein HTML Frontend?

Fuer die anderen Fragen sind die Antworte longpoll und XHR, beides mit JavaScript.
Das sind Grundlagen, und werden anderswo viel besser erklaert.

[lukasbastelpeter]

Was ist ein HTML Frontend?

Naja, wahrscheinlich falsche bezeichnet
Ich habe mir ein HTML-OnePage-Template gesucht und versuche nun FHEM damit zu verheiraten...

[lukasbastelpeter]

Hallo noch mal,

ich habe jetzt ein bisschen gegoogelt und rumprobiert.

Leider werde ich nicht weiter schlau....
Ich habe nun eine Lösung, wie im Wiki beschrieben
(http://www.fhemwiki.de/wiki/Grundriss_mit_fhem-buttons)
Also zb:

Code Auswählen Erweitern

<img src="http://XXX/fhem/icons/Zuhause" height="80" width="80" id="home">
Wenn ich jetzt etwas an dem Status ändere, sollte sich das Icon eigentlich ändern.
Allerdings möchte ich aufgrund des Onepage-Layouts ungern die ganze Seite refreshen.
Longpoll habe natürlich aktiviert. Das funktioniert aber nicht so wie ich es mir vorstelle.
Muss ich noch etwas einbinden? Oder sollte das nativ funktionieren?

[lukasbastelpeter]

.... Stößt quasi in dieses Horn:
http://forum.fhem.de/index.php/topic,14342.msg90825.html#msg90825

ist das in dem o.g. Tutorial nicht mehr aktuell?

[UliM]

...und warum baust Du Dir nicht nen floorplan? der erzeugt die html-seite dynamisch, immer mit den richtigen icons usw.
Unnd longpoll kann der auch.
=8-)

[rudolfkoenig]

Wenn ich jetzt etwas an dem Status ändere, sollte sich das Icon eigentlich ändern.

Warum denn? Es wuerde sich aendern, wenn man dem Browser sagen wuerde, das Bild erneut abzuholen, das hat aber keiner getan. Bitte JavaScript und longpoll Grundlagen durchlesen.

[lukasbastelpeter]

Zitat
Wenn ich jetzt etwas an dem Status ändere, sollte sich das Icon eigentlich ändern.
Warum denn? Es wuerde sich aendern, wenn man dem Browser sagen wuerde, das Bild erneut abzuholen, das hat aber keiner getan. Bitte JavaScript und longpoll Grundlagen durchlesen.

... Weils in dem Tutorial steht ....

Wie gesagt, ich habe die letzten Tage gesucht wie verrückt.... Leider finde ich einfach nichts auf meinem Niveau zu den genannten Themen.


Mir einen Floorplan bauen habe ich schon versucht, ich möchte allerdings die vorteile eines responsible-onepage-html-template nutzen. inkl. schon gemachter Designarbeit....

[infeliz]

schau mal hier!

http://forum.fhem.de/index.php/topic,13070.msg79857.html#msg79857

[Blackcat]

Wenn es um responsive Fhem geht, wäre vielleicht mein Style was für dich. Link ist in der Sig.