Go to file
Manuel Friedli 51ef836805 Merge branch 'develop' of /var/lib/git/repositories/manuel/uhr 2013-11-30 19:37:15 +01:00
.gitignore erster entwurf einer sprachabhängigen inhaltsdefinition 2013-11-24 19:31:14 +01:00
.htaccess added files for v1.5.1 2013-11-19 16:55:01 +01:00
COPYING GPL3 hinzugefügt und Lizenztext überall eingefügt 2013-11-27 11:12:50 +01:00
README Lizenz zum readme getan 2013-11-30 19:29:18 +01:00
index.html grösse lässt sich nun konfigurieren 2013-11-30 18:51:43 +01:00
jquery-2.0.3.min.js added files for v1.5.1 2013-11-19 16:55:01 +01:00
jquery.cookie.js jquery.cookie.js hinzugefügt 2013-11-25 14:20:58 +01:00
manifest.appcache manifest aktualisiert 2013-11-30 19:03:18 +01:00
uhr-black.css nur INaktive buchstaben überschreiben im CSS 2013-11-28 11:11:23 +01:00
uhr-blue.css nur INaktive buchstaben überschreiben im CSS 2013-11-28 11:11:23 +01:00
uhr-de.js layouts global registrieren, nicht pro uhr 2013-11-27 17:36:05 +01:00
uhr-de_CH.js layouts global registrieren, nicht pro uhr 2013-11-27 17:36:05 +01:00
uhr-en.js layouts global registrieren, nicht pro uhr 2013-11-27 17:36:05 +01:00
uhr-green.css nur INaktive buchstaben überschreiben im CSS 2013-11-28 11:11:23 +01:00
uhr-red.css nur INaktive buchstaben überschreiben im CSS 2013-11-28 11:11:23 +01:00
uhr-white.css weiss vereinfacht 2013-11-28 11:13:52 +01:00
uhr.css grösse lässt sich nun konfigurieren 2013-11-30 18:51:43 +01:00
uhr.js Merge branch 'develop' into feature/releaseready 2013-11-30 19:31:41 +01:00
uhr.woff added files for v1.5.1 2013-11-19 16:55:01 +01:00

README

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.

2. Uhr-Element im HTML-Dokument einfügen

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($('#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($('#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

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
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.