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

toggle-switch auch farbig, und vorallem pro uhr

Browse source
This commit is contained in:
Manuel Friedli 2013-11-28 09:57:50 +01:00
parent 4f796107bc
commit 77c660fcff
7 changed files with 43 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

26
index.html
View file

@ -20,35 +20,21 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript" src="uhr.js"></script>
<link rel="stylesheet" type="text/css" href="uhr.css" />
<link rel="stylesheet" type="text/css" href="uhr-black.css" id="theme" />
<link rel="stylesheet" type="text/css" href="uhr-black.css" />
<link rel="stylesheet" type="text/css" href="uhr-blue.css" />
<link rel="stylesheet" type="text/css" href="uhr-green.css" />
<link rel="stylesheet" type="text/css" href="uhr-red.css" />
<link rel="stylesheet" type="text/css" href="uhr-white.css" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="uhr" class="uhr"></div>
<select id="themeswitcher">
<option value="black">Schwarz</option>
<option value="red">Rot</option>
<option value="blue">Blau</option>
<option value="green">Grün</option>
<option value="white">Weiss</option>
</select>
<p id="disclaimer">Created by fritteli, 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.js"></script>
<script type="text/javascript" src="uhr-en.js"></script>
<script type="text/javascript">
var uhr = new Uhr($('#uhr'), $('#theme'));
$(document).ready(function() {
$('#themeswitcher').on('change', function() {
uhr.setTheme(this.value);
});
var theme = $.cookie('theme');
if (theme === undefined || theme == 'undefined') {
theme = 'black';
}
$('#themeswitcher').val(theme);
uhr.setTheme(theme);
});
var uhr = new Uhr($('#uhr'));
</script>
</body>
</html>