March 3
I calendari sono una richiesta comune su siti web, e la creazione di un calendario da zero con JavaScript non è un compito semplice. Per fortuna, un sacco di sviluppatori hanno incontrato questo problema prima, e hanno costruito librerie di codice JavaScript che contengono calendari - tra molti altri widget e le funzioni - che possono essere aggiunti al tuo sito web con il minimo sforzo.
Il toolkit Dojo è una di queste biblioteca, ed è abbastanza semplice da includere in qualsiasi applicazione Web. Mentre Dojo vanta una grande quantità di altre funzionalità avanzate, l'aggiunta di un calendario per il vostro sito è semplice e indolore.
1 Fare riferimento al toolkit Dojo nella pagina Web, o scaricando l'intero toolkit e l'aggiunta di un riferimento locale, o utilizzando un Content Delivery Network (CDN) in questo modo:
<Script type = "text / css" href = "http://ajax.googleapis.com/ajax/libs/dojo/VERSION/dijit/themes/tundra/tundra.css" />
(Anche in questo caso, sostituire versione con il numero di versione che si sta utilizzando.)
Per completare lo stile, aggiungere un attributo "class" per il vostro tag body:
<Class corpo = "tundra">
...
Questo garantirà il vostro calendario è formattato correttamente.
3 Aggiungere il seguente JavaScript alla sezione testa di pagina Web per caricare le risorse necessarie per il calendario:
<Script type = "text / javascript">
dojo.require("dijit.dijit");
dojo.require ( "dijit.Calendar");
</ Script>
4 Creare un div all'interno della vostra pagina Web di inserire il vostro calendario:
<Div dojoType = "dijit.Calendar" id = "myCalendar">
</ Div>