Uhr auf FHEM-Seite - Versionsgeschichte

Trelle: /* Links */ Link ergänzt

2018-01-12T18:23:20Z

Links: Link ergänzt

← Nächstältere Version		Version vom 12. Januar 2018, 20:23 Uhr
Zeile 29:		Zeile 29:
	== Links ==		== Links ==
	* Eine weitere Möglichkeit, auf der FHEM-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben		* Eine weitere Möglichkeit, auf der FHEM-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben
	* Und noch eine Möglichkeit, auf der FHEM-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=53286\|LinkText=diesem Forenthread}} beschrieben		* Und noch eine Möglichkeit (PTB/Bahnhofsuhr), auf der FHEM-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=53286\|LinkText=diesem Forenthread}} beschrieben
			* Eine clock.js inkl. f18 für die Bahnhofsuhr {{Link2Forum\|Topic=53286\|Message=449780\|LinkText= aus diesem Beitrag}} gibt es {{Link2Forum\|Topic=53286\|Message=746696\|LinkText= in diesem Beitrag}}

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]

Burny4600: Verzeichnis der Dateien hinterlegt

2017-07-24T16:27:25Z

Verzeichnis der Dateien hinterlegt

← Nächstältere Version		Version vom 24. Juli 2017, 18:27 Uhr
Zeile 2:		Zeile 2:

	Dazu sind - bei Verwendung von pgm2 - folgende Schritte vorzunehmen.		Dazu sind - bei Verwendung von pgm2 - folgende Schritte vorzunehmen.
			Im Verzeichnis /fhem/www/pgm2 sind die zu ändernden Dateien zu finden.

	'''1.Modifikation der Datei svg.js'''Ans Ende wird der folgende Code gestellt:		'''1.Modifikation der Datei svg.js'''Ans Ende wird der folgende Code gestellt:

Krikan: FHEM(R)

2017-01-26T22:40:50Z

FHEM(R)

← Nächstältere Version		Version vom 27. Januar 2017, 00:40 Uhr
Zeile 27:		Zeile 27:

	== Links ==		== Links ==
	* Eine weitere Möglichkeit, auf der ~~Fhem~~-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben		* Eine weitere Möglichkeit, auf der FHEM-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben
	* Und noch eine Möglichkeit, auf der ~~Fhem~~-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=53286\|LinkText=diesem Forenthread}} beschrieben		* Und noch eine Möglichkeit, auf der FHEM-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=53286\|LinkText=diesem Forenthread}} beschrieben

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]

Justme am 11. Mai 2016 um 21:46 Uhr

2016-05-11T21:46:04Z

← Nächstältere Version		Version vom 11. Mai 2016, 23:46 Uhr
Zeile 28:		Zeile 28:
	== Links ==		== Links ==
	* Eine weitere Möglichkeit, auf der Fhem-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben		* Eine weitere Möglichkeit, auf der Fhem-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben
			* Und noch eine Möglichkeit, auf der Fhem-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=53286\|LinkText=diesem Forenthread}} beschrieben

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]

Ph1959de: Link auf ähnlichen Forenthread eingefügt

2015-01-26T19:29:57Z

Link auf ähnlichen Forenthread eingefügt

← Nächstältere Version		Version vom 26. Januar 2015, 21:29 Uhr
Zeile 25:		Zeile 25:
	}</nowiki>		}</nowiki>
	Selbstverständlich kann man hier noch verschiedene eigene Attribute einbauen, etwa die Farbe und Schriftgröße an eigene Wünsche anpassen.		Selbstverständlich kann man hier noch verschiedene eigene Attribute einbauen, etwa die Farbe und Schriftgröße an eigene Wünsche anpassen.

			== Links ==
			* Eine weitere Möglichkeit, auf der Fhem-Seite eine Uhr darzustellen, wird in {{Link2Forum\|Topic=31912\|LinkText=diesem Forenthread}} beschrieben

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]

Markusbloch am 11. Mai 2013 um 22:38 Uhr

2013-05-11T22:38:29Z

← Nächstältere Version		Version vom 12. Mai 2013, 00:38 Uhr
Zeile 25:		Zeile 25:
	}</nowiki>		}</nowiki>
	Selbstverständlich kann man hier noch verschiedene eigene Attribute einbauen, etwa die Farbe und Schriftgröße an eigene Wünsche anpassen.		Selbstverständlich kann man hier noch verschiedene eigene Attribute einbauen, etwa die Farbe und Schriftgröße an eigene Wünsche anpassen.

			[[Kategorie:Code Snippets]]

Generix: Die Seite wurde neu angelegt: „Das "lächelnde Haus" ist natürlich das FHEM-Logo. Doch könnte es ja sein, dass eine eher nüchterne Seitendarstellung gewünscht ist, etwa, indem dort eine …“

2013-05-10T20:54:30Z

Die Seite wurde neu angelegt: „Das "lächelnde Haus" ist natürlich das FHEM-Logo. Doch könnte es ja sein, dass eine eher nüchterne Seitendarstellung gewünscht ist, etwa, indem dort eine …“

Neue Seite

Das "lächelnde Haus" ist natürlich das FHEM-Logo. Doch könnte es ja sein, dass eine eher nüchterne Seitendarstellung gewünscht ist, etwa, indem dort eine sekundengenaue Uhr eingeblendet wird.

Dazu sind - bei Verwendung von pgm2 - folgende Schritte vorzunehmen.

'''1.Modifikation der Datei svg.js'''Ans Ende wird der folgende Code gestellt:

<nowiki>function GetClock(){
d = new Date();
nhour = d.getHours();
nmin = d.getMinutes();
if(nmin <= 9){nmin="0"+nmin}
document.getElementById('logo').innerHTML=nhour+":"+nmin;
setTimeout("GetClock()", 1000);
}
window.onload=GetClock;</nowiki>
Selbstverständlich könnte man die Anzeige auf Sekunden ausdehnen, oder noch etwas komplizierter gestalten - der obige Code soll nur als Beispiel dienen. Auch erfolgt die Abfrage hier alle 1000 Millisekunden - das kann man bei reduziertern Genauigkeitsanforderungen auch heraufsetzen.

'''2. Modifikation der Datei style.css'''(bzw. von <xxx>style.css, wenn man einen anderen als den Default-Style verwendet)

Der Selektor für den Bereich des Logos wird ausgetauscht gegen:

<nowiki>#logo { position:fixed; top:30px; left:20px;
width:100px; height:105px; text-align:center;
font-family:Times-Roman; font-size:xx-large; font-weight:bold;
}</nowiki>
Selbstverständlich kann man hier noch verschiedene eigene Attribute einbauen, etwa die Farbe und Schriftgröße an eigene Wünsche anpassen.