// // JavaScript Calendar Component // Author: Robert W. Husted (robert.husted@iname.com) // Date: 8/22/1999 // Modified Date: 11/30/1999 // Modified By: Robert W. Husted // Notes: Added frameset support (changed reference for "calWin" to "top.calWin") // Also changed Spanish "March" from "Marcha" to "Marzo" // Fixed JavaScript Date Anomaly affecting days > 28 // // // // Usage: Add the following lines of code to your page to enable the Calendar // component. // // // // THIS LINE LOADS THE JS LIBRARY FOR THE CALENDAR COMPONENT // // // // // // // THIS LINE IS USED IN CONJUNCTION WITH A FORM FIELD (myDateField) IN A FORM (myForm). // // Replace "myForm" and "myDateField" WITH THE NAME OF YOUR FORM AND INPUT FIELD RESPECTIVELY // // WINDOW OPTIONS SET THE WIDTH, HEIGHT, AND X/Y POSITION OF THE CALENDAR WINDOW // // WITH TITLEBAR ON, ALL OTHER OPTIONS (TOOLBARS, ETC) ARE DISABLED BY DEFAULT // // // Popup Calendar // // // // Required Files: // // calendar.js - contains all JavaScript functions to make the calendar work // // calendar.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 // // 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 // // CALENDAR COLORS headingTextColor = "black"; // TEXT COLOR OF THE WEEKDAY ABBREVIATIONS bgcolor="#CCCCCC" class="daysheader" dateColor = "blue"; // TEXT COLOR OF THE LISTED DATES (1-28+) faf9ec 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 headingFontStyle = "bold 12pt arial, helvetica"; // TEXT STYLE FOR WEEKDAY ABBREVIATIONS // FORMATTING PREFERENCES bottomBorder = false; // TRUE/FALSE (WHETHER TO DISPLAY BOTTOM CALENDAR BORDER) tableBorder = 1; // SIZE OF CALENDAR TABLE BORDER (BOTTOM FRAME) 0=none // END USER-EDITABLE SECTION ------------------------------------------------------- // DETERMINE BROWSER BRAND var isNav = false; var isIE = false; // ASSUME IT'S EITHER NETSCAPE OR MSIE if (navigator.appName == "Netscape") { isNav = true; } else { isIE = true; } // GET CURRENTLY SELECTED LANGUAGE selectedLanguage = navigator.language; serverURL = 'http://www.elginconnects.ca'; httpRoot = '/portal'; //cssPath = serverURL + '/portal/admin/css'; // For tracking what input field in the page does this calendar pop-up from // so it can tell if it is the first time using the pop-up calendar // and go the month that is newly selected var calendarTracking = new Object(); // SET THE INITIAL VALUE OF THE GLOBAL DATE FIELD function setDateField(dateField, dateValue, dateFormat, inMonths, inWeeks) { // ASSIGN THE INCOMING FIELD OBJECT TO A GLOBAL VARIABLE calDateField = dateField; calDateFormat = unescape( dateFormat ); var tmpMonths = unescape(inMonths); monthArray = tmpMonths.split(':'); var tmpWeeks = unescape(inWeeks); weekdayList = weekdayArray = tmpWeeks.split(':'); // GET THE VALUE OF THE INCOMING FIELD // if a num, then get value from memory // MR - we do not want the previous selected date // We want the date passed in to appear in the calendar // if ( isNaN( calendarTracking[dateField.name + "dateTrackingCount"] ) ) { inDate = unescape( dateValue ); // } else { // inDate = calendarTracking[dateField.name + "dateTracking"]; // } // SET calDate TO THE DATE IN THE INCOMING FIELD OR DEFAULT TO TODAY'S DATE setInitialDate(); buildCalParts(); // THE CALENDAR FRAMESET DOCUMENTS ARE CREATED BY JAVASCRIPT FUNCTIONS calDocTop = buildTopCalFrame(); calDocBottom = buildBottomCalFrame(); } // SET THE INITIAL CALENDAR DATE TO TODAY OR TO THE EXISTING VALUE IN dateField function setInitialDate() { // 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(); } // 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); } // POPUP A WINDOW WITH THE CALENDAR IN IT function showCalendar(dateField) { // SET INITIAL VALUE OF THE DATE FIELD AND CREATE TOP AND BOTTOM FRAMES setDateField(dateField); // USE THE JAVASCRIPT-GENERATED DOCUMENTS (calDocTop, calDocBottom) IN THE FRAMESET calDocFrameset = " Choose Date \n" + "\n" + " \n" + " \n" + "\n"; // DISPLAY THE CALENDAR IN A NEW POPUP WINDOW top.calWin = window.open("javascript:parent.opener.calDocFrameset", "calWin", winPrefs); top.calWin.focus(); } function getStyles() { return "" + "" + " " + "" + "" + " "; } // CREATE THE TOP CALENDAR FRAME function buildTopCalFrame() { // CREATE THE TOP FRAME OF THE CALENDAR var calDoc = " " + getStyles() + "" + " " + " " + " " + "
" + "
" + " " + " " + " " + " " + " " + "
" + "
" + "" + getMonthSelect() + " " + "
" + "
" + "
" + " " + " "; return calDoc; } // CREATE THE BOTTOM CALENDAR FRAME // (THE MONTHLY CALENDAR) function buildBottomCalFrame() { // START CALENDAR DOCUMENT var calDoc = calendarBegin; // GET MONTH, AND YEAR FROM GLOBAL CALENDAR DATE month = calDate.getMonth(); year = calDate.getFullYear(); // GET GLOBALLY-TRACKED DAY VALUE (PREVENTS JAVASCRIPT DATE ANOMALIES) day = calDay; var i = 0; // DETERMINE THE NUMBER OF DAYS IN THE CURRENT MONTH var days = getDaysInMonth(); // IF GLOBAL DAY VALUE IS > THAN DAYS IN MONTH, HIGHLIGHT LAST DAY IN MONTH if (day > days) { day = days; } // DETERMINE WHAT DAY OF THE WEEK THE CALENDAR STARTS ON var firstOfMonth = new Date (year, month, 1); // GET THE DAY OF THE WEEK THE FIRST DAY OF THE MONTH FALLS ON var startingPos = firstOfMonth.getDay(); days += startingPos; // KEEP TRACK OF THE COLUMNS, START A NEW ROW AFTER EVERY 7 COLUMNS var columnCount = 0; // MAKE BEGINNING NON-DATE CELLS BLANK for (i = 0; i < startingPos; i++) { calDoc += blankCell; columnCount++; } // SET VALUES FOR DAYS OF THE MONTH var currentDay = 0; //var dayType = "weekday"; // DATE CELLS CONTAIN A NUMBER for (i = startingPos; i < days; i++) { var paddingChar = " "; // ADJUST SPACING SO THAT ALL LINKS HAVE RELATIVELY EQUAL WIDTHS if (i-startingPos+1 < 10) { padding = "  "; } else { padding = " "; } // GET THE DAY CURRENTLY BEING WRITTEN currentDay = i-startingPos+1; // SET THE TYPE OF DAY, THE focusDay GENERALLY APPEARS AS A DIFFERENT COLOR if (currentDay == day) { //dayType = "focusDay"; // ADD THE DAY TO THE CALENDAR STRING calDoc += "" + padding + "" + currentDay + "" + paddingChar + ""; } else { //dayType = "weekDay"; // ADD THE DAY TO THE CALENDAR STRING calDoc += "" + padding + "" + currentDay + "" + paddingChar + ""; //epi-buttonLink //bgcolor="#CCCCCC" class="daysheader" } columnCount++; // START A NEW ROW WHEN NECESSARY if (columnCount % 7 == 0) { // calDoc += ""; calDoc += ""; } } // MAKE REMAINING NON-DATE CELLS BLANK for (i=days; i<42; i++) { calDoc += blankCell; columnCount++; // START A NEW ROW WHEN NECESSARY if (columnCount % 7 == 0) { calDoc += ""; if (i<41) { // calDoc += ""; calDoc += ""; } } } // FINISH THE NEW CALENDAR PAGE calDoc += calendarEnd; // RETURN THE COMPLETED CALENDAR PAGE return calDoc; } // WRITE THE MONTHLY CALENDAR TO THE BOTTOM CALENDAR FRAME function writeCalendar() { // CREATE THE NEW CALENDAR FOR THE SELECTED MONTH & YEAR calDocBottom = buildBottomCalFrame(); // WRITE THE NEW CALENDAR TO THE BOTTOM FRAME // Netscape doesn't like reopen document command //top.calWin.frames['bottomCalFrame'].document.open(); top.calWin.frames['bottomCalFrame'].document.body.innerHTML = calDocBottom; top.calWin.frames['bottomCalFrame'].document.close(); } // SET THE CALENDAR TO TODAY'S DATE AND DISPLAY THE NEW CALENDAR function setToday() { // SET GLOBAL DATE TO TODAY'S DATE calDate = new Date(); // SET DAY MONTH AND YEAR TO TODAY'S DATE var month = calDate.getMonth(); var year = calDate.getFullYear(); // SET MONTH IN DROP-DOWN LIST top.calWin.frames['topCalFrame'].document.calControl.month.selectedIndex = month; // SET YEAR VALUE top.calWin.frames['topCalFrame'].document.calControl.year.value = year; // DISPLAY THE NEW CALENDAR writeCalendar(); } // SET THE GLOBAL DATE TO THE NEWLY ENTERED YEAR AND REDRAW THE CALENDAR function setYear() { // GET THE NEW YEAR VALUE var year = top.calWin.frames['topCalFrame'].document.calControl.year.value; // IF IT'S A FOUR-DIGIT YEAR THEN CHANGE THE CALENDAR if (isFourDigitYear(year)) { calDate.setFullYear(year); writeCalendar(); } else { // HIGHLIGHT THE YEAR IF THE YEAR IS NOT FOUR DIGITS IN LENGTH top.calWin.frames['topCalFrame'].document.calControl.year.focus(); top.calWin.frames['topCalFrame'].document.calControl.year.select(); } } // SET THE GLOBAL DATE TO THE SELECTED MONTH AND REDRAW THE CALENDAR function setCurrentMonth() { // GET THE NEWLY SELECTED MONTH AND CHANGE THE CALENDAR ACCORDINGLY var month = top.calWin.frames['topCalFrame'].document.calControl.month.selectedIndex; calDate.setMonth(month); writeCalendar(); } // SET THE GLOBAL DATE TO THE PREVIOUS YEAR AND REDRAW THE CALENDAR function setPreviousYear() { var year = top.calWin.frames['topCalFrame'].document.calControl.year.value; if (isFourDigitYear(year) && year > 1000) { year--; calDate.setFullYear(year); top.calWin.frames['topCalFrame'].document.calControl.year.value = year; writeCalendar(); } } // SET THE GLOBAL DATE TO THE PREVIOUS MONTH AND REDRAW THE CALENDAR function setPreviousMonth() { var year = top.calWin.frames['topCalFrame'].document.calControl.year.value; if (isFourDigitYear(year)) { var month = top.calWin.frames['topCalFrame'].document.calControl.month.selectedIndex; // IF MONTH IS JANUARY, SET MONTH TO DECEMBER AND DECREMENT THE YEAR if (month == 0) { month = 11; if (year > 1000) { year--; calDate.setFullYear(year); top.calWin.frames['topCalFrame'].document.calControl.year.value = year; } } else { month--; } calDate.setMonth(month); top.calWin.frames['topCalFrame'].document.calControl.month.selectedIndex = month; writeCalendar(); } } // SET THE GLOBAL DATE TO THE NEXT MONTH AND REDRAW THE CALENDAR function setNextMonth() { var year = top.calWin.frames['topCalFrame'].document.calControl.year.value; if (isFourDigitYear(year)) { var month = top.calWin.frames['topCalFrame'].document.calControl.month.selectedIndex; // IF MONTH IS DECEMBER, SET MONTH TO JANUARY AND INCREMENT THE YEAR if (month == 11) { month = 0; year++; calDate.setFullYear(year); top.calWin.frames['topCalFrame'].document.calControl.year.value = year; } else { month++; } calDate.setMonth(month); top.calWin.frames['topCalFrame'].document.calControl.month.selectedIndex = month; writeCalendar(); } } // SET THE GLOBAL DATE TO THE NEXT YEAR AND REDRAW THE CALENDAR function setNextYear() { var year = top.calWin.frames['topCalFrame'].document.calControl.year.value; if (isFourDigitYear(year)) { year++; calDate.setFullYear(year); top.calWin.frames['topCalFrame'].document.calControl.year.value = year; writeCalendar(); } } // GET NUMBER OF DAYS IN MONTH function getDaysInMonth() { var days; var month = calDate.getMonth()+1; var year = calDate.getFullYear(); // RETURN 31 DAYS if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12) { days=31; } // RETURN 30 DAYS else if (month==4 || month==6 || month==9 || month==11) { days=30; } // RETURN 29 DAYS else if (month==2) { if (isLeapYear(year)) { days=29; } // RETURN 28 DAYS else { days=28; } } return (days); } // CHECK TO SEE IF YEAR IS A LEAP YEAR function isLeapYear (Year) { if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) { return (true); } else { return (false); } } // ENSURE THAT THE YEAR IS FOUR DIGITS IN LENGTH function isFourDigitYear(year) { if (year.length != 4) { top.calWin.frames['topCalFrame'].document.calControl.year.value = calDate.getFullYear(); top.calWin.frames['topCalFrame'].document.calControl.year.select(); top.calWin.frames['topCalFrame'].document.calControl.year.focus(); } else { return true; } } // BUILD THE MONTH SELECT LIST function getMonthSelect() { // DETERMINE MONTH TO SET AS DEFAULT var activeMonth = calDate.getMonth(); // START HTML SELECT LIST ELEMENT //monthSelect = localeDate; monthSelect = ""; // RETURN A STRING VALUE WHICH CONTAINS A SELECT LIST OF ALL 12 MONTHS return monthSelect; } // SET DAYS OF THE WEEK DEPENDING ON LANGUAGE function createWeekdayList() { // START HTML TO HOLD WEEKDAY NAMES IN TABLE FORMAT var weekdays = ""; // LOOP THROUGH WEEKDAY ARRAY for (var i = 0; i < weekdayArray.length -1; i++) { weekdays += "" + weekdayArray[i] + ""; } weekdays += ""; // RETURN TABLE ROW OF WEEKDAY ABBREVIATIONS TO DISPLAY ABOVE THE CALENDAR return weekdays; } // PRE-BUILD PORTIONS OF THE CALENDAR (FOR PERFORMANCE REASONS) function buildCalParts() { // GENERATE WEEKDAY HEADERS FOR THE CALENDAR weekdays = createWeekdayList(); // BUILD THE BLANK CELL ROWS blankCell = "   "; // BUILD THE TOP PORTION OF THE CALENDAR PAGE USING CSS TO CONTROL SOME DISPLAY ELEMENTS calendarBegin = " " + getStyles() + "" + " " + " " + "
"; // NAVIGATOR NEEDS A TABLE CONTAINER TO DISPLAY THE TABLE OUTLINES PROPERLY if (isNav) { calendarBegin += "" + "
"; } // BUILD WEEKDAY HEADINGS calendarBegin += "" + weekdays + ""; // BUILD THE BOTTOM PORTION OF THE CALENDAR PAGE calendarEnd = ""; // WHETHER OR NOT TO DISPLAY A THICK LINE BELOW THE CALENDAR if (bottomBorder) { calendarEnd += ""; } // NAVIGATOR NEEDS A TABLE CONTAINER TO DISPLAY THE BORDERS PROPERLY if (isNav) { calendarEnd += "
"; } // END THE TABLE AND HTML DOCUMENT calendarEnd += "
" + "" + "
" + " " + " "; } // REPLACE ALL INSTANCES OF find WITH replace // inString: the string you want to convert // find: the value to search for // replace: the value to substitute // // usage: jsReplace(inString, find, replace); // example: jsReplace("To be or not to be", "be", "ski"); // result: "To ski or not to ski" // function jsReplace(inString, find, replace) { var outString = ""; if (!inString) { return ""; } // REPLACE ALL INSTANCES OF find WITH replace if (inString.indexOf(find) != -1) { // SEPARATE THE STRING INTO AN ARRAY OF STRINGS USING THE VALUE IN find t = inString.split(find); // JOIN ALL ELEMENTS OF THE ARRAY, SEPARATED BY THE VALUE IN replace return (t.join(replace)); } else { return inString; } } // JAVASCRIPT FUNCTION -- DOES NOTHING (USED FOR THE HREF IN THE CALENDAR CALL) function calendar() { } // ENSURE THAT VALUE IS TWO DIGITS IN LENGTH function makeTwoDigit(inValue) { var numVal = parseInt(inValue, 10); // VALUE IS LESS THAN TWO DIGITS IN LENGTH if (numVal < 10) { // ADD A LEADING ZERO TO THE VALUE AND RETURN IT return("0" + numVal); } else { return numVal; } } // SET FIELD VALUE TO THE DATE SELECTED AND CLOSE THE CALENDAR WINDOW function returnDate(inDay) { // inDay = THE DAY THE USER CLICKED ON calDate.setDate(inDay); // SET THE DATE RETURNED TO THE USER var day = calDate.getDate(); var month = calDate.getMonth()+1; var year = calDate.getFullYear(); var monthString = monthArray[calDate.getMonth()]; var monthAbbrev = monthString.substring(0,3); var weekday = weekdayList[calDate.getDay()]; //var weekdayAbbrev = weekday.substring(0,3); var weekdayAbbrev = weekdayList[calDate.getDay()]; outDate = calDateFormat; // Set the newly selected date so that next time when click on the same pop-up calendar // it will show the newly selected month calendarTracking[calDateField.name + "dateTracking"] = calDate.toLocaleString(); calendarTracking[calDateField.name + "dateTrackingCount"] = 0; // RETURN TWO DIGIT DAY if (calDateFormat.indexOf("dd") != -1) { day = makeTwoDigit(day); outDate = jsReplace(outDate, "dd", day); } // RETURN ONE OR TWO DIGIT DAY else if (calDateFormat.indexOf("d") != -1) { outDate = jsReplace(outDate, "d", day); } // RETURN TWO DIGIT MONTH if (calDateFormat.indexOf("MM") != -1) { month = makeTwoDigit(month); outDate = jsReplace(outDate, "MM", month); } // RETURN ONE OR TWO DIGIT MONTH else if (calDateFormat.indexOf("M") != -1) { outDate = jsReplace(outDate, "M", month); } // RETURN FOUR-DIGIT YEAR if (calDateFormat.indexOf("yyyy") != -1) { outDate = jsReplace(outDate, "yyyy", year); } // RETURN TWO-DIGIT YEAR else if (calDateFormat.indexOf("yy") != -1) { var yearString = "" + year; var yearString = yearString.substring(2,4); outDate = jsReplace(outDate, "yy", yearString); } // RETURN FOUR-DIGIT YEAR else if (calDateFormat.indexOf("YY") != -1) { outDate = jsReplace(outDate, "YY", year); } // RETURN DAY OF MONTH (Initial Caps) if (calDateFormat.indexOf("Month") != -1) { outDate = jsReplace(outDate, "Month", monthString); } // RETURN DAY OF MONTH (lowercase letters) else if (calDateFormat.indexOf("month") != -1) { outDate = jsReplace(outDate, "month", monthString.toLowerCase()); } // RETURN DAY OF MONTH (UPPERCASE LETTERS) else if (calDateFormat.indexOf("MONTH") != -1) { outDate = jsReplace(outDate, "MONTH", monthString.toUpperCase()); } // RETURN DAY OF MONTH 3-DAY ABBREVIATION (Initial Caps) if (calDateFormat.indexOf("Mon") != -1) { outDate = jsReplace(outDate, "Mon", monthAbbrev); } // RETURN DAY OF MONTH 3-DAY ABBREVIATION (lowercase letters) else if (calDateFormat.indexOf("mon") != -1) { outDate = jsReplace(outDate, "mon", monthAbbrev.toLowerCase()); } // RETURN DAY OF MONTH 3-DAY ABBREVIATION (UPPERCASE LETTERS) else if (calDateFormat.indexOf("MON") != -1) { outDate = jsReplace(outDate, "MON", monthAbbrev.toUpperCase()); } // RETURN WEEKDAY (Initial Caps) if (calDateFormat.indexOf("Weekday") != -1) { outDate = jsReplace(outDate, "Weekday", weekday); } // RETURN WEEKDAY (lowercase letters) else if (calDateFormat.indexOf("weekday") != -1) { outDate = jsReplace(outDate, "weekday", weekday.toLowerCase()); } // RETURN WEEKDAY (UPPERCASE LETTERS) else if (calDateFormat.indexOf("WEEKDAY") != -1) { outDate = jsReplace(outDate, "WEEKDAY", weekday.toUpperCase()); } // RETURN WEEKDAY 3-DAY ABBREVIATION (Initial Caps) if (calDateFormat.indexOf("Wkdy") != -1) { outDate = jsReplace(outDate, "Wkdy", weekdayAbbrev); } // RETURN WEEKDAY 3-DAY ABBREVIATION (lowercase letters) else if (calDateFormat.indexOf("wkdy") != -1) { outDate = jsReplace(outDate, "wkdy", weekdayAbbrev.toLowerCase()); } // RETURN WEEKDAY 3-DAY ABBREVIATION (UPPERCASE LETTERS) else if (calDateFormat.indexOf("WKDY") != -1) { outDate = jsReplace(outDate, "WKDY", weekdayAbbrev.toUpperCase()); } // SET THE VALUE OF THE FIELD THAT WAS PASSED TO THE CALENDAR calDateField.value = outDate; // GIVE FOCUS BACK TO THE DATE FIELD //calDateField.focus(); getDateFromCal(calDateField); // CLOSE THE CALENDAR WINDOW top.calWin.close() }