<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0050)http://www.calpoly.edu/~jdalbey/CalendarMaker.html -->
<HTML><HEAD><TITLE>Free HTML Calendar Maker</TITLE>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<META content="John Dalbey" name=author>
<SCRIPT language=javascript>
/*
HTML Calendar Maker. Copyright (C) 2006 John Dalbey.
http://www.csc.calpoly.edu/~jdalbey

Purpose: Generate an HTML calendar for a given number of months.
Usage: Fill in the form with the desired settings and click Submit.
       The generated HTML calendar will appear in a popup window.
Contributions by Jasmin Vanta.
Modified 1/5/08 to fix leap year defect.
*/
// html code for the beginning setup of the calendar
var begTags = "<center><H2><font size=\"2\" face=\"Verdana\">";
	
// html code for the days of the week to head the top of the calendar
var weekHead1 = "</font></H2></center><TABLE width=\"100%\" border=1 bordercolordark=\"#000000\" bordercolorlight=\"#FFFFFF\" cellpadding=\"5\">" + "\n" +
"<TBODY><TR><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Sunday</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Monday</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=#000000><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Tuesday</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Wednesday</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=#000000><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Thursday</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Friday</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Saturday</font></TH></TR><TR>";
var weekHead2 = "</font></H2></center><TABLE width=\"100%\" border=1 bordercolordark=\"#000000\" bordercolorlight=\"#FFFFFF\" cellpadding=\"5\">" + "\n" +
"<TBODY><TR><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Sun</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Mon</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=#000000><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Tue</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Wed</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=#000000><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Thu</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Fri</font></TH><TH vAlign=center align=middle width=\"14%\" bgcolor=\"#000000\"><font size=\"1\" color=\"#FFFFFF\" face=\"Verdana\">"+"\n" +
"Sat</font></TH></TR><TR>";
	
// html code for end of the month
var endTags = "</TR></TBODY></TABLE><br><p>";

var monthName = "somemonth";
var yearName = "someyear";
var numberOfDays = 0;       // days in the month
var endDay = 0;             // day of the week the last day of the month falls on 
var numBlankDays = 0;       // number of "blank" days at the start of the month
var cellsHTML = "";         // HTML string

// Constant array of month names
var months=new Array;
months[1] = "January";
months[2] = "February";
months[3] = "March";
months[4] = "April";
months[5] = "May";
months[6] = "June";
months[7] = "July";
months[8] = "August";
months[9] = "September";
months[10] = "October";
months[11] = "November";
months[12] = "December";

// Determine the number of days in the month and the starting/ending dates
function createMonth(inputMonth, inputYear, inputDay)
{
        var leapYear = false;   
		monthName = months[inputMonth];
        yearName = inputYear.toString();
		cellsHTML = "";
		numBlankDays = inputDay - 1;
		
		//figure out if the year is a leap year
		if(inputYear%4 == 0)	
		{
		   	if(inputYear%100 != 0)
  			{
				leapYear = true;
			}
			else
			{
				if(inputYear%400 == 0)
					leapYear = true;
				else
					leapYear = false;
			}
		}

		
		//figure out the number of days in the month
		//if month is NOT february, april, june, september, nor november then it has 31 days
		if(inputMonth != 2 && inputMonth  != 4 && inputMonth != 6 && inputMonth != 9 && inputMonth != 11)
		{
			numberOfDays = 31;
		}
		else
		{
			//if month is NOT february, then it has 30 days
			if(inputMonth != 2)
			{
				numberOfDays = 30;
			}
			else
			{
				//if month is a leap year, then it has 29 days. if not, it has 28
				if(leapYear)
				{
					numberOfDays = 29;
				}
				else
				{
					numberOfDays = 28;
				}				
			}
		}
		
		endDay = (numberOfDays + numBlankDays) % 7;
}

// produce the HTML code for a month calendar	
function getMonth()
{
        // determine which font size to use for dates. 
        var fontsize=1;
		if (document.CalendarSettings.fontsize[0].checked) fontsize=1;
		if (document.CalendarSettings.fontsize[1].checked) fontsize=3;
		if (document.CalendarSettings.fontsize[2].checked) fontsize=5;
		if (document.CalendarSettings.fontsize[3].checked) fontsize=7;

		//integer to keep track of how many days were added to the month in the html string
		cellCount = 0;
		
		//prints out blank cells needed to start off month calendar
		for(var blanks = 0; blanks < numBlankDays; blanks++)
		{
				cellsHTML = cellsHTML + "<TD vAlign=top align=left width=\"14%\" >&nbsp;<br><br><br><br></TD>";
                cellsHTML += "\n";
				cellCount++;
		}
		
		//prints out cells for each day of the month
		for(var days = 1; days <= numberOfDays; days++)
		{
			cellsHTML = cellsHTML + "<TD vAlign=top align=left width=\"14%\" ><font size=\""+fontsize+"\" face=\"Verdana\">" +days +"</font><br><br><br><br></TD>";
            cellsHTML += "\n";
    		cellCount++;
			if(cellCount % 7 == 0)
			{
				cellsHTML = cellsHTML + "</tr><tr>";
                cellsHTML += "\n";
			}
		}
		
		//prints out blank cells needed to end off month calendar
		while (cellCount % 7 != 0)
		{
			cellsHTML = cellsHTML + "<TD vAlign=top align=left width=\"14%\" >&nbsp;<br><br></TD>";
            cellsHTML += "\n";
    		cellCount++;
		}
		
		//returns full html code for the month
        var weekHead = weekHead1;
        // determine whether to use long or short day names
		if (document.CalendarSettings.names[1].checked) 
        {
            weekHead = weekHead2
        }        
		return begTags + monthName + " " + yearName + "\n" + weekHead + "\n" + cellsHTML + endTags;
}

// Show the complete calendar in a popup window
function showCalendar()
{
		var currentMonth = document.CalendarSettings.Month.value;
		var currentYear = document.CalendarSettings.Year.value;
        // See if user provided a custom year input
        if (document.CalendarSettings.SpecialYear.value != "")
        {
            special = document.CalendarSettings.SpecialYear.value;
            if (special < 1 || special > 9999)
            {
                alert ("Year not in range 1 - 9999, using year 2000.");
                special = 2000;
            }
            currentYear = special.toString();
        }
      // Use Date function to return starting day of week for the month
      // Note that Date uses base zero numbering for month and day.
      var startDate = new Date(currentYear, currentMonth-1, 1);
      var startDay = startDate.getDay() + 1;
      // Obsolete: get start day from user input
		// var startDay = document.CalendarSettings.Day.value;
		var monthLimit = document.CalendarSettings.numMonths.value;
        
        var generator=window.open("","name","height=450,width=700,resizable=1,menubar=1");
    
        generator.document.write("<html><head><title>Calendar"+currentYear);
        generator.document.write("</title>");
        generator.document.write("</head><body onload='window.focus();'>");
        generator.document.write("\n");

        //Iterate for as many months as user desires. 
		for(var index = 0; index < monthLimit; index++)
		{
            createMonth( currentMonth, currentYear, startDay);
            generator.document.write(getMonth());
            generator.document.write("\n");
            // Increment year if it's December
    		if(currentMonth == 12 )
			{
				currentYear++;
			}
			currentMonth = currentMonth%12 + 1;
            // end day of this month becomes start day of next month
            startDay = endDay + 1;
		}

        generator.document.write("<br>");
        generator.document.write("<center><font size=1>generated by ");
        generator.document.write("<a href=\"http://www.calpoly.edu/~jdalbey/CalendarMaker.html\">HTML Calendar Maker 1.0.</a> Copyright (C) 2006 John Dalbey.</font>");
        generator.document.write("</center>");
        generator.document.write("</body></html>");
        generator.document.close();
}

// Form reset
function reset()
{
		document.CalendarSettings.Month.value = 1;
		document.CalendarSettings.Year.value = 2008;
		document.CalendarSettings.SpecialYear.value = "";
		document.CalendarSettings.Day.value = 1;
		document.CalendarSettings.numMonths.value = 1;       
}

function referenceCalendar() 
{
window.open("http://www.vrtisworks.com/kiki/fun/minical.htm","newWindow","toolbar=no,width=300,height=400,directories=no,status=no,scrollbars=yes,resize=yes,menubar=no")
}
</SCRIPT>

<META content="MSHTML 6.00.2800.1605" name=GENERATOR></HEAD>
<BODY background=May08_files/BackdiktGreenLight.gif>
<H2 align=center>HTML Calendar Maker</H2>
<CENTER>Create a free printable monthly calendar.</CENTER>
<HR>

<P>
<TABLE width="88%" align=center>
  <TBODY>
  <TR>
    <TD>
      <FORM name=CalendarSettings>Select Year: <SELECT name=Year> <OPTION 
        value=2007>2007<OPTION value=2008 selected>2008<OPTION 
        value=2009>2009<OPTION value=2010>2010<OPTION 
      value=2011>2011</OPTION></SELECT> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <B><I>Or </I></B>&nbsp;Enter year as a 4 digit number: <INPUT size=3 
      name=SpecialYear> 
      <P>Select Starting Month: <SELECT name=Month> <OPTION value=1 
        selected>January<OPTION value=2>February<OPTION value=3>March<OPTION 
        value=4>April<OPTION value=5>May<OPTION value=6>June<OPTION 
        value=7>July<OPTION value=8>August<OPTION value=9>September<OPTION 
        value=10>October<OPTION value=11>November<OPTION 
        value=12>December</OPTION></SELECT> <!-- 
<P>Select Day of the Week the 
      month begins: <SELECT name=Day> <OPTION value=1 selected>Sunday<OPTION 
        value=2>Monday<OPTION value=3>Tuesday<OPTION value=4>Wednesday<OPTION 
        value=5>Thursday<OPTION value=6>Friday<OPTION 
      value=7>Saturday</OPTION></SELECT> --!&gt; <BR>Choose how you want day 
      names to appear: <INPUT type=radio CHECKED value=long name=names>Long 
      (Sunday, Monday, ...) <INPUT type=radio value=shrt name=names>Short (Sun, 
      Mon, ...) <BR>Choose font size for the dates: <INPUT type=radio 
      value=small name=fontsize>Small <INPUT type=radio CHECKED value=regular 
      name=fontsize>Regular <INPUT type=radio value=large name=fontsize>Large 
      <INPUT type=radio value=extralarge name=fontsize>Extra Large <BR>Select 
      number of months to include in the calendar: <SELECT name=numMonths> 
        <OPTION value=1 selected>1<OPTION value=2>2<OPTION value=3>3<OPTION 
        value=4>4<OPTION value=5>5<OPTION value=6>6<OPTION value=7>7<OPTION 
        value=8>8<OPTION value=9>9<OPTION value=10>10<OPTION value=11>11<OPTION 
        value=12>12</OPTION></SELECT> <FORM NAME="ButtonPanel">
      <TABLE cellSpacing=2 cellPadding=2 width="60%">
        <TBODY>
        <TR>
          <TD vAlign=top><INPUT onclick=showCalendar() type=button value=Submit> 
          </TD>
          <TD><B></B><INPUT onclick=scroll(0,0);reset() type=button value=Reset> 
          </TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></FORM>
<HR>

<TABLE cellSpacing=2 cellPadding=2 width="100%">
  <TBODY>
  <TR>
    <TD vAlign=top>
      <P>This is fast, simple tool I made to create HTML calendars that student 
      project teams could use for planning purposes. It is "no-frills" without 
      lots of fancy features, but it is easy to use. <BR><B>Requirements:</B> 
      You must have Javascript and popups enabled in your 
      browser.<BR><B>Directions:</B> Fill in the form and click "Submit." The 
      calendar will appear in a popup window. You may save the source to the 
      page and post it on your own web site. You can customize the resulting 
      calendar to meet your needs. <BR><B>Caveat:</B> You should double check 
      the results by hand. I make no warranties about fitness of use for any 
      particular purpose. <BR><B>Legal:</B> You may use, modify, or web publish 
      the generated calendar for non-commercial purposes. I ask only that you 
      leave the "generated by" message at the bottom of the page. 
      <P>The underlying programming code that creates the calendar is my 
      intellectual property. If you are a programmer who wants to use or modify 
      my Javascript code you <I>must</I> obtain my permission. Contact me at the 
      email address below and tell me the purpose and how you intend to modify 
      the code. <BR>
      <P><B>Questions?</B> Suggestions? Gratitude? Send me an email: <IMG 
      height=22 alt="john's email address" src="May08_files/mailtojohn.png" 
      width=187> </P></TD>
    <TD vAlign=top>
      <CENTER>
      <H2><FONT face=Verdana size=2>Sample Calendar</H2><FONT size=1><I>Shown 
      smaller than actual size</I> </FONT></CENTER>
      <TABLE borderColorDark=#000000 cellPadding=5 width="100%" 
      borderColorLight=#ffffff border=1>
        <TBODY>
        <TR>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Sun</FONT></TH>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Mon</FONT></TH>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Tue</FONT></TH>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Wed</FONT></TH>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Thu</FONT></TH>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Fri</FONT></TH>
          <TH vAlign=center align=middle width="14%" bgColor=#000000><FONT 
            face=Verdana color=#ffffff size=1>Sat</FONT></TH></TR>
        <TR>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>1</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>2</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>3</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>4</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>5</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>6</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>7</FONT><BR><BR></TD></TR>
        <TR>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>8</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>9</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>10</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>11</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>12</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>13</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>14</FONT><BR><BR></TD></TR>
        <TR>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>15</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>16</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>17</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>18</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>19</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>20</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>21</FONT><BR><BR></TD></TR>
        <TR>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>22</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>23</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>24</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>25</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>26</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>27</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>28</FONT><BR><BR></TD></TR>
        <TR>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>29</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>30</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%"><FONT face=Verdana 
            size=1>31</FONT><BR><BR></TD>
          <TD vAlign=top align=left width="14%">&nbsp;<BR><BR></TD>
          <TD vAlign=top align=left width="14%">&nbsp;<BR><BR></TD>
          <TD vAlign=top align=left width="14%">&nbsp;<BR><BR></TD>
          <TD vAlign=top align=left 
      width="14%">&nbsp;<BR><BR></TD></TR></TBODY></TABLE><BR>
      <P></P>
      <CENTER><FONT size=1>generated by <A 
      href="http://www.calpoly.edu/~jdalbey/CalendarMaker.html">HTML Calendar 
      Maker 1.0.</A> Copyright (C) 2006 John 
Dalbey.</FONT></CENTER></FONT></TD></TR>
  <TR>
    <TD vAlign=top><BR></TD>
    <TD vAlign=top><BR></TD></TR></TBODY></TABLE>
<P><B>Examples: </B>Here are some sites using this calendar.<BR>
<UL>
  <LI><A href="http://www.pwlt.org/calendar.htm">Prince William Little 
  Theatre</A> 
  <LI><A href="http://www.cuhumane.org/calendar/2007-01.html">Champaign County 
  Humane Society</A> 
  <LI><A href="http://www.bailelatino.org/CALENDAR.html">Baile Latino</A> 
  <LI><A href="http://www.idcsc.org/calendar.html">Idaho Coalition For 
  Sustainable Communities</A> 
  <LI><A 
  href="http://www.moreheadstate.edu/orgs/phisigmapi/index.aspx?id=9964">Morehead 
  State University Phi Sigma Pi chapter</A> 
  <LI><A href="http://www.mwphgl-va.org/calendar.html">Most Worshipful Prince 
  Hall Grand Lodge of Virginia</A> <BR>Uses a handy navigation bar for jumping 
  between months. </LI></UL>
<HR>
<FONT size=1>Free HTML Calendar Maker Calendar Creator Calendar Generator Free 
HTML Calendar Maker Calendar Creator Calendar Generator Free HTML Calendar Maker 
Calendar Creator Calendar Generator </FONT>
<HR>
</BODY></HTML>