Popup Calendar
//
//
//
// Required Files:
//
// BookerCalendar.js - contains all JavaScript functions to make the calendar work
//
// BookerCalendar.html - frameset document (not required if you call the showCalendar()
// function. However, calling showCalendar() directly causes
// the Java Virtual Machine (JVM) to start which slows down the
// loading of the calendar.)
//
//
// Files Generally Included:
//
// calendar.gif - image that looks like a little calendar
//
// yourPage.html - page that contains a form and a date field which implements
// the calendar component
//
// 11-may-2005 J. Oelschlegel
// Added in a mandatoryDates() array that is a list of dates that MUST be selected
// and cannot be turned off via the user. The message must be that the date is mandatory if
// the user tries to disable it..
// 1-nov-2005 J. Oelschlegel Track # 29770 - calendar was not being displayed properly nor was proper date being
// selected. Problem stemmed from how date object was being manipulated. Full explanation is below in code.
// BEGIN USER-EDITABLE SECTION -----------------------------------------------------
// SPECIFY DATE FORMAT RETURNED BY THIS CALENDAR
// (THIS IS ALSO THE DATE FORMAT RECOGNIZED BY THIS CALENDAR)
// DATE FORMAT OPTIONS:
//
// dd = 1 or 2-digit Day
// DD = 2-digit Day
// mm = 1 or 2-digit Month
// MM = 2-digit Month
// yy = 2-digit Year
// YY = 4-digit Year
// yyyy = 4-digit Year
// month = Month name in lowercase letters
// Month = Month name in initial caps
// MONTH = Month name in captital letters
// mon = 3-letter month abbreviation in lowercase letters
// Mon = 3-letter month abbreviation in initial caps
// MON = 3-letter month abbreviation in uppercase letters
// weekday = name of week in lowercase letters
// Weekday = name of week in initial caps
// WEEKDAY = name of week in uppercase letters
// wkdy = 3-letter weekday abbreviation in lowercase letters
// Wkdy = 3-letter weekday abbreviation in initial caps
// WKDY = 3-letter weekday abbreviation in uppercase letters
//
// Examples:
//
// calDateFormat = "mm/dd/yy";
// calDateFormat = "Weekday, Month dd, yyyy";
// calDateFormat = "wkdy, mon dd, yyyy";
// calDateFormat = "DD.MM.YY"; // FORMAT UNSUPPORTED BY JAVASCRIPT -- REQUIRES CUSTOM PARSING
//
calDateFormat = "mm/dd/yyyy";
CELL_TYPE_DATE_IN_PAST = 0;
CELL_TYPE_NO_SELECT = 1;
CELL_TYPE_SELECT = 2;
CELL_TYPE_UNSELECT = 3;
DOW_Monday = 0x01;
DOW_Tuesday = 0x02;
DOW_Wednesday = 0x04;
DOW_Thursday = 0x08;
DOW_Friday = 0x10;
DOW_Saturday = 0x20;
DOW_Sunday = 0x40;
// CALENDAR COLORS
topBackground = "white"; // BG COLOR OF THE TOP FRAME
bottomBackground = "white"; // BG COLOR OF THE BOTTOM FRAME
tableBGColor = "black"; // BG COLOR OF THE BOTTOM FRAME'S TABLE
cellUnselectedColor = "lightgrey"; // TABLE CELL BG COLOR OF THE DATE CELLS IN THE BOTTOM FRAME
cellSelectedColor = "yellow"; // TABLE CELL BG COLOR OF THE SELECTED DATE CELLS IN THE BOTTOM FRAME
headingCellColor = "white"; // TABLE CELL BG COLOR OF THE WEEKDAY ABBREVIATIONS
headingTextColor = "black"; // TEXT COLOR OF THE WEEKDAY ABBREVIATIONS
dateColor = "blue"; // TEXT COLOR OF THE LISTED DATES (1-28+)
validDateColor = "white";
invalidDateColor = "lightgrey";
focusColor = "#ff0000"; // TEXT COLOR OF THE SELECTED DATE (OR CURRENT DATE)
hoverColor = "darkred"; // TEXT COLOR OF A LINK WHEN YOU HOVER OVER IT
fontStyle = "12pt arial, helvetica"; // TEXT STYLE FOR DATES
BIGfontStyle = "11pt bold, arial, helvetica"; // TEXT STYLE FOR HOVER DATES
headingFontStyle = "bold 12pt arial, helvetica"; // TEXT STYLE FOR WEEKDAY ABBREVIATIONS
// FORMATTING PREFERENCES
bottomBorder = false; // TRUE/FALSE (WHETHER TO DISPLAY BOTTOM CALENDAR BORDER)
tableBorder = 0; // SIZE OF CALENDAR TABLE BORDER (BOTTOM FRAME) 0=none
// END USER-EDITABLE SECTION -------------------------------------------------------
// DETERMINE BROWSER BRAND
var isNav = false;
var isIE = false;
var startDate = new Date(1901, 1, 1, 0, 0, 0, 0);
var validDates_a = new Array();
var invalidDates_a = new Array();
var selectedDates_a = new Array();
var savSelectedDates_a = new Array();
var deadlineDates_a = new Array();
var mandatoryDates_a = new Array();
var timeoutId;
var theDowMask;
// ASSUME IT'S EITHER NETSCAPE OR MSIE
if (navigator.appName == "Netscape") {
isNav = true;
}
else {
isIE = true;
}
// GET CURRENTLY SELECTED LANGUAGE
selectedLanguage = navigator.language;
// PRE-BUILD PORTIONS OF THE CALENDAR WHEN THIS JS LIBRARY LOADS INTO THE BROWSER
buildCalParts();
// CALENDAR FUNCTIONS BEGIN HERE ---------------------------------------------------
// FUNCTION: setDateFields
// PURPOSE: Setup Valid Dates, Invalid Dates, inserts and date fields,
// and valid start date.
// PARAMETERS: dateField - First date selected (datatype: text field)
// insertsField - number of inserts (datatype: text field)
// startDateField - valid start date (datatype: string)
// validDates - valid run dates user can select (datatype: string)
// invalidDates - invalid run dates user can select (datatype: string)
// validDowMask - valid Days of Week mask (days user can select, datatype: int)
// deadlineDates - valid start dates for each Day of Week (datatype: string)
// selectedDates - selected dates (datatype: hidden field)
// mandatoryDates - dates that should be in the 'validDates' array.. but that cannot be unselected by the
// user
//
function setDateFields(dateField,insertsField,startDateField,validDates,
invalidDates,DowMask,deadlineDates,selectedDates,mandatoryDates) {
if ( startDateField )
{
startDate.setTime(Date.parse(startDateField));
}
// ASSIGN THE INCOMING FIELD OBJECT TO A GLOBAL VARIABLE
calDateField = dateField;
calInsertsField = insertsField;
calSelectedDatesField = selectedDates;
// GET THE VALUE OF THE INCOMING FIELD
inDate = dateField.value;
// Track 24537 use today's date if the field is empty
if (inDate.length == 0) { var d = new Date(); inDate = "" + (d.getMonth()+1) + "/" + d.getDate() + "/" + d.getFullYear(); }
// SET calDate TO THE DATE IN THE INCOMING FIELD OR DEFAULT TO TODAY'S DATE
setInitialDate();
// Parse valid date string
validDates_a.length = 0;
if ( validDates )
{
ValidDateArrayStr = validDates.split('|');
if ( ValidDateArrayStr.length )
{
for ( var i=0 ; i