//
//
//
//
// Required Files:
//
// calendar.js - contains all JavaScript functions to make the calendar work
//
//
// Files Generally Included:
//
// calendar.html - frameset document (not required if you call the showCalendar()
// function, which is recommended. However, calling showCalendar()
// directly causes the Java Virtual Machine (JVM) to start which
// slows down the loading of the calendar.)
//
// calendar.gif - image that looks like a little calendar
//
//
// 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
//
var UNDEFINED; // do not assign!
calDateFormat = "DD-MM-YYYY";
// CALENDAR COLORS
topBackground = "#e5e5e5"; // BG COLOR OF THE TOP FRAME
bottomBackground = "#e5e5e5"; // BG COLOR OF THE BOTTOM FRAME
tableBGColor = "black"; // BG COLOR OF THE BOTTOM FRAME'S TABLE
cellColor = "#e5e5e5"; // TABLE CELL BG COLOR OF THE DATE CELLS IN THE BOTTOM FRAME
headingCellColor = "#bec3c6"; // TABLE CELL BG COLOR OF THE WEEKDAY ABBREVIATIONS
headingTextColor = "#555555"; // TEXT COLOR OF THE WEEKDAY ABBREVIATIONS
dateColor = "#555555"; // TEXT COLOR OF THE LISTED DATES (1-28+)
focusColor = "black"; // TEXT COLOR OF THE SELECTED DATE (OR CURRENT DATE)
hoverColor = "#555555"; // TEXT COLOR OF A LINK WHEN YOU HOVER OVER IT
hoverBgColor = "#bec3c6"; // BACKGROUND COLOR OF A LINK WHEN YOU HOVER OVER IT
fontStyle = "11px Verdana, arial, helvetica"; // TEXT STYLE FOR DATES
headingFontStyle = "bold 11px Verdana, 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
var winTitle = "Choose a Date";
// END USER-EDITABLE SECTION -------------------------------------------------------
// DETERMINE BROWSER BRAND
var isNav = (navigator.appName=="Netscape");
var isIE = !isNav;
// 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 ---------------------------------------------------
// SET THE INITIAL VALUE OF THE GLOBAL DATE FIELD
function setDateField(dateField)
{
// ASSIGN THE INCOMING FIELD OBJECT TO A GLOBAL VARIABLE
calDateField = dateField;
// GET THE VALUE OF THE INCOMING FIELD
inDate = dateField.value;
// rbrown added
if ( dateField.value=="" && dateField.caldate!=UNDEFINED )
inDate = dateField.caldate;
// SET calDate TO THE DATE IN THE INCOMING FIELD OR DEFAULT TO TODAY'S DATE
setInitialDate(inDate);
// THE CALENDAR FRAMESET DOCUMENTS ARE CREATED BY JAVASCRIPT FUNCTIONS
calDocTop = buildTopCalFrame();
calDocBottom = buildBottomCalFrame();
//alert(calDocBottom);
}
// SET THE INITIAL CALENDAR DATE TO TODAY OR TO THE EXISTING VALUE IN dateField
function setInitialDate(inDate)
{
// CREATE A NEW DATE OBJECT (WILL GENERALLY PARSE CORRECT DATE EXCEPT WHEN "." IS USED AS A DELIMITER)
// (THIS ROUTINE DOES *NOT* CATCH ALL DATE FORMATS, IF YOU NEED TO PARSE A CUSTOM DATE FORMAT, DO IT HERE)
calDate = new Date(inDate);
// IF THE INCOMING DATE IS INVALID, USE THE CURRENT DATE
if (isNaN(calDate))
{
// ADD CUSTOM DATE PARSING HERE
// IF IT FAILS, SIMPLY CREATE A NEW DATE OBJECT WHICH DEFAULTS TO THE CURRENT DATE
calDate = new Date();
}
if ( (y=calDate.getYear()) < 100 )
{
calDate.setYear( y<80 ? y+2000 : y+1900 );
}
// KEEP TRACK OF THE CURRENT DAY VALUE
calDay = calDate.getDate();
// SET DAY VALUE TO 1... TO AVOID JAVASCRIPT DATE CALCULATION ANOMALIES
// (IF THE MONTH CHANGES TO FEB AND THE DAY IS 30, THE MONTH WOULD CHANGE TO MARCH
// AND THE DAY WOULD CHANGE TO 2. SETTING THE DAY TO 1 WILL PREVENT THAT)
calDate.setDate(1);
}
// functions to get X and Y coordinates of the date field
function getX(obj)
{
return( obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+getX(obj.offsetParent) );
}
function getY(obj)
{
return( obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+getY(obj.offsetParent) );
}
// POPUP A WINDOW WITH THE CALENDAR IN IT
// inX and inY are optional parameters. Use them to set the calendar window's location.
function showCalendar(dateField,inX,inY)
{
if ( dateField==UNDEFINED || dateField.value==UNDEFINED )
{
alert("Invalid or unspecified date field.");
return(false);
}
if ( dateField.label == UNDEFINED || dateField.label.length == 0 )
winTitle = "Choose a Date";
else
winTitle = dateField.label;
if ( dateField.title == UNDEFINED || dateField.title.length == 0 )
dateField.title = "MM/DD/YYYY";
dateField.focus();
dateField.select();
setDateField(dateField);
// This section calculates the position of the calendar in relation to
// the dateField. Be careful changing these as Netscape and IE behave
// differently, and a small adjustment to one could be big to the other.
var sx = self.screenX ? self.screenX : self.screenLeft;
var sy = self.screenY ? self.screenY : self.screenTop;
if (!sx) sx=10;
if (!sy) sy=10;
var W=178 + 10*eval(tableBorder);
var H=212 + 10*eval(tableBorder);
var defX = dateField.offsetLeft ? getX(dateField)+sx+5 : ((screen.width/2)-(W/2));
var defY = dateField.offsetTop ? getY(dateField)+sy+20 : ((screen.height/2)-(H/2));
var X = (inX==UNDEFINED) ? Math.min(defX,screen.width-W-20) : eval(inX);
var Y = (inY==UNDEFINED) ? Math.min(defY,screen.height-H-40) : eval(inY);
var winPrefs = "width=" + W + ",height=" + H
+ ",innerWidth=" + W + ",innerHeight=" + H
+ ",left=" + X + ",top=" + Y
+ ",screenX=" + X + ",screenY=" + Y
+ ",dependent=yes,titlebar=yes";
// USE THE JAVASCRIPT-GENERATED DOCUMENTS (calDocTop, calDocBottom) IN THE FRAMESET
calDocFrameset =
"| \n";
}
// BUILD WEEKDAY HEADINGS
calendarBegin +=
" |