This commit is contained in:
Manuel Friedli 2014-01-09 22:58:01 +01:00
parent db8ca7e394
commit 34369f3f89

View file

@ -4,47 +4,59 @@ 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: ------------------------------
* jquery-2.0.3.min.js (Falls nicht bereits vorhanden) * Binde folgende Javascript-Dateien im HTML-Dokument ein:
* jquery.cookie.js (Falls nicht bereits vorhanden) * jquery-2.0.3.min.js (Falls nicht bereits vorhanden)
* uhr.js * jquery.cookie.js (Falls nicht bereits vorhanden)
* Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll: * uhr.js
* 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 * Binde folgende CSS-Dateien im HTML-Dokument ein:
* uhr-black.css * uhr.css
* uhr-blue.css * uhr-black.css
* uhr-green.css * uhr-blue.css
* uhr-red.css * uhr-green.css
* uhr-white.css * uhr-red.css
* Die möglichen Themes (Farbschemata) sind im Moment noch hartcodiert, deshalb sollten alle Dateien eingebunden werden. * 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: ----------------------------------------
`<div id="meineuhr"></div>` Erstelle ein leeres `<div>` mit einer ID:
<div id="meineuhr"></div>
3. Uhr per Javascript konfigurieren 3. Uhr per Javascript konfigurieren
Initialisiere die Uhr mit einer einzigen Zeile Javascript: -----------------------------------
`new Uhr(jQuery('#meineuhr'));` Initialisiere die Uhr mit einer einzigen Zeile Javascript:
Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet.
Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst: new Uhr(jQuery('#meineuhr'));
* Breite ist 100% des Eltenelements
* Farbe ist Schwarz Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet. Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst:
* Sprache ist Bärndütsch
* Die Uhr ist eingeschaltet * Breite ist 100% des Eltenelements
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt. * 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 4. Weitere Optionen
Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden: -------------------
`new Uhr(jQuery('#uhrcontainer'), {` Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden:
` status: 'on', // 'on' oder 'off'`
` theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'` new Uhr(jQuery('#uhrcontainer'), {
` layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien` status: 'on', // 'on' oder 'off'
` width: '20em' // eine CSS-Grössenangabe` theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'
`});` layout: 'en', // 'de_DE', 'de' oder 'en' (je nach eingebundenen Sprachdateien)
Viel Spass! width: '20em' // eine CSS-Grössenangabe
});
Viel Spass!
A. Lizenzbestimmungen A. Lizenzbestimmungen
=====================
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or the Free Software Foundation, either version 3 of the License, or