var months = new Array ("January", "February", "March",
"April", "May", "June", "July", "August", "September",
"October", "November", "December");
var daysInMonth = new Array (31, 28, 31, 30, 31, 30, 31, 31,
30, 31, 30, 31);
var today = new Date();
var highlightedCellId = ""; // id of the cell that is currently highlighted
var calendarOutputFieldId = ""; // id of the text box where the selected
// date from the calendar will be written to
// makes the calendar visible after populating it with either
// today's date (if the text box for which the calendar is being
// displayed does not contain a date) or with the date in the
// text box for which the calendar is being displayed.
function showElement1 (elementId)
{
// initialize the calendar
var textObj = eval ("document.all." + calendarOutputFieldId);
var currTextObjValue = textObj.value;
if ((currTextObjValue == "") ||
(currTextObjValue.length != 8) ||
(isNaN (currTextObjValue)))
{
populateCalendar (today);
}
else
{
var yr = currTextObjValue.substring (0, 4);
var mon = new Number (currTextObjValue.substring (4, 6)) - 1;
var dt = currTextObjValue.substring (6, 8);
var currDate = new Date (yr, mon, dt);
populateCalendar (currDate);
}
leftWidthAvail = event.clientX +100 ;
rightWidthAvail = document.body.clientWidth - event.clientX;
TopHeightAvail = event.clientY +100;
BottomHeightAvail = document.body.clientHeight - event.clientY;
if (eval ("(rightWidthAvail - document.all." + elementId +
".offsetWidth) > 0"))
x = event.clientX + document.body.scrollLeft;
else if (eval ("event.clientX - document.all." + elementId +
".offsetWidth > 0"))
eval ("x = event.clientX - document.all." + elementId +
".offsetWidth + document.body.scrollLeft");
else
x = document.body.scrollLeft;
if (eval ("(BottomHeightAvail - document.all." + elementId +
".offsetHeight) > 0"))
y = event.clientY + document.body.scrollTop;
else if (eval ("event.clientY - document.all." + elementId +
".offsetHeight > 0"))
eval ("y = event.clientY - document.all." + elementId +
".offsetHeight + document.body.scrollTop");
else
y = document.all.scrollTop;
eval (elementId + ".style.left = " + x)
eval (elementId + ".style.top = " + y)
eval (elementId + ".style.visibility = \"visible\"")
}
// makes the given element inivisible
function hideElement (elementId)
{
eval (elementId + ".style.visibility = \"hidden\"")
}
// takes a month (should be one of the entries in the months array
// above) and returns the previous month (exhibits cyclic
// behavior)
function getPrevMonth (currMonth)
{
for (i=0; i < months.length; i++)
{
if (months[i] == currMonth)
break;
}
if (i == 0)
{
return (months[months.length-1]);
}
else
{
return (months[i-1]);
}
}
// takes a month (should be one of the entries in the months array
// above) and returns the next month (exhibits cyclic
// behavior)
function getNextMonth (currMonth)
{
for (i=0; i < months.length; i++)
{
if (months[i] == currMonth)
{
break;
}
}
if (i == months.length-1)
{
return (months[0]);
}
else
{
return (months[i+1]);
}
}
// takes a year and returns the previous year
function getPrevYear (currYear)
{
yr = new Number (currYear);
return (yr-1);
}
// takes a year and returns the next year
function getNextYear (currYear)
{
yr = new Number (currYear);
return (yr+1);
}
// Takes a month (integer, with 0 being January and so on..)
// and a year and returns the number of days in that month.
function getDays (month, year)
{
// Test for leap year when February is selected.
if (month == 1)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}
// populates our calendar to display the specified date.
function populateCalendar (dateObject)
{
if (highlightedCellId != "")
{
unhighlightThis (eval (highlightedCellId));
}
var mon = dateObject.getMonth();
month.innerText = months[dateObject.getMonth()];
var yr = dateObject.getYear();
if (yr < 100)
{
yr += 1900;
}
year.innerText = yr;
var numOfDays = getDays (mon, yr);
var dayOfWeek = new Date (yr, mon, 1).getDay();
for (i=0, j=1; i < 42; i++, j++)
{
if ((i >= dayOfWeek) && (j <= numOfDays))
{
eval ("date_" + i + ".innerText = j");
}
else
{
eval ("date_" + i + ".innerText = ''");
j--;
}
}
// If the textbox for which this calendar is being
// displayed contains a date and if the user is viewing
// the calendar for the same month, then highlight
// that date.
// If the textbox does not contain a date, then highlight
// today's date.
var textObj = eval ("document.all." + calendarOutputFieldId);
var currTextObjValue = textObj.value;
if ((currTextObjValue == "") &&
(yr == today.getYear()) &&
(mon = today.getMonth()))
{
var dateId = eval ("date_" + (dayOfWeek+today.getDate()-1));
highlightThis (dateId);
highlightedCellId = dateId;
}
else
{
var curryr = currTextObjValue.substring (0, 4);
var currmon = new Number (currTextObjValue.substring (4, 6)) - 1;
if ((curryr == yr) && (currmon == mon))
{
var currdt = currTextObjValue.substring (6, 8);
var currDate = new Date (yr, mon, currdt);
var firstOfMonth = new Date (yr, mon, 1);
var dayOfWeek = firstOfMonth.getDay();
var obj = eval ("date_" + (currDate.getDate()+dayOfWeek-1));
highlightThis (obj);
highlightedCellId = "date_" + (currDate.getDate()+dayOfWeek-1);
}
}
}
// highlights a given date cell
function highlightThis (ele)
{
if (highlightedCellId != "")
{
unhighlightThis (eval (highlightedCellId));
}
if (ele.innerText != '')
{
if (ele.className.indexOf ('date') != -1)
{
ele.className = 'dateOn';
}
else
{
ele.className = 'buttonStyleOn';
}
}
else
{
if (ele.className.indexOf ('date') != -1)
{
ele.className = 'dateOff';
}
else
{
ele.className = 'buttonStyleOff';
}
}
}
// unhighlights a given date cell
function unhighlightThis (ele)
{
if (ele.className.indexOf ('date') != -1)
{
ele.className = 'dateOff';
}
else
{
ele.className = 'monthOff';
}
}
// calls populateCalendar with the date object being the
// 1st day of the month and the year that the user has chosen
function displayCalendar()
{
var str = month.innerText + " 1, " + year.innerText;
var date = new Date (str);
populateCalendar (date);
}
// this is the method that needs to be customized to take
// any appropriate action when the user clicks a particular date.
function returnDate()
{
var str = month.innerText + " " + event.srcElement.innerText + ", " + year.innerText;
var date = new Date (str);
var dateStr = year.innerText;
//var dateStryr = ""
if (date.getMonth()+1 < 10)
{
dateStr += "0";
}
dateStr += date.getMonth()+1;
//alert(dateStr);
if (event.srcElement.innerText.length == 1)
{
dateStr += "0";
}
dateStr += event.srcElement.innerText;
//alert(dateStr);
var textObj = eval ("document.all." + calendarOutputFieldId);
//alert(dateStr);
dateStryr = dateStr.substring(0,4)
dateStrdt = dateStr.substring(6,8)
dateStrmn = dateStr.substring(4,6)
//alert(dateStrmn);
//alert (dateStrdt);
//alert(dateStryr);
textObj.value = dateStrmn+"/"+dateStrdt+"/"+dateStryr;
hideElement ('Calendar');
}
// clears the contents of the text box for which the calendar was
// displayed and also hides the calendar.
function clearDate()
{
var textObj = eval ("document.all." + calendarOutputFieldId);
textObj.value = "";
hideElement ('Calendar');
}
// end of calendar.js
/*
*/
//document.write('')
document.write('')
')
document.write(' 
')
document.write('