PERSONALIZZARE IL CALENDARIO

CAMBIARE LE IMMAGINI

Cercare nel codice
var nomeImmagine = new Array("gen.gif", "feb.gif", "mar.gif", "apr.gif", "mag.gif", "giu.gif", "lug.gif", "ago.gif", "set.gif", "ott.gif", "nov.gif", "dic.gif").
"gen.gif" corrisponde all'immagine che si visualizza a gennaio, "feb.gif" a quella di febbraio e così via. Per far funzionare il calendario con le proprie immagini sostituirle in corrispondenza della posizione desiderata. Se si desidera pubblicare il lavoro su Internet aggiungere l'URL completo dell'immagine.
E' importante che le immagini abbiano tutte la stessa dimensione: nel nostro caso la dimensione è riportata in una speciale riga di codice come ad esempio: <img src='+ nomeImmagine[mese]+' width=698 height= 260 border=1>.
Sostituire larghezza ed altezza rispettivamente dopo width ed height.

CAMBIARE LE FRECCE PER SFOGLIARE IL CALENDARIO

L e immagini dei bottoncini si chiamano rispettivamente prec.gif, attu.gif e succ.gif. Si trovano in speciali righe di codice tipo <img src="prec.gif" width=28 height=16 alt="precedente" border=0>. Sostituire l'immagine che si preferisce, oppure salvarla al posto di quelle scelte da noi. Cambiare eventualmente anche le dimensioni.


CAMBIARE I NOMI DEI MESI

Cercare nel codice
var nomeMese = new Array("GENNAIO", "FEBBRAIO", "MARZO", "APRILE", "MAGGIO", "GIUGNO", "LUGLIO", "AGOSTO", "SETTEMBRE", "OTTOBRE", "NOVEMBRE", "DICEMBRE").
Si possono sostituire i nomi dei mesi, ad esempio scrivendoli in minuscolo. Attenzione a non eliminare le virgolette o le virgole che separano le variabili.

CAMBIARE LE INTESTAZIONI DEI GIORNI DELLA SETTIMANA

Cercare nel codice
var giorni = new Array(" L ", " M ", " M ", " G ", " V "," S "," D ")
Si possono cambiare le intestazioni dei giorni della settimana, ma non togliere le virgolette o le virgole che separano le variabili.

CAMBIARE ALTRI ELEMENTI

Colore dei giorni
Cercare nel codice navy
Colore delle domeniche
Cercare nel codice red
La font dei caratteri
Cercare nel codice <tt>. Sostituire, ad esempio <font face=verdana size=4 > al posto di <tt> e </font> al posto di </tt>
Lo sfondo
Cercare nel codice background e sostituire, al posto dell'immagine scritta subito dopo, il nome della propria immagine.

CERCARE IL CODICE

Procedere in questo modo:


INSERIRE IL CALENDARIO NELLA PROPRIA PAGINA WEB

Procedere in questo modo:

ECCO LE FUNZIONI COMUNI A TUTTI I CALENDARI

function vai()
Si attiva all'apertura della pagina. Rileva anno, mese e giorno della data odierna. Chiama poi la funzione prepara()
function prossimo()
E' in grado di calcolare il mese successivo rispetto a quello attualmente visualizzato sul calendario. Chiama poi la funzione prepara()
function precedente()
E' in grado di calcolare il mese precedente rispetto a quello attualmente visualizzato sul calendario. Chiama poi la funzione prepara()
function prepara()
Innanzitutto controlla se l'anno da visualizzare è bisestile. Calcola quindi quanti giorni ci sono e in quale giorno della settimana cade il primo giorno del mese attuale. La funzione lavora su due parametri: mese ed anno che le vengono passati dalla funzione chiamante. Quindi all'inizio mese ed anno rappresentano rispettivamente il mese e l'anno della data in cui si apre il calendario; se invece, ad esempio, si preme il bottone che avvia la funzione prossimo(), mese viene incrementato di 1: se questo è 12 si riparte da 0 e anche anno si incrementa di 1.
Infine viene chiamata la funzione riempiTabella(str,Lmese).
riempiTabella(str,Lmese).
Crea la tabella del calendario con all'inizio il nome del mese (memorizzato nella variabile str) conoscendo inoltre il numero di giorni del mese stesso (memorizzato nella variabile Lmese)
Dopo aver costruito il calendario la funzione esegue i seguenti, indispensabili comandi:
if(document.all)
{
document.all('qui').innerHTML=cale;
}
else if(document.getElementById){
document.getElementById("qui").innerHTML = cale
}
  1. cale è il nome della variabile nella quale abbiamo memorizzato il calendario;
  2. "qui" è il nome dello span in cui viene scritto il calendario.
E' quindi indispensabile inserire nel body della pagina, nel punto in cui si vuole visualizzare il calendario, una riga come questa:
<span id="qui">IL TUO BROWSER NON SUPPORTA QUESTO METODO</span>

ECCO I METODI DI DATA E LE VARIABILI COMUNI A TUTTI I CALENDARI

Ricordiamo innanzitutto che javascript inizia a contare da zero: i mesi vanno quindi da 0 (che corrisponde a gennaio) ad 11 (che corrisponde a dicembre), i giorni della settimana vanno da 0 (che corrisponde a domenica) a 6 (che corrisponde a sabato).

Viene rilevata la data del giorno, mese ed anno in cui la pagina viene aperta:

Oggi= new Date()
Rilevazione della data completa e sua memorizzazione nella variabile di nome Oggi
meseAttuale= Oggi.getMonth()
Rilevazione del mese e sua memorizzazione nella variabile di nome meseAttuale
annoAttuale=Oggi.getFullYear()
Rilevazione dell'anno e sua memorizzazione nella variabile di nome annoAttuale
dataAttuale = Oggi.getDate()
Rilevazione del giorno del mese e sua memorizzazione nella variabile di nome dataAttuale
Vengono create le seguenti variabili per le parti fisse del calendario:
nomeMese = new Array("Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre")
Memorizzazione del nome dei mesi nella variabile strutturata nomeMese. I nomi possono essere cambiati, ad esempio scrivendoli in maiuscolo
giorni = new Array(" L ", " M ", " M ", " G ", " V "," S "," D ")
Memorizzazione del nome dei girni della settimana nella variabile strutturata giorni. I nomi possono essere cambiati, ad esempio scrivendoli per intero
nuovaData = new Date(anno, mese, 1)
Impostazione della data secondo l'anno ed il mese prescelto a partire dal primo giorno del mese stesso e sua memorizzazione nella variabile di nome nuovaData
inizio = nuovaData.getDay()
Rilevazione del giorno della settimana in cui cade il primo giorno del mese e sua memorizzazione nella variabile di nome inizio

Pagina dei calendari

INDIETRO

©2002 www.webfract.it