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

Merge branch 'develop' into feature/splashscreen

Browse source
This commit is contained in:
Manuel Friedli 2014-06-19 23:58:07 +02:00
commit 5ccc66da8c
5 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
README.md
View file

@ -6,8 +6,8 @@ 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 Javascript-Dateien im HTML-Dokument ein:
* jquery-2.0.3.min.js (Falls nicht bereits vorhanden) * jquery-2.1.0.min.js (Falls nicht bereits vorhanden)
* jquery-ui-1.10.3.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.
* jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden) * jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden)
* uhr.js * uhr.js
@ -29,6 +29,7 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht
Erstelle ein leeres `<div>` mit einer ID: Erstelle ein leeres `<div>` mit einer ID:
<div id="uhrcontainer"></div> <div id="uhrcontainer"></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:
@ -49,7 +50,7 @@ Es kann natürlich auch eine Collection von Elementen übergeben werden. Mit
jQuery('div').uhr(); jQuery('div').uhr();
würde also jedes `<div>`-Element der Seite in eine Uhr umgewandelt würde also jedes `<div>`-Element der Seite in eine Uhr umgewandelt.
4. Weitere Optionen 4. Weitere Optionen
------------------- -------------------

9
index.html
View file

@ -29,16 +29,15 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<link rel="shortcut icon" type="image/png" href="favicon.png" /> <link rel="shortcut icon" type="image/png" href="favicon.png" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="apple-touch-icon" href="icon.png" /> <link rel="apple-touch-icon" href="icon.png" />
<!-- <link rel="apple-touch-startup-image" href="" />--><!--320x460px--> <link rel="apple-touch-startup-image" href="splash.png" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width,user-scalable=no" /> <meta name="apple-mobile-web-app-title" content="Bärneruhr" />
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1" />
</head> </head>
<body style="padding:0;margin:0;"> <body style="padding:0;margin:0;">
<a href="info/">
<div id="uhr"></div> <div id="uhr"></div>
</a> <p id="disclaimer">Created by <a href="http://www.fritteli.ch/">fritteli</a>, inspired by <a href="http://www.qlocktwo.com/">QLOCKTWO</a>. <a href="info/">Read more!</a></p>
<p id="disclaimer">Created by <a href="http://www.fritteli.ch/">fritteli</a>, inspired by <a href="http://www.qlocktwo.com/">QLOCKTWO</a>.
<script type="text/javascript" src="uhr-de_CH.js"></script> <script type="text/javascript" src="uhr-de_CH.js"></script>
<script type="text/javascript"> <script type="text/javascript">
(function($) { (function($) {

3
manifest.appcache
View file

@ -1,5 +1,5 @@
CACHE MANIFEST CACHE MANIFEST
# 5.0-alpha2 # 5.0-beta
COPYING COPYING
README.md README.md
@ -9,6 +9,7 @@ index.html
jquery-2.1.0.min.js jquery-2.1.0.min.js
jquery-cookie-1.4.0.js jquery-cookie-1.4.0.js
jquery-ui-1.10.4.custom.min.js jquery-ui-1.10.4.custom.min.js
splash.png
uhr-black.css uhr-black.css
uhr-blue.css uhr-blue.css
uhr-de.js uhr-de.js

BIN
splash.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

14
uhr.js
View file

@ -21,7 +21,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
window._uhr = { window._uhr = {
id: 0, id: 0,
languages: new Array() languages: []
}; };
$.widget("fritteli.uhr", { $.widget("fritteli.uhr", {
options: { options: {
@ -196,7 +196,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
e.append('<div class="letterarea"></div>'); e.append('<div class="letterarea"></div>');
e.append('<div class="reflection"></div>'); e.append('<div class="reflection"></div>');
e.css('width', this.options.width); e.css('width', this.options.width);
var realWidth = e.width() var realWidth = e.width();
e.width(realWidth); e.width(realWidth);
e.height(realWidth); e.height(realWidth);
e.css('font-size', (realWidth / 40) + 'px'); e.css('font-size', (realWidth / 40) + 'px');
@ -212,7 +212,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
e.after(toggleSwitch); e.after(toggleSwitch);
// language chooser // language chooser
var languageChooser = $('<select id="uhr-languagechooser' + this._id + '"></select>') var languageChooser = $('<select id="uhr-languagechooser' + this._id + '"></select>');
for (var code in window._uhr.languages) { for (var code in window._uhr.languages) {
if (window._uhr.languages.hasOwnProperty(code)) { if (window._uhr.languages.hasOwnProperty(code)) {
var language = window._uhr.languages[code]; var language = window._uhr.languages[code];
@ -232,7 +232,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
} }
}, },
_wireFunctionality: function() { _wireFunctionality: function() {
var e = this.element;
var uhr = this; var uhr = this;
// on/off switch // on/off switch
@ -307,7 +306,7 @@ UhrRenderer.prototype.render = function(uhr, beforeshow) {
} }
renderer.renderarea.fadeIn('fast'); renderer.renderarea.fadeIn('fast');
}); });
} };
/** /**
* Ein Buchstabe. Hilfsklasse für den Renderer und Inhalt der Layout-Arrays. * Ein Buchstabe. Hilfsklasse für den Renderer und Inhalt der Layout-Arrays.
* @param value Der Buchstabe, der Dargestellt werden soll. * @param value Der Buchstabe, der Dargestellt werden soll.
@ -318,18 +317,19 @@ function Letter(value, style) {
this.style = style || ''; this.style = style || '';
this.getStyle = function() { this.getStyle = function() {
return 'item letter ' + style; return 'item letter ' + style;
} };
this.getValue = function() { this.getValue = function() {
return value; return value;
} }
} }
Letter.prototype.toString = function letterToString() { Letter.prototype.toString = function letterToString() {
return '<span class="' + this.getStyle() + '">' + this.getValue() + '</span>'; return '<span class="' + this.getStyle() + '">' + this.getValue() + '</span>';
} };
/** /**
* Hilfsfunktion, um einen Buchstaben zu erzeugen. * Hilfsfunktion, um einen Buchstaben zu erzeugen.
* *
* @param letter string: Der Buchstabe, der angezeigt werden soll * @param letter string: Der Buchstabe, der angezeigt werden soll
* @param style string: CSS-Klasse(n) als String
* @example l('I', 'is') erzeugt den Buchstaben 'I' mit der CSS-Styleklasse 'is' * @example l('I', 'is') erzeugt den Buchstaben 'I' mit der CSS-Styleklasse 'is'
*/ */
function l(letter, style) { function l(letter, style) {