156 lines
6.8 KiB
Java
156 lines
6.8 KiB
Java
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>jDigiClock - Digital Clock (HTC Hero inspired).</title>
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
|
|
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('#digiclock').jdigiclock();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="wrap">
|
|
<h1>jDigiClock</h1>
|
|
<h2>Digital Clock (HTC Hero inspired)</h2>
|
|
<p>
|
|
<strong>Author:</strong> <a href="http://www.radoslavdimov.com/">Radoslav Dimov</a><br />
|
|
<strong>Version:</strong> 2.1 (<a href="changelog.html">Changelog</a>)<br />
|
|
<strong>Download:</strong> <a href="http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock/jdigiclock.zip">jdigiclock.zip</a><br />
|
|
<strong>Licence:</strong> Dual licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT</a> and <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a> licenses.
|
|
</p>
|
|
<h3>Contents</h3>
|
|
<ol>
|
|
<li><a href="#Introduction">Introduction</a></li>
|
|
<li><a href="#Examples">Examples</a></li>
|
|
<li><a href="#Getting-Started">Getting started</a></li>
|
|
<li><a href="#Configuration">Configuration</a></li>
|
|
<li><a href="#Compatibility">Compatibility</a></li>
|
|
</ol>
|
|
<a name="Introduction"></a>
|
|
<h3>Introduction</h3>
|
|
<p>
|
|
jDigiClock is a <a href="http://jquery.com">jQuery</a> plugin inspired from HTC Hero Clock Widget.
|
|
</p>
|
|
<a name="Examples"></a>
|
|
<h3>Examples</h3>
|
|
<div id="digiclock"></div>
|
|
<br /><br />
|
|
<a name="Getting-Started"></a>
|
|
<h3>Getting started</h3>
|
|
<p>
|
|
To use the jDigiClock plugin, include the <a href="http://jquery.com">jQuery</a>
|
|
library, the jDigiClock source file and jDigiClock core stylesheet file inside the <code><head></code> tag
|
|
of your HTML document:
|
|
</p>
|
|
<pre>
|
|
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
|
|
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>
|
|
</pre>
|
|
<p>
|
|
To setup jDigiClock, add the following code inside the <code><head></code>
|
|
tag of your HTML document:
|
|
</p>
|
|
<pre>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('#digiclock').jdigiclock({
|
|
// Configuration goes here
|
|
});
|
|
});
|
|
</script>
|
|
</pre>
|
|
<p>
|
|
jDigiClock accepts a lot of configuration options, see chapter "<a href="#Configuration">Configuration</a>"
|
|
for further informations.
|
|
</p>
|
|
|
|
<p>jDigiClock expects a very basic HTML markup structure inside your HTML document:</p>
|
|
<pre>
|
|
<div id="digiclock"></div>
|
|
</pre>
|
|
<a name="Configuration"></a>
|
|
<h3>Configuration</h3>
|
|
<p>
|
|
jDigiClock accepts a list of options to control the appearance and behaviour
|
|
of the Digital Clock. Here is the list of options you may set:
|
|
</p>
|
|
<table>
|
|
<tr>
|
|
<th>Property</th>
|
|
<th>Type</th>
|
|
<th>Default</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
<tr>
|
|
<td>clockImagesPath</td>
|
|
<td>string</td>
|
|
<td>"images/clock/"</td>
|
|
<td>Clock images path.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>weatherImagesPath</td>
|
|
<td>string</td>
|
|
<td>"images/weather/"</td>
|
|
<td>Weather images path.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>am_pm</td>
|
|
<td>boolean</td>
|
|
<td>false</td>
|
|
<td>Specifies the AM/PM option.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>weatherLocationCode</td>
|
|
<td>string</td>
|
|
<td>"EUR|BG|BU002|BOURGAS"</td>
|
|
<td>Weather location code (see: <a href="WeatherLocationDatabase.txt" target="_blank">WeatherLocationDatabase.txt</a>).</td>
|
|
</tr>
|
|
<tr>
|
|
<td>weatherMetric</td>
|
|
<td>string</td>
|
|
<td>"C"</td>
|
|
<td>Specifies the weather metric mode: C or F.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>weatherUpdate</td>
|
|
<td>integer</td>
|
|
<td>0</td>
|
|
<td>Weather update in minutes.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>proxyType</td>
|
|
<td>string</td>
|
|
<td>"php"</td>
|
|
<td>Specifies proxy type: php or asp (see: <a href="lib/proxy/asp/README.txt" target="_blank">README.txt</a>). </td>
|
|
</tr>
|
|
</table>
|
|
<a name="Compatibility"></a>
|
|
<h3>Compatibility</h3>
|
|
<p>jDigiClock has been tested and works on the following browsers:</p>
|
|
<ul>
|
|
<li>Internet Explorer 7 (PC)</li>
|
|
<li>FireFox 3.5 (PC/Linux)</li>
|
|
<li>Google Chrome 3.0 (PC)</li>
|
|
<li>Safari 4.0 (PC)</li>
|
|
</ul>
|
|
<!--
|
|
<h3>Donate a beer or two via PayPal</h3>
|
|
<div>
|
|
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
|
|
<input type="hidden" name="cmd" value="_s-xclick" />
|
|
<input type="hidden" name="hosted_button_id" value="9375573" />
|
|
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" />
|
|
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
|
|
</form>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</body>
|
|
</html>
|