Nwlapcug.com


Come aggiungere un calendario Javascript a una pagina Web

Come aggiungere un calendario Javascript a una pagina Web


Ci sono molti gratis JavaScript calendari è possibile scaricare e aggiungere alla tua pagina web. Quelle più semplici generano un calendario per il mese corrente. Calendari più elaborati forniscono mese e anno selezione menu, funzionalità per l'inserimento della data selezionata in un campo modulo e anche elenco eventi da un file esterno. La maggior parte JavaScript calendari sono forniti con istruzioni e generalmente vengono installati utilizzando la stessa procedura di base. \"Basic Calendar\ di Brian Gosselin" vi fornirà un bel po' generato automaticamente calendario che è facile da installare e utilizzare.

Istruzioni

1

Scaricare script di base calendario di Brian Gosselin (link fornito nella sezione riferimenti) e salvarlo nella stessa cartella con la tua pagina web.

2

Aprire la pagina web in un editor di testo.

3

Aggiungere il codice seguente nella zona della testa della tua pagina web, dopo il tag < HEAD > partenza e prima del tag finale < / HEAD >.

< stile tipo = \ "testo/css\" >
.Main () {
Larghezza: 200px
VAI
galleggiante: sinistra
VAI
}
month () {
colore di sfondo: nero
VAI
colore: bianco
VAI
}

.DaysOfWeek () {
background-color: argento
VAI
}

finalizada {
carattere: normale 12px SANS-SERIF
VAI
}

finalizada #today {
font-weight: bold
VAI
colore: rosso
VAI
}
< / stile >

< script tipo = \ "testo/javascript\" src=\"basiccalendar.js\" >
/***

Base calendario-By Brian Gosselin presso http://scriptasylum.com/bgaudiodr/Script in primo piano il Dynamic Drive (http://www.dynamicdrive.com) questo avviso deve rimanere intatto per useVisit http://www.dynamicdrive.com/ per il codice sorgente completo
***/
< / script > 4

Aggiungere il seguente codice dove si desidera il calendario a comparire nel corpo della pagina web, dopo il tag < BODY > partenza e prima il finale < / BODY > tag:

< script tipo = \ "testo/javascript\" >
var oggi = new Date)
VAI
var mese = today.getMonth() + 1;
var anno = today.getFullYear();
Document. Write (buildCal (mese, anno, \"main\", \"month\", \"daysofweek\", \"days\", 1))
VAI
< / script >

Il \"vars\" (i valori delle variabili) oggi, mese e anno verrà impostati su data odierna. Si noti che \"getMonth\" inizia il conteggio con gennaio come il \"0\ numero" modo uno viene aggiunto al \"month\" impostarlo per il numero corretto, 1 e 12, per il mese corrente.

5

Salvare la pagina web.

6

Aprire la pagina web in un browser web. Modificare lo stile CSS nella sezione head della tua pagina web per abbinare la vostra combinazione di colori, il layout e le preferenze. Vedere la sezione riferimenti per un link ad un Tutorial CSS.

Consigli & Avvertenze

  • Vedere la sezione riferimenti per un collegamento a informazioni di calendario base di Brian Gosselin per ulteriori informazioni sull'utilizzo di script suo calendario e vedere un esempio di aggiunta di un calendario anno completo al vostro web page.
  • Cercare altri calendari di JavaScript che hanno opzioni più elaborati. Vedere la sezione risorse per i collegamenti a siti di calendario di JavaScript e usare il vostro motore di ricerca preferito per cercare la pagina di calendario \"JavaScript. \"