Orologio digitale HTC con jQuery sulle nostre pagine web

Avete sicuramente presente i famosi smartphone HTC, si riconoscono immediatamente dal loro orario e dal widget HTC Hero Clock. Cosa ne pensate di inserirlo nei vostri blog oppure nelle vostre pagine web aziendali? Come si può fare… semplice basta uno script jQuery e poche semplici configurazioni.

Orologio digitale HTC con jQuery sulle nostre pagine web

Prima di tutto scaricate il file zip dal sito internet dello sviluppatore che ha creato jDigiClock. Una volta fatto l’upload delle cartelle sul vostro sito o blog, per richiamare jDigiClock, dovrete semplicemente aggiungere le seguenti righe, all’interno del tag <head>, prima di </head>;:

<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>

Successivamente dovrete copiare ed incollare anche il seguente codice:

<script type="text/javascript">
$(document).ready(function() {
$('#digiclock').jdigiclock({
// Configuration goes here
});
});
</script>

Una volta completati questi passi, dovrete semplicemente aggiungere il div con identificativo digiclock per farlo magicamente apparire sulle vostre pagine web.

Vi consiglio di dare inoltre uno sguardo alle varie configurazioni possibili, sul sito di Radoslav Dimov.

One thought to “Orologio digitale HTC con jQuery sulle nostre pagine web”

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.