update documentation in README.md and incremented version in
manifest.appcache
This commit is contained in:
parent
fbf0217719
commit
7be99ce264
2 changed files with 16 additions and 11 deletions
25
README.md
25
README.md
|
@ -5,7 +5,20 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht
|
||||||
|
|
||||||
1. Benötigte Dateien einbinden
|
1. Benötigte Dateien einbinden
|
||||||
------------------------------
|
------------------------------
|
||||||
* Binde folgende Javascript-Dateien im HTML-Dokument ein:
|
* Binde folgende CSS-Datei im HTML-Dokument ein:
|
||||||
|
* uhr.css
|
||||||
|
* 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-blue.css
|
||||||
|
* uhr-green.css
|
||||||
|
* uhr-red.css
|
||||||
|
* uhr-white.css
|
||||||
|
* uhr-pink.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:
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="uhr-black.css" data-class="black" data-name="Schwarz" />
|
||||||
|
|
||||||
|
* Binde nach den CSS-Dateien (wichtig!) folgende Javascript-Dateien im HTML-Dokument ein:
|
||||||
* jquery-2.1.0.min.js (Falls nicht bereits vorhanden)
|
* jquery-2.1.0.min.js (Falls nicht bereits vorhanden)
|
||||||
* jquery-ui-1.10.4.custom.min.js (Falls nicht bereits vorhanden)
|
* jquery-ui-1.10.4.custom.min.js (Falls nicht bereits vorhanden)
|
||||||
* Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt.
|
* Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt.
|
||||||
|
@ -15,14 +28,6 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht
|
||||||
* uhr-de_CH.js
|
* uhr-de_CH.js
|
||||||
* uhr-de.js
|
* uhr-de.js
|
||||||
* uhr-en.js
|
* uhr-en.js
|
||||||
* Binde folgende CSS-Dateien im HTML-Dokument ein:
|
|
||||||
* uhr.css
|
|
||||||
* uhr-black.css
|
|
||||||
* uhr-blue.css
|
|
||||||
* uhr-green.css
|
|
||||||
* uhr-red.css
|
|
||||||
* uhr-white.css
|
|
||||||
* Die möglichen Themes (Farbschemata) sind im Moment noch hartcodiert, deshalb sollten alle Dateien eingebunden werden.
|
|
||||||
|
|
||||||
2. Uhr-Element im HTML-Dokument einfügen
|
2. Uhr-Element im HTML-Dokument einfügen
|
||||||
----------------------------------------
|
----------------------------------------
|
||||||
|
@ -39,7 +44,7 @@ Initialisiere die Uhr mit einer einzigen Zeile Javascript:
|
||||||
Damit wird eine Uhr in der Standardkonfiguration erzeugt. Das heisst:
|
Damit wird eine Uhr in der Standardkonfiguration erzeugt. Das heisst:
|
||||||
|
|
||||||
* Breite ist 100% des Eltenelements
|
* Breite ist 100% des Eltenelements
|
||||||
* Farbe ist Schwarz
|
* Farbe ist diejenige des ersten eingebundenen Theme-Stylesheets.
|
||||||
* Sprache ist Bärndütsch
|
* Sprache ist Bärndütsch
|
||||||
* Die Uhr ist eingeschaltet
|
* Die Uhr ist eingeschaltet
|
||||||
* Die Bedienelemente werden angezeigt
|
* Die Bedienelemente werden angezeigt
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
CACHE MANIFEST
|
CACHE MANIFEST
|
||||||
# 5.0.2
|
# 5.1
|
||||||
|
|
||||||
COPYING
|
COPYING
|
||||||
README.md
|
README.md
|
||||||
|
|
Loading…
Reference in a new issue