[JAVASCRIPT] Script per la creazione di un calendario semplice

[JAVASCRIPT] Script per la creazione di un calendario semplice

  giugno 25, 2014    portaletecnologico

---

Script per la creazione di un calendario semplice. L'esempio sotto è un'immagine. Una volta istallato il codice, il calendario si aggiornerà mese per mese.

Clicca qui per selezionare il codice
<font face="verdana" color="WHITE" size="-1"><p align="center"> <script language="JavaScript"> <!-- monthnames = new Array( "Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table border=2 bgcolor=BLACK "); document.write("bordercolor=red><font color=WHITE>"); document.write(" <tr><td colspan=7><center> <strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center> </font></td></tr> "); document.write(" <tr>"); document.write("<td align=center>D</td>"); document.write("<td align=center>L</td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>G</td>"); document.write("<td align=center>V</td>"); document.write("<td align=center>S</td>"); document.write("</tr> "); document.write(" <tr>"); for (s=0;s<startspaces;s++) { document.write("<td> </td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href=\"" + linkdays[c][2] + "\">"); linktrue=true; } } } if (count==thisdate) { document.write("<font color='FF0000'><strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr> "); document.write(" <tr>"); startspaces=0; } document.write("</table> </p> "); // End --> </script></p> </font> <!--content stop-->

Per modificare il font e il colore del font bisogna modificare la prima stringa (in rosso la parte da modificare):

<font face="verdana" color="WHITE" size="-1"><p align="center">


Per modificare lo sfondo nero, modificare questa stringa (quasi a metà codice):

document.write("<table border=2 bgcolor=BLACK ");


Per modificare il colore del bordo delle celle e il colore del font dei numeri, modificare questa stringa:

document.write("bordercolor=red><font color=WHITE>");


Per modificare il colore del giorno corrente:

document.write("<font color='FF0000'><strong>");




Per inserire il codice in un blog di Blogger, bisogna inserirlo in un gadget HTML/JavaScript.
Si va sulla bacheca da www.blogger.com, e clicchiamo su:

-Impostazioni

-Design

-Aggiungi un gadget

-Scegliamo HTML/JavaScript

-Copiaincolliamo il codice

-Salva

Puntiamo il mouse sul gadget appena creato e trasciniamolo nel punto dove più lo preferiamo, salviamo tutto cliccando su Salva in alto a destra della pagina.