« »

Calander updates on load and allows links to be attached to any day of any month. 1 line of code creates the link.

Label: Virtual Calander script

Demo
Enlarge
Reload
New window

Code
HTML
Print

Copy All x2

<SCRIPT language=javascript>
<!--
var incount = 0;
monthnames = new Array("January","Februrary","March","April","May","June",
	"July","August","September","October","November","Decemeber");
function addlink(month, day, href)
{
        var entry = new Array(3);
        entry[0] = month;
        entry[1] = day;
        entry[2] = href;
        this[incount] = entry;
	incount++;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
/*------------------------------------*/
// This area is for assigned link days
// format for creating new
// link days is as follows:
// linkdays.addlink(month, day, href);
// where month and day is the date of
// event, and href is the URL of the link to go to.  example:

linkdays.addlink(8, 26, "http://jsbank.topcities.com");
linkdays.addlink(8, 19, "http://jsbank.topcities.com");

/*------------------------------------*/
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;
/* -------------------------------------------------------------*/
// Y2K incompatibility..  added 1900 if last 2 digits of year
// were >= 50, added 2000 if < 50. 

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("<p><table border=0 bgcolor=white ><font size=+1 color=white>");
document.write("<tr><td ><center><strong>" + monthnames[thismonth] + " "+
thisyear + "</strong></center></font></td></tr></table>");
document.write("<table border=2  bgcolor=grey bordercolor=white><font color=white>");
document.write("<tr>");
document.write("<td>Su</td><td>M</td><td>Tu</td><td>W</td><td>Th</td><td>F</td><td>Sa</td>"); 
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) { document.write("<td>&nbsp</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='");
	if (linkdays[c][2].indexOf("http://",0) == -1) document.write("http://");
        document.write(linkdays[c][2] + "'>");
        linktrue=true;
                                }
                        }
                }
                if (count==thisdate) document.write("<font color='FF0000'><strong>");
                if (count <= monthdays[thismonth]) document.write(count);
                else document.write("&nbsp");
                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>");

// -->
            </SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->