Nell'header del presente sito (sopra il menu) è visibile il giorno e la data corrente. Lo
script generatore è in linguaggio javascript e possiede molte opzioni per essere adattato
alle esigenze di ognuno. Altra caratteristica importante dello script è quella che lo stesso
è crossplatform, ciò significa che funziona perfettamente con i maggiori browsers esistenti.
Per scaricare lo script in formato zip clicca quì
Istruzioni per l'uso:
Una volta estratto il file contenente lo script clock.js dal
file zip compresso, posizionare lo stesso nella cartella voluta, quindi inserire nella pagina
HTML nel punto esatto dove deve essere visualizzata la data, il link di caricamento:
<script language="Javascript" src="clock.js" type="text/javascript"></script>
quindi, sempre nel listato sorgente della pagina web, successivamente al link di richiamo
dello script, inserire il comando di esecuzione:
<script language="JavaScript" type="text/javascript"">show_clock()</script">
in alternativa, il comando di esecuzione può essere implementato con l'evento OnLoad all'interno del tag body,
così:
OnLoad="show_clock()"
Nota:
nel caso specifico il file script e il file della pagina web si trovano nella stessa cartella.
Per configurare lo script, aprire il file clock.js con notepad.
All'inizio del file si troverà una serie di linee per la configurazione, con le istruzioni
specificate per ogni opzione. Adattare a proprio piacimento senza alterare il resto dello
script, se non si è a conoscenza di cosa si va a modificare, pena il non funzionamento del
programma.
A seguire potete vedere le linee di configurazione dello script
/////////////// VARIABLES CONFIGURATION ///////////////////
///////////////////////////////////////////////////////////
// Set the clock's font face:
var myfont_face = "Verdana";
// Set the clock's font size (in point):
var myfont_size = "9";
// Set the clock's font color:
var myfont_color = "#000000";
// Set the clock's background color:
var myback_color = "#FFFFFF";
// Set the text to display before the clock:
var mypre_text = "Sono le ";
// Display the time in 24 or 12 hour time?
// 0 = 24, 1 = 12
var my12_hour = 0;
// How often do you want the clock updated?
// 0 = Never, 1 = Every Second, 2 = Every Minute
// If you pick 0 or 2, the seconds will not be displayed
var myupdate = 1;
// Display the date?
// 0 = No, 1 = Yes
var DisplayDate = 1;
/////////////// END CONFIGURATION /////////////////////////
///////////////////////////////////////////////////////////
|
