README.md angepasst
This commit is contained in:
parent
cca9e21d08
commit
275234abd8
1 changed files with 10 additions and 7 deletions
17
README.md
17
README.md
|
@ -9,11 +9,12 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht
|
||||||
* uhr.css
|
* uhr.css
|
||||||
* Binde zusätzlich mindestens eine der folgenden CSS-Dateien im HTML ein, je nach dem, welche Farben deine Uhr unterstützen soll:
|
* Binde zusätzlich mindestens eine der folgenden CSS-Dateien im HTML ein, je nach dem, welche Farben deine Uhr unterstützen soll:
|
||||||
* uhr-black.css
|
* uhr-black.css
|
||||||
* uhr-blue.css
|
|
||||||
* uhr-green.css
|
|
||||||
* uhr-red.css
|
* uhr-red.css
|
||||||
* uhr-white.css
|
* uhr-yellow.css
|
||||||
|
* uhr-green.css
|
||||||
|
* uhr-blue.css
|
||||||
* uhr-pink.css
|
* uhr-pink.css
|
||||||
|
* uhr-white.css
|
||||||
|
|
||||||
Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS-Klasse des Themes definiert. Optional kann mit `data-name` ein im Dropdown anzuzeigender Name angegeben werden. Beispiel:
|
Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS-Klasse des Themes definiert. Optional kann mit `data-name` ein im Dropdown anzuzeigender Name angegeben werden. Beispiel:
|
||||||
|
|
||||||
|
@ -25,7 +26,7 @@ Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS-
|
||||||
* Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt.
|
* Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt.
|
||||||
* jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden)
|
* jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden)
|
||||||
* uhr.js
|
* uhr.js
|
||||||
* Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
|
* Binde mindestens eine der folgenden Javascript-Dateien im HTML nach uhr.js ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
|
||||||
* uhr-de_CH.js
|
* uhr-de_CH.js
|
||||||
* uhr-de_CH_genau.js
|
* uhr-de_CH_genau.js
|
||||||
* uhr-de.js
|
* uhr-de.js
|
||||||
|
@ -33,7 +34,7 @@ Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS-
|
||||||
* uhr-fr.js
|
* uhr-fr.js
|
||||||
* uhr-it.js
|
* uhr-it.js
|
||||||
|
|
||||||
`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. "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Ü").
|
||||||
|
|
||||||
2. Uhr-Element im HTML-Dokument einfügen
|
2. Uhr-Element im HTML-Dokument einfügen
|
||||||
----------------------------------------
|
----------------------------------------
|
||||||
|
@ -55,6 +56,8 @@ Damit wird eine Uhr in der Standardkonfiguration erzeugt. Das heisst:
|
||||||
* Die Uhr ist eingeschaltet
|
* Die Uhr ist eingeschaltet
|
||||||
* Die Bedienelemente werden angezeigt
|
* Die Bedienelemente werden angezeigt
|
||||||
|
|
||||||
|
Mit den Bedienelementen kannst du die Uhr ein- und ausschalten sowie Sprache und Farbe wechseln.
|
||||||
|
|
||||||
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
|
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
|
||||||
|
|
||||||
Es kann natürlich auch eine Collection von Elementen übergeben werden. Mit
|
Es kann natürlich auch eine Collection von Elementen übergeben werden. Mit
|
||||||
|
@ -69,8 +72,8 @@ Der uhr()-Methode kann ein Options-Objekt mitgegeben werden:
|
||||||
|
|
||||||
jQuery('#uhrcontainer').uhr({
|
jQuery('#uhrcontainer').uhr({
|
||||||
status: 'on', // 'on' (default) oder 'off'
|
status: 'on', // 'on' (default) oder 'off'
|
||||||
theme: 'black', // 'black' (default), 'red', 'blue', 'green' oder 'white'
|
theme: 'black', // 'black' (default), 'red', 'yellow', 'green', 'blue', 'pink' oder 'white'
|
||||||
language: 'de_CH', // 'de_CH' (default), 'de' oder 'en' (je nach eingebundenen Sprachdateien)
|
language: 'de_CH', // 'de_CH' (default), 'de_CH_genau', 'de', 'en', 'fr' oder 'it' (je nach eingebundenen Sprachdateien)
|
||||||
width: '100%', // eine CSS-Grössenangabe (default: 100%)
|
width: '100%', // eine CSS-Grössenangabe (default: 100%)
|
||||||
force: false, // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen;
|
force: false, // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen;
|
||||||
// true: immer die angegebene Konfiguration verwenden
|
// true: immer die angegebene Konfiguration verwenden
|
||||||
|
|
Loading…
Reference in a new issue