Benutzer-Werkzeuge

Webseiten-Werkzeuge


widgets

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
widgets [2026/01/18 00:43]
smg [Wetter]
widgets [2026/01/18 01:23] (aktuell)
smg [Wetter]
Zeile 118: Zeile 118:
 Durch geschickte Konfiguration kann man es so erreichen, dass bei Klick auf das WetterWidget ein Regenradar-Fenster angezeigt wird.  Durch geschickte Konfiguration kann man es so erreichen, dass bei Klick auf das WetterWidget ein Regenradar-Fenster angezeigt wird. 
  
-//Hinweis:// das Regenradar-GIF gibt es vom Deutschen Wetterdienst. Je nach Wetter kann der Download mehrere Sekunden dauern, und die heruntergeladene Datei bis zu 500 kb groß sein.+//Hinweis:// das Regenradar-GIF gibt es vom Deutschen Wetterdienst. Je nach Wetter kann der Download mehrere Sekunden dauern, und die heruntergeladene Datei bis zu 500 kb groß sein. Insbesondere auf einem Raspberry PI kann das Laden des Regenradar-Bildes ein paar Sekunden dauern. Währenddessen wird ein Platzhalter für das Bild angezeigt.
  
-<file html wettergif.html>+<file html wetterradar.html>
 <html><body bgcolor="white">  <html><body bgcolor="white"> 
 <!-- Überschrift ggfs. anpassen--> <!-- Überschrift ggfs. anpassen-->
 <b><center>Wetterradar</center></b> <b><center>Wetterradar</center></b>
- <center><font size="3">Fenster schlie&szlig;t sich automatisch nach 60 Sekunden.</font></center>+<center><font size="3">Fenster schlie&szlig;t sich automatisch nach 60 Sekunden.</font></center> 
 <!-- Löschen Sie alle Zeilen, die ein nicht benötigtes Bundesland beinhalten, so dass nur noch eine Grafik in der Datei enthalten ist. Diese passt dann problemlos auf die Standardgröße von 540x540 Pixeln in efa.--> <!-- Löschen Sie alle Zeilen, die ein nicht benötigtes Bundesland beinhalten, so dass nur noch eine Grafik in der Datei enthalten ist. Diese passt dann problemlos auf die Standardgröße von 540x540 Pixeln in efa.-->
 <!--Deutschland--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_brd_akt.jpg"></img></center> <!--Deutschland--><center><img src="https://www.dwd.de/DWD/wetter/radar/rad_brd_akt.jpg"></img></center>
Zeile 140: Zeile 141:
 </file> </file>
  
 +===== HTML-Widget =====
 +Das HTML-Widget ist eine sehr flexible Möglichkeit, externe Inhalte in efa anzuzeigen.
 +Es können beliebig viele HTML-Widgets in efa angezeigt werden. 
 +
 +Das HTML-Widget kann Textdateien oder HTML-Seiten anzeigen. Diese können sich auf der lokalen Festplatte oder aber auch auf einem Webserver befinden, der über http/https erreichbar ist.
 +
 +Es ist gängige Praxis, mithilfe von PHP-Scripten Daten aus anderen Formaten in eine Grafik oder eine HTML-Seite zu "Rendern", und dann diese Datei in efa anzuzeigen. Auf diesem Weg lassen sich Pegelinformationen von pegelonline.de in efa anzeigen.
 +
 +//Einschränkungen//
 +Das HTML-Widget unterstützt ein eingeschränktes Subset von HTML5 und CSS. Javascript oder komplexe Layouts werden nicht unterstützt. Tabellen und einfache Formatierungen funktionieren. Ebenso kann man ein HTML-Widget verwenden, um eine Grafik anzuzeigen.
 +
 +//Hinweise zum Speicherverbrauch//
 +Je mehr Widgets konfiguriert sind, und je komplexer deren Gestaltung ist, um so mehr Arbeitsspeicher wird verwendet. efa ist ab der Version 2.5.0 so konfiguriert, dass die Java VM bis zu 192 MB RAM nutzen kann. 
 +Dies kann in sehr umfangreichen Konfigurationen mit vielen Fahrtenbüchern und efaCloud zu wenig sein, und muss durch Anpassung der Startdateien runefa.sh (Linux) und runefa.bat (Windows) behoben werden.
 +
 +
 +{{ :config_widget_html.png?direct&500 |}}
 +
 +** HTML-Widget aktivieren **\\
 +Schaltet alle konfigurierten HTML-Widgets ein oder aus.
 +
 +** Aktualisierungsintervall (Sekunden)**\\
 +Dies legt das Intervall fest, mit dem die HTML-Seiten von der Festplatte bzw. aus dem Internet heruntergeladen und aktualisiert werden. Während des Downloads der Seiten kann der Anwender mit efa weiterarbeiten, so dass auch viele HTML-Widgets über eine langsame Internetverbindung keine Einschränkung darstellen sollten
 +
 +Der Standardwert 3600 Sekunden bedeutet, dass die Aktualisierung jede Stunde erfolgt. Dies ist für die meisten Anwendungsszenarien mehr als ausreichend.
 +
 +** HTML-Seite anzeigen **\\ 
 +Jede einzelne HTML-Seite kann einzeln ein- und ausgeschaltet werden.\\
 +Dies ist vorteilhaft, wenn man eine bestimmte HTML-Seite nur für eine beschränkte Zeit anzeigen möchte (z.B. einen temporären Warnhinweis), und diesen nicht immer wieder löschen und von neuem konfigurieren möchte.
 +Dann entfernt man einfach den Haken aus dem Ankreuzkästchen, und die Seite wird nicht mehr angezeigt.
 +
 +** Beschriftung **\\
 +Die Beschriftung wird als Überschrift im HTML-Panel angezeigt. Ist eine Beschriftung gesetzt, wird in dem HTML-Widget auch ein "Maximieren"-Icon dargestellt (sonst nicht). Klickt der Anwender auf die Überschrift im HTML-Widget, wird dessen Inhalt in einem neuen Fenster mit fester Größe (540x540) angezeigt. Das Fenster schließt sich nach 90 Sekunden Anzeigedauer automatisch.
 +
 +** URL **\\
 +Dies kann eine Datei auf der lokalen Festplatte sein, oder eine über http/https erreichbare Webseite.
 +
 +** HTTP-Caching vewenden **\\
 +Moderne Webserver können melden, ob sich die angefragte Webseite seit dem letzten Aufruf verändert hat. Efa kann diese Information auswerten und lädt nur dann tatsächlich die Inhalte herunter, wenn sie sich geändert haben. Hierdurch kann Datentransfer gespart werden.
 +
 +Diese Einstellung funktioniert nicht mit jeder Webseite; man muss es im Zweifelsfall einfach ausprobieren.
 +
 +
 +** Breite/Höhe **\\
 +Legt die Breite und Höhe des Widgets fest. Efa wird das Widget aber ggfs. automatisch vergrößern:
 +  * alle Widgets im Multiwidget teilen eine gemeinsame Größe. Das größte Widget setzt darin die Vorgabe.               \\ \\ Sind also zwei HTML-Widgets im Multiwidget, eines davon 100x100 und das zweite 150x80, so werden beide Widgets mit 150x100 Pixeln angezeigt. Dies geschieht aus optischen und technischen Gründen.
 +  * alle Widgets am linken/rechten Rand teilen sich eine gemeinsame Breite. Dabei setzt das Widget mit der größten Breite den Rahmen.\\ \\ Die Widgets am linken/rechten Rand werden jeweils gestreckt, bis die gesamte Höhe  des Fensters ausgefüllt ist.
 +  * alle Widgets am oberen/unteren Rand teilen sich eine gemeinsame Höhe. Dabei setzt das Widget mit der größten Höhe den Rahmen.\\ \\ Die Widgets am oberen/unteren Rand werden jeweils in der Breite gestreckt, bis die gesamte Breite des Efa-Fensters ausgefüllt ist.
 +
 +** Skalierung **\\
 +Hiermit kann die Größe der dargestellten Inhalte vergrößert oder verkleinert werden "Zoom"
 +
 +** Eigene Farben verwenden**\\
 +Sofern die geladene HTML-Seite keine eigenen Vorgaben Schrift- und Hintergrundsfarbe macht, kann man hier seine eigenen Wünsche konfigurieren.
  
 +Gerade wenn man mehrere HTML-Widgets in efa anzeigt, kann man durch eine besondere Farbgebung die Aufmerksamkeit des Anwenders steuern.
widgets.1768693415.txt.gz · Zuletzt geändert: 2026/01/18 00:43 von smg