Facebook Twitter Reset

This Tutorial Has Been Viewed 6,392 Times.

Calendar Script Using Javascript [Updated]

Here is a  simple script for creating calendar on webpages

<script LANGUAGE="JavaScript">
//Code from Mistonline.in
<!-- Begin
monthnames = new Array(
"January",
"Februrary",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"Decemeber");
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=white ");
document.write("bordercolor=#ffff00><font color=>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></td></tr></font>");
document.write("<tr>");
document.write("<td align=center>Su</td>");
document.write("<td align=center>M</td>");
document.write("<td align=center>Tu</td>");
document.write("<td align=center>W</td>");
document.write("<td align=center>Th</td>");
document.write("<td align=center>F</td>");
document.write("<td align=center>Sa</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces ;s++) {
document.write("<td> ");
}
count=1;
while (count < = monthdays[thismonth]) {
for (b = startspaces;b&lt;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;
      }

   }

}
//code from Mistonline.in
if (count==thisdate) {
document.write("<font color=green><strong>");
}
if (count < = monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></strong></font>");
}
if (linktrue)
document.write("");
document.write("");
count++;
}
document.write("</linkdays></startspaces></tr>");
document.write("<tr>");
startspaces=0;
}document.write("");
document.write("</tr><tr>");
document.write("<td align=center>Mistonline.in</td>");
document.write("</tr>");
// End -->
</script>

DEMO

VN:F [1.9.13_1145]
Rating: 10.0/10 (1 vote cast)
VN:F [1.9.13_1145]
Rating: 0 (from 0 votes)
Calendar Script Using Javascript [Updated], 10.0 out of 10 based on 1 rating

Incoming search terms:




You will also be interested in ,

6 Responses to “Calendar Script Using Javascript [Updated]”

  1. xsqwt faoxn
    May 19, 2009 at 10:03 pm #

    Hi, you have a great site! I also recommend this site: , thanks!

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)
  2. kaushal
    September 20, 2009 at 3:17 pm #

    you have really helped me a lot by doing so. Thanks very much.

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)
  3. January 18, 2010 at 9:19 pm #

    great site will recommend it

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)
  4. March 15, 2010 at 6:11 pm #

    super article will forward it to other programmers.

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)
  5. July 24, 2010 at 8:18 pm #

    nice article

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)
  6. M*** E****
    May 12, 2011 at 4:10 pm #

    grate post lov to your blog ..,.,,

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)

Leave a Comment

Spam protection by WP Captcha-Free

Affordable Seo PackagesSeo BlogEdu Backlinks
More in pear, PHP (19 of 122 articles)