/* ********************************************* $Id: calendarmws.php,v 1.1 2005/08/17 14:21:01 angus Exp $ calendermws.js - Script for generating calender popups and selecting dates for form submissions. See http://www.macridesweb.com/oltest/calendar.html for a demonstration. Initial: November 9, 2003 - Last Revised: April 17, 2004 **** Original: Kedar R. Bhave (softricks@hotmail.com) Web Site: http://www.softricks.com (uses window popups) Modifications and customizations to work with the overLIB v3.50 Author: James B. O'Connor (joconnor@nordenterprises.com) Web Site: http://www.nordenterprises.com Developed for use with http://home-owners-assoc.com Note: while overlib works fine with Netscape 4, this function does not work very well, since portions of the "over" div end up under other fields on the form and cannot be seen. If you want to use this with NS4, you'll need to change the positioning in the overlib() call to make sure the "over" div gets positioned away from all other form fields The O'Connor script and many more are available free online at: The JavaScript Source!! http://javascript.internet.com Further modifications made by Foteos Macrides (http://www.macridesweb.com/oltest/) and Bill McCormick (wpmccormick@freeshell.org) for overlibmws Modified to accommodate multi-language support and convert to PHP script by Angus Cameron, AusVet Animal Health Services, 2 April 2005 ********************************************* */ var weekend = [0,6]; var weekendColor = "#e0e0e0"; var fontface = "Verdana"; var fontsize = 8; // in "pt" units; used with "font-size" style element var gNow = new Date(); var ggWinContent; var ggPosX = -1; var ggPosY = -1; Calendar.Months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; // Non-Leap year Month days.. Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; // Leap year Month days.. Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; function Calendar(p_item, p_month, p_year, p_format) { if ((p_month == null) && (p_year == null)) return; if (p_month == null) { this.gMonthName = null; this.gMonth = null; this.gYearly = true; } else { this.gMonthName = Calendar.get_month(p_month); this.gMonth = new Number(p_month); this.gYearly = false; } this.gYear = p_year; this.gFormat = p_format; this.gBGColor = "white"; this.gFGColor = "black"; this.gTextColor = "black"; this.gHeaderColor = "black"; this.gReturnItem = p_item; } Calendar.get_month = Calendar_get_month; Calendar.get_daysofmonth = Calendar_get_daysofmonth; Calendar.calc_month_year = Calendar_calc_month_year; function Calendar_get_month(monthNo) { return Calendar.Months[monthNo]; } function Calendar_get_daysofmonth(monthNo, p_year) { /* Check for leap year .. 1.Years evenly divisible by four are normally leap years, except for... 2.Years also evenly divisible by 100 are not leap years, except for... 3.Years also evenly divisible by 400 are leap years. */ if ((p_year % 4) == 0) { if ((p_year % 100) == 0 && (p_year % 400) != 0) return Calendar.DOMonth[monthNo]; return Calendar.lDOMonth[monthNo]; } else return Calendar.DOMonth[monthNo]; } function Calendar_calc_month_year(p_Month, p_Year, incr) { /* Will return an 1-D array with 1st element being the calculated month and second being the calculated year after applying the month increment/decrement as specified by 'incr' parameter. 'incr' will normally have 1/-1 to navigate thru the months. */ var ret_arr = new Array(); if (incr == -1) { // B A C K W A R D if (p_Month == 0) { ret_arr[0] = 11; ret_arr[1] = parseInt(p_Year) - 1; } else { ret_arr[0] = parseInt(p_Month) - 1; ret_arr[1] = parseInt(p_Year); } } else if (incr == 1) { // F O R W A R D if (p_Month == 11) { ret_arr[0] = 0; ret_arr[1] = parseInt(p_Year) + 1; } else { ret_arr[0] = parseInt(p_Month) + 1; ret_arr[1] = parseInt(p_Year); } } return ret_arr; } function Calendar_calc_month_year(p_Month, p_Year, incr) { /* Will return an 1-D array with 1st element being the calculated month and second being the calculated year after applying the month increment/decrement as specified by 'incr' parameter. 'incr' will normally have 1/-1 to navigate thru the months. */ var ret_arr = new Array(); if (incr == -1) { // B A C K W A R D if (p_Month == 0) { ret_arr[0] = 11; ret_arr[1] = parseInt(p_Year) - 1; } else { ret_arr[0] = parseInt(p_Month) - 1; ret_arr[1] = parseInt(p_Year); } } else if (incr == 1) { // F O R W A R D if (p_Month == 11) { ret_arr[0] = 0; ret_arr[1] = parseInt(p_Year) + 1; } else { ret_arr[0] = parseInt(p_Month) + 1; ret_arr[1] = parseInt(p_Year); } } return ret_arr; } // This is for compatibility with Navigator 3, we have to create and discard one object // before the prototype object exists. new Calendar(); Calendar.prototype.getMonthlyCalendarCode = function() { var vCode = ""; var vHeader_Code = ""; var vData_Code = ""; // Begin Table Drawing code here.. vCode += ("
"); vHeader_Code = this.cal_header(); vData_Code = this.cal_data(); vCode += (vHeader_Code + vData_Code); vCode += "
"; return vCode; } Calendar.prototype.show = function() { var vCode = ""; // build content into global var ggWinContent ggWinContent += (""); ggWinContent += (this.gMonthName + " " + this.gYear); ggWinContent += "
"; // Show navigation buttons var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1); var prevMM = prevMMYYYY[0]; var prevYYYY = prevMMYYYY[1]; var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1); var nextMM = nextMMYYYY[0]; var nextYYYY = nextMMYYYY[1]; ggWinContent += ("
"); ggWinContent += ("[<<Year<\/A>]"); ggWinContent += ("[<Month<\/A>]"); ggWinContent += "       "; ggWinContent += ("[Month><\/A>]"); ggWinContent += ("[Year>><\/A>]

"); // Get the complete calendar code for the month, and add it to the content var vCode = this.getMonthlyCalendarCode(); ggWinContent += vCode; } Calendar.prototype.showY = function() { var vCode = ""; var i; ggWinContent += "" ggWinContent += ("Year : " + this.gYear); ggWinContent += "
"; // Show navigation buttons var prevYYYY = parseInt(this.gYear) - 1; var nextYYYY = parseInt(this.gYear) + 1; ggWinContent += ("
"); ggWinContent += ("[<<Year<\/A>]"); ggWinContent += "       "; ggWinContent += ("[Year>><\/A>]

"); // Get the complete calendar code for each month. // start a table and first row in the table ggWinContent += (""); var j; for (i=0; i<12; i++) { // start the table cell ggWinContent += ""; if (i == 3 || i == 7) { ggWinContent += ""; } } ggWinContent += "
"; this.gMonth = i; this.gMonthName = Calendar.get_month(this.gMonth); vCode = this.getMonthlyCalendarCode(); ggWinContent += (this.gMonthName + "/" + this.gYear + "
"); ggWinContent += vCode; ggWinContent += "

"; } Calendar.prototype.cal_header = function() { var vCode = ""; vCode = vCode + ""; vCode = vCode + "Sun"; vCode = vCode + "Mon"; vCode = vCode + "Tue"; vCode = vCode + "Wed"; vCode = vCode + "Thu"; vCode = vCode + "Fri"; vCode = vCode + "Sat"; vCode = vCode + ""; return vCode; } Calendar.prototype.cal_data = function() { var vDate = new Date(); vDate.setDate(1); vDate.setMonth(this.gMonth); vDate.setFullYear(this.gYear); var vFirstDay=vDate.getDay(); var vDay=1; var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear); var vOnLastDay=0; var vCode = ""; /* Get day for the 1st of the requested month/year.. Place as many blank cells before the 1st day of the month as necessary. */ vCode = vCode + ""; for (i=0; i "; } // Write rest of the 1st week for (j=vFirstDay; j<7; j++) { vCode = vCode + "" + "" + this.format_day(vDay) + "" + ""; vDay += 1; } vCode = vCode + ""; // Write the rest of the weeks for (k=2; k<7; k++) { vCode = vCode + ""; for (j=0; j<7; j++) { vCode = vCode + "" + "" + this.format_day(vDay) + "" + ""; vDay += 1; if (vDay > vLastDay) { vOnLastDay = 1; break; } } if (j == 6) vCode = vCode + ""; if (vOnLastDay == 1) break; } // Fill up the rest of last week with proper blanks, so that we get proper square blocks for (m=1; m<(7-j); m++) { if (this.gYearly) vCode = vCode + " "; else vCode = vCode + "" + m + ""; } return vCode; } Calendar.prototype.format_day = function(vday) { var vNowDay = gNow.getDate(); var vNowMonth = gNow.getMonth(); var vNowYear = gNow.getFullYear(); if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear) return ("" + vday + ""); else return (vday); } Calendar.prototype.write_weekend_string = function(vday) { var i; // Return special formatting for the weekend day. for (i=0; i' + p_format, FGCOLOR,'#ffffcc', TEXTSIZE,2, STICKY, NOCLOSE, OFFSETX,-10, OFFSETY,-10, WIDTH,110, BASE,2); Build(p_item, p_month, p_year, p_format); } function show_yearly_calendar() { /* p_item : Return Item. p_year : 4-digit year p_format: Date format (YYYY-MM-DD, DD/MM/YYYY, ...) */ p_item = arguments[0]; if (arguments[1] == "" || arguments[1] == null) p_year = new String(gNow.getFullYear().toString()); else p_year = arguments[1]; if (arguments[2] == "" || arguments[2] == null) p_format = "DD/MM/YYYY"; // p_format = "DD/MM/YYYY"; else p_format = arguments[2]; if (OLns4) return overlib('Sorry, your browser does not support this feature. ' +'Manually enter
' + p_format, FGCOLOR,'#ffffcc', TEXTSIZE,2, STICKY, NOCLOSE, OFFSETX,-10, OFFSETY,-10, WIDTH,110, BASE,2); Build(p_item, null, p_year, p_format); } /* Date Validation code */ /** * DHTML date validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/) */ // Declaring valid date character, minimum year and maximum year var dtCh= "/"; var minYear=1900; var maxYear=2100; function isInteger(s){ var i; for (i = 0; i < s.length; i++){ // Check that current character is number. var c = s.charAt(i); if (((c < "0") || (c > "9"))) return false; } // All characters are numbers. return true; } function stripCharsInBag(s, bag){ var i; var returnString = ""; // Search through string's characters one by one. // If character is not in bag, append to returnString. for (i = 0; i < s.length; i++){ var c = s.charAt(i); if (bag.indexOf(c) == -1) returnString += c; } return returnString; } function daysInFebruary (year){ // February has 29 days in any year evenly divisible by four, // EXCEPT for centurial years which are not also divisible by 400. return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 ); } function DaysArray(n) { for (var i = 1; i <= n; i++) { this[i] = 31 if (i==4 || i==6 || i==9 || i==11) {this[i] = 30} if (i==2) {this[i] = 29} } return this } // date comparison function - takes two date strings in d/m/y or m/d/y format and returns // 1 if d1 > d2 // 0 if d1 < d2 // -1 if d1 = d2 function dateAfter(dtStr1,dtStr2,format){ var daysInMonth = DaysArray(12) var pos11=dtStr1.indexOf(dtCh) var pos12=dtStr1.indexOf(dtCh,pos11+1) var pos21=dtStr2.indexOf(dtCh) var pos22=dtStr2.indexOf(dtCh,pos21+1) if (format=='d/m/Y') { var strDay1=dtStr1.substring(0,pos11) var strMonth1=dtStr1.substring(pos11+1,pos12) var strDay2=dtStr2.substring(0,pos21) var strMonth2=dtStr2.substring(pos21+1,pos22) } else { var strMonth1=dtStr1.substring(0,pos11) var strDay1=dtStr1.substring(pos11+1,pos12) var strMonth2=dtStr2.substring(0,pos21) var strDay2=dtStr2.substring(pos21+1,pos22) } var strYear1=dtStr1.substring(pos12+1) strYr1=strYear1 var strYear2=dtStr2.substring(pos22+1) strYr2=strYear2 if (strDay1.charAt(0)=="0" && strDay1.length>1) strDay1=strDay1.substring(1) if (strMonth1.charAt(0)=="0" && strMonth1.length>1) strMonth1=strMonth1.substring(1) for (var i = 1; i <= 3; i++) { if (strYr1.charAt(0)=="0" && strYr1.length>1) strYr1=strYr1.substring(1) } month1=parseInt(strMonth1) day1=parseInt(strDay1) year1=parseInt(strYr1) if (strDay2.charAt(0)=="0" && strDay2.length>1) strDay2=strDay2.substring(1) if (strMonth2.charAt(0)=="0" && strMonth2.length>1) strMonth2=strMonth2.substring(1) for (var i = 1; i <= 3; i++) { if (strYr2.charAt(0)=="0" && strYr2.length>1) strYr2=strYr2.substring(1) } month2=parseInt(strMonth2) day2=parseInt(strDay2) year2=parseInt(strYr2) var date1=new Date(year1,month1,day1); var date2=new Date(year2,month2,day2); if (date1 > date2) return 1 else if (date1 < date2) return 0 else return -1 } function isDate(dtStr,format){ var daysInMonth = DaysArray(12) var pos1=dtStr.indexOf(dtCh) var pos2=dtStr.indexOf(dtCh,pos1+1) if (format=='d/m/Y') { var strDay=dtStr.substring(0,pos1) var strMonth=dtStr.substring(pos1+1,pos2) } else { var strMonth=dtStr.substring(0,pos1) var strDay=dtStr.substring(pos1+1,pos2) } var strYear=dtStr.substring(pos2+1) strYr=strYear if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1) if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1) for (var i = 1; i <= 3; i++) { if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1) } month=parseInt(strMonth) day=parseInt(strDay) year=parseInt(strYr) if (pos1==-1 || pos2==-1){ // alert("The date format should be : mm/dd/yyyy") return false } if (strMonth.length<1 || month<1 || month>12){ // alert("Please enter a valid month") return false } if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){ // alert("Please enter a valid day") return false } if (strYear.length != 4 || year==0 || yearmaxYear){ // alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear) return false } if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){ // alert("Please enter a valid date") return false } // var newdate=new Date(year,month-1,day); var newdate=new Date(year,month-1,day); var today = new Date(); var todays=today.getTime(); var newdates = newdate.getTime(); if(newdates > todays) { return false } return true }