asked on

Javascript Calendar not displaying

I am having issues getting a calendar to display. The window.open is working but nothing is displaying. I don't see what is causing the issue.

<a href="" onclick="displayCalendar(); return false">Select Date</a>

Open in new window

<script type="text/javascript">
/* <![CDATA[ */

function displayCalendar(whichMonth) 
{
	calendarWin = window.open("", "CalendarWindow", "status=no,resizable=yes,width=400,height=220,left=200,top=200");
	calendarWin.focus();
	calendarWin.document.write("<!DOCTYPE html PUBLIC '-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN' ");
	calendarWin.document.write("'http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd'>");
	calendarWin.document.write("<html xmlns='http:\/\/www.w3.org\/1999\/xhtml'>");
	calendarWin.document.write("<head><title>Calendar<\/title>");
	calendarWin.document.write("<meta http-equiv='content-type' content='text\/html;charset=iso-8859-1' \/>");
	calendarWin.document.write("<link rel='stylesheet' href='js_styles.css' type='text\/css' \/><\/head><body>");
	calendarWin.document.write("<table cellspacing='0' border='1' width='100%'>");
	calendarWin.document.write("<colgroup span='7' width='50' \/>");
	calendarWin.document.write("<tr><td colspan='7' align='center'><strong>" + monthArray[month] + " " + dateObject.getFullYear() + "<\/strong><\/td></tr>");
	calendarWin.document.write("<tr align='center'><td>Sun<\/td><td>Mon<\/td><td>Tue<\/td><td>Wed<\/td><td>Thu<\/td><td>Fri<\/td><td>Sat<\/td><\/tr>");
	calendarWin.document.write("<tr align='center'>");
	dateObject.setDate(1);

	var dayOfWeek = dateObject.getDay();
	for (var i=0; i<dayOfWeek; ++i) {
		calendarWin.document.write("<td>&nbsp;<\/td>");
	}

	var daysWithDates = 7 - dayOfWeek;
	var dateCounter = 1;
	for (var i=0; i<daysWithDates; ++i) {
		var curDate = monthArray[month] + " " + dateCounter + ", " + dateObject.getFullYear();
		calendarWin.document.write("<td><a href='' onclick='self.opener.document.forms[0].reservationDate.value=\"" + curDate + "\";self.close()'>" + dateCounter + "<\/a><\/td>");
		++dateCounter;
	}

	var numDays = 0;
	if (month == 0 || month == 2 || month == 4 || month == 6 || month == 7 || month == 9 || month == 11)
		numDays = 31;
	if (month == 1)
		numDays = 28;
	else if (month == 3 || month == 5 || month == 8 || month == 10)
		numDays = 30;

	for (var rowCounter = 0; rowCounter < 5; ++rowCounter) 
	{
		var weekDayCounter = 0;
		calendarWin.document.write("<tr align='center'>");
		while (weekDayCounter < 7) {
			var curDate = monthArray[month] + " " + dateCounter + ", " + dateObject.getFullYear();
			if (dateCounter <= numDays)
				calendarWin.document.write("<td><a href='' onclick='self.opener.document.forms[0].reservationDate.value=\"" + curDate + "\";self.close()'>" + dateCounter + "<\/a><\/td>");
			else
				calendarWin.document.write("<td>&nbsp;<\/td>");
			++weekDayCounter;
			++dateCounter;
		}
		calendarWin.document.write("<\/tr>");
	}
			  
	calendarWin.document.write("<\/table><\/body><\/html>");
	calendarWin.document.close();
}

/* ]]> */
</script>

Open in new window

ASKER CERTIFIED SOLUTION

Dave Baldwin

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial