Put this part in the <head> portion of your page:
===========================================================
<script type="text/javascript" language="JavaScript">
<!-- Begin
var flg = 0;
var fs = 1;
var bg = "#666666";
M = new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn() {
pdy = new Date(); // today
pday = pdy.getDate(); // get date
pmo = pdy.getMonth(); // present month
pyr = pdy.getYear(); // present year
if (pyr < 2000) // Y2K Fix
pyr = pyr + 1900; //
yr = yr1 = (pmo==0?pyr-1:pyr); // last month's year
mo = (pmo==0?11:pmo-1); // last month
bgn = new Date(M[mo]+" 1,"+yr1); // assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
// Calendar(); // Send last month to screen
// document.write('</TD></tr><tr><TD VALIGN=TOP>');
yr = pyr; // present year
mo = pmo; // present month
bgn = new Date(M[mo]+" 1,"+yr); // assign to date
Calendar(); // Send this month to screen
document.write('</TD></tr><tr><TD VALIGN=TOP>');
yr = (pmo==11?pyr+1:pyr); // next month's year
mo = (pmo==11?0:pmo+1); // next month
bgn = new Date(M[mo]+" 1,"+yr); // assign to date
Calendar(); // Send next month to screen
document.write('</TD></TR></TABLE>'); // Finish up
}
function Calendar(){
dy = bgn.getDay();
yr = eval(yr);
d = "312831303130313130313031";
if (yr / 4 == Math.floor(yr / 4)) {
d = d.substring(0, 2) + "29" + d.substring(4, d.length);
}
pos = (mo * 2);
ld = eval(d.substring(pos, pos + 2));
document.write("<TABLE BORDER=0 cellpadding=1 cellspacing=1"
+ " BGCOLOR='" + bg
+ "'><TR><TD ALIGN=CENTER BGCOLOR=#EEEEEE COLSPAN=7>"
+ "<FONT FACE=arial SIZE=" + fs + ">" + M[mo] + " " + yr
+ "</FONT></TD></TR><TR><TR>");
for (var i = 0;i < 7;i ++) {
document.write("<TD ALIGN=CENTER BGCOLOR=#FFFFFF>"
+"<FONT SIZE=1>" + D[i] + "</FONT></TD>");
}
document.write("</TR><TR>");
ctr = 0;
for (var i = 0;i < 7; i++){
if (i < dy) {
document.write("<TD ALIGN=CENTER BGCOLOR=#FFFFFF>"
+"<FONT FACE=arial SIZE=" + fs + "> </FONT>"
+"</TD>");
}
else {
ctr++;
if (ctr == pday && mo == pmo){
document.write("<TD ALIGN=CENTER BGCOLOR=#00E384>"
+ "<FONT FACE=arial SIZE=" + fs + ">" + ctr + "</FONT>"
+ "</TD>");
}
else{
document.write("<TD ALIGN=CENTER BGCOLOR=#DDDDFF>"
+ "<FONT FACE=arial SIZE=" + fs + ">" + ctr + "</FONT>"
+ "</TD>");
}
}
}
document.write("</TR><TR>");
while (ctr < ld) {
for (var i = 0;i < 7; i++){
ctr++;
if (ctr > ld){
document.write("<TD ALIGN=CENTER BGCOLOR=#FFFFFF>"
+"<FONT FACE=arial SIZE=" + fs + ">"
+ " </FONT></TD>");
}
else
if (ctr == pday && mo == pmo){
document.write("<TD ALIGN=CENTER BGCOLOR=#00E384>"
+ "<FONT FACE=arial SIZE=" + fs + ">" + ctr + " </FONT>"
+ "</TD>");
}
else{
document.write("<TD ALIGN=CENTER BGCOLOR=#DDDDFF>"
+ "<FONT FACE=arial SIZE=" + fs + ">" + ctr + " </FONT>"
+ "</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}
// END -->
</SCRIPT>
=======================================================
Now, wherever you want the calendar to appear,
Put this part in your HTML <body>:
=======================================================
<script type="text/javascript" language="JavaScript">
<!-- Begin
getBgn();
// End -->
</SCRIPT>
=======================================================
.