more fixes

This commit is contained in:
Manuel Friedli 2014-01-09 22:25:35 +01:00
parent bb6a3cdc8e
commit 77fd7aa805
1 changed files with 35 additions and 43 deletions

View File

@ -4,52 +4,44 @@ Bärneruhr
Du willst Bärneruhr auf deiner Website verwenden? Das geht ganz einfach.
1. Benötigte Dateien einbinden
* Binde folgende Javascript-Dateien im HTML-Dokument ein:
* jquery-2.0.3.min.js (Falls nicht bereits vorhanden)
* jquery.cookie.js (Falls nicht bereits vorhanden)
* uhr.js
* Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
* uhr-de_CH.js
* uhr-de.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.
* Binde folgende Javascript-Dateien im HTML-Dokument ein:
* jquery-2.0.3.min.js (Falls nicht bereits vorhanden)
* jquery.cookie.js (Falls nicht bereits vorhanden)
* uhr.js
* Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
* uhr-de_CH.js
* uhr-de.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
Erstelle ein leeres <div> mit einer ID:
`<div id="meineuhr"></div>`
Erstelle ein leeres <div> mit einer ID:
`<div id="meineuhr"></div>`
3. Uhr per Javascript konfigurieren
Initialisiere die Uhr mit einer einzigen Zeile Javascript:
`new Uhr(jQuery('#meineuhr'));`
Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet.
Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst:
* Breite ist 100% des Eltenelements
* Farbe ist Schwarz
* Sprache ist Bärndütsch
* Die Uhr ist eingeschaltet
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt
Initialisiere die Uhr mit einer einzigen Zeile Javascript:
`new Uhr(jQuery('#meineuhr'));`
Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet.
Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst:
* Breite ist 100% des Eltenelements
* Farbe ist Schwarz
* Sprache ist Bärndütsch
* Die Uhr ist eingeschaltet
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
4. Weitere Optionen
Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden:
`new Uhr(jQuery('#uhrcontainer'), {
status: 'on', // 'on' oder 'off'
theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'
layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien
width: '20em' // eine CSS-Grössenangabe
});`
Viel Spass!
Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden:
`new Uhr(jQuery('#uhrcontainer'), {`
` status: 'on', // 'on' oder 'off'`
` theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'`
` layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien`
` width: '20em' // eine CSS-Grössenangabe`
`});`
Viel Spass!
A. Lizenzbestimmungen