manuel/uhr
1
0
Fork 0
Code Issues 5 Pull requests Releases Wiki Activity

markdown fixes

Browse source
This commit is contained in:
Manuel Friedli 2014-01-09 22:22:43 +01:00
parent 20c8c7d681
commit bb6a3cdc8e
1 changed files with 24 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
README.md
View file

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