<head><head>
+ Hallo, Besucher!
-Hier gibt's vertiefte Informationen über diese Uhr, die dir sagt, - wie spät es ist. Hier erfährt du, wie du sie selber auf deiner - Website einbauen kannst. Denn das darfst du gerne tun, solange du - dich dabei an die Regeln der Lizenz hältst.
+Hier gibt's vertiefte Informationen über diese Uhr, die dir sagt, wie spät es ist. Hier erfährt du, wie du sie selber + auf deiner Website einbauen kannst. Denn das darfst du gerne tun, solange du dich dabei an die Regeln der Lizenz hältst.
Das interessiert mich nicht, ich will zurück zur grossen Uhr!
<head>Zum Inhalt<head>Zum
+ InhaltFüge folgende Zeilen im Füge folgende Zeilen im Von den Stylesheets zwingend ist Von den Stylesheets zwingend ist Definiere an der Stelle, wo die Uhr angezeigt werden soll, ein leeres Definiere im HTML-Dokument ( Definiere im HTML-Dokument ( Die Uhr wird so in der Standardkonfiguration angezeigt, das heisst: Berndeutsche Sprache, in der Farbe der ersten eingebundenen CSS-Datei (im
- Beispiel also Schwarz), eingeschaltet, Breite 100% des Elternelementes. Wenn dies nicht deinen Bedürfnissen entspricht, lässt sich die Uhr wie im
- folgenden Abschnitt beschrieben konfigurieren. Die Konfiguration wird der Die Uhr wird so in der Standardkonfiguration angezeigt, das heisst: Berndeutsche Sprache, in der Farbe der ersten
+ eingebundenen CSS-Datei (im Beispiel also Schwarz), eingeschaltet, Breite 100% des Elternelementes. Wenn dies
+ nicht deinen Bedürfnissen entspricht, lässt sich die Uhr wie im folgenden Abschnitt beschrieben konfigurieren.
+ Die Konfiguration wird der Es existieren die folgenden Konfigurationsoptionen: Programmiert von Manuel Friedli mit Inspiration von QLOCKTWO. Programmiert von Manuel Friedli mit Inspiration von QLOCKTWO. Der Quellcode ist frei zugänglich unter https://gittr.ch/manuel/uhr. Der komplette Sourcecode ist unter der GNU GPL 3.0 lizenziert und darf nach deren Vorgaben verwendet, kopiert, weitergegeben und verändert werden.
- Die GNU GPL 3.0 findest Du unter folgendem Link: GNU GPL 3.0. Und direkt hier: Der komplette Sourcecode ist unter der GNU GPL 3.0 lizenziert und darf nach deren Vorgaben verwendet, kopiert,
+ weitergegeben und verändert werden. Die GNU GPL 3.0 findest Du unter folgendem Link: GNU GPL 3.0. Und direkt hier:<head>-Tag deines HTML-Dokumentes ein. Beachte dabei, dass die CSS-Dateien vor den
+<head>-Tag deines HTML-Dokumentes ein. Beachte dabei, dass die
+ CSS-Dateien vor den
Javascript eingebunden werden.
<link rel="stylesheet" type="text/css" href="uhr.css" />
<link rel="stylesheet" type="text/css" href="uhr-black.css" data-class="black" data-name="Schwarz" />
@@ -108,12 +112,14 @@ along with this program. If not, see
uhr.css und mindestens eines der Farbschema-Stylesheets. Die Attribute data-class bzw.
- data-name definieren dabei die im Stylesheet deklarierte Klasse bzw. den im Auswahlmenu anzuzeigenden Namen. Der Name kann frei
- gewählt werden, die Style-Klasse muss mit der im Stylesheet definierten übereinstimmen.uhr.css und mindestens eines der Farbschema-Stylesheets. Die
+ Attribute data-class bzw. data-name definieren dabei die im Stylesheet deklarierte
+ Klasse bzw. den im Auswahlmenu anzuzeigenden Namen. Der Name kann frei gewählt werden, die Style-Klasse muss mit
+ der im Stylesheet definierten übereinstimmen.uhr-de_CH_genau.js ist eine Variante von Berndeutsch, bei der zur vollen Stunde zusätlich das Wort genau
- angezeigt wird (also z.B. um 15:00 Uhr ES ISCH GENAU DRÜ).uhr-de_CH_genau.js ist eine Variante von Berndeutsch, bei der zur vollen Stunde zusätlich das Wort genau angezeigt wird (also z.B. um 15:00 Uhr ES ISCH GENAU
+ DRÜ).Uhr-Element auf der SeiteZum Inhalt
<div>-Element:
@@ -121,7 +127,8 @@ along with this program. If not, see Uhr initialisierenZum Inhalt
-<head> oder <body>) ein Javascript-Snippet, um die Uhr zu initialisieren:
+<head> oder <body>) ein Javascript-Snippet, um die
+ Uhr zu initialisieren:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#meine-uhr').uhr();
@@ -129,10 +136,10 @@ along with this program. If not, see
.uhr()-Methode als JSON-Objekt übergeben, beispielsweise
- so:
+.uhr()-Methode als JSON-Objekt übergeben, beispielsweise so:
jQuery('#uhr').uhr({
width: '200px',
theme: 'red'
@@ -143,40 +150,47 @@ along with this program. If not, see
-
width'50%', '120px' oder '2.8em'. Die Höhe passt sich automatisch
- der Breite an, so dass die Uhr immer quadratisch ist.
+ autoresizetrue oder false.
+
Typ: boolean
+
Default: truecontrolstrue oder false.
+
Typ: boolean
+
Default: trueforcetrue (Konfiguration
+ überschreibt Cookie-Werte) oder false (Cookie-Werte haben Vorrang).
+
Typ: boolean
+
Default: falselanguage
Typ: String
-
Default: '100%'
Default: 'de_CH'
+ mode'normal' (aktuelle Zeit in Worten anzeigen als "ES IST VIER
+ UHR") oder 'seconds' (aktuelle Sekunden als grosse Ziffern anzeigen).
+
Typ: String
+
Default: 'normal'status'on' oder 'off'
Typ: String
Default: 'on'language
Typ: String
-
Default: 'de_CH'theme
Typ: String
Default: Farbe der ersten eingebundenen CSS-Datei
forcetrue (Konfiguration überschreibt Cookie-Werte) oder false (Cookie-Werte haben
- Vorrang).
-
Typ: boolean
-
Default: falsecontrolstrue
- oder false.
-
Typ: boolean
-
Default: trueautoresizetrue oder false.
-
Typ: boolean
-
Default: truewidth'50%', '120px' oder '2.8em'.
+ Die Höhe passt sich automatisch der Breite an, so dass die Uhr immer quadratisch ist.
+
Typ: String
+
Default: '100%'InformationenZum Inhalt
-
- Diese Uhr ist aus Freude am Programmieren und am Konzept einer die Zeit in Worten ausdrückenden Uhr entstanden. Sollte daraus jemandem Schaden
- oder ein gravierender Nachteil erwachsen, so soll sich diese Person bei mir melden und wir werden bestimmt eine Lösung finden, die für alle
- beteiligten angemessen ist. Allen anderen Personen wünsche ich viel Freude mit der Zeit im Wort.
+ Diese Uhr ist aus Freude am Programmieren und am Konzept einer die Zeit in Worten ausdrückenden Uhr entstanden.
+ Sollte daraus jemandem Schaden oder ein gravierender Nachteil erwachsen, so soll sich diese Person bei mir melden
+ und wir werden bestimmt eine Lösung finden, die für alle beteiligten angemessen ist. Allen anderen Personen
+ wünsche ich viel Freude mit der Zeit im Wort.LizenzbestimmungenZum Inhalt
-GNU GENERAL PUBLIC LICENSE
@@ -904,6 +933,7 @@ along with this program. If not, see