/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version 0.12.0 */ /** * Config is a utility used within an Object to allow the implementer to maintain a list of local configuration properties and listen for changes to those properties dynamically using CustomEvent. The initial values are also maintained so that the configuration can be reset at any given point to its initial state. * @class YAHOO.util.Config * @constructor * @param {Object} owner The owner Object to which this Config Object belongs */ YAHOO.util.Config = function(owner) { if (owner) { this.init(owner); } }; YAHOO.util.Config.prototype = { /** * Object reference to the owner of this Config Object * @property owner * @type Object */ owner : null, /** * Boolean flag that specifies whether a queue is currently being executed * @property queueInProgress * @type Boolean */ queueInProgress : false, /** * Validates that the value passed in is a Boolean. * @method checkBoolean * @param {Object} val The value to validate * @return {Boolean} true, if the value is valid */ checkBoolean: function(val) { if (typeof val == 'boolean') { return true; } else { return false; } }, /** * Validates that the value passed in is a number. * @method checkNumber * @param {Object} val The value to validate * @return {Boolean} true, if the value is valid */ checkNumber: function(val) { if (isNaN(val)) { return false; } else { return true; } } }; /** * Initializes the configuration Object and all of its local members. * @method init * @param {Object} owner The owner Object to which this Config Object belongs */ YAHOO.util.Config.prototype.init = function(owner) { this.owner = owner; /** * Object reference to the owner of this Config Object * @event configChangedEvent */ this.configChangedEvent = new YAHOO.util.CustomEvent("configChanged"); this.queueInProgress = false; /* Private Members */ /** * Maintains the local collection of configuration property objects and their specified values * @property config * @private * @type Object */ var config = {}; /** * Maintains the local collection of configuration property objects as they were initially applied. * This object is used when resetting a property. * @property initialConfig * @private * @type Object */ var initialConfig = {}; /** * Maintains the local, normalized CustomEvent queue * @property eventQueue * @private * @type Object */ var eventQueue = []; /** * Fires a configuration property event using the specified value. * @method fireEvent * @private * @param {String} key The configuration property's name * @param {value} Object The value of the correct type for the property */ var fireEvent = function( key, value ) { key = key.toLowerCase(); var property = config[key]; if (typeof property != 'undefined' && property.event) { property.event.fire(value); } }; /* End Private Members */ /** * Adds a property to the Config Object's private config hash. * @method addProperty * @param {String} key The configuration property's name * @param {Object} propertyObject The Object containing all of this property's arguments */ this.addProperty = function( key, propertyObject ) { key = key.toLowerCase(); config[key] = propertyObject; propertyObject.event = new YAHOO.util.CustomEvent(key); propertyObject.key = key; if (propertyObject.handler) { propertyObject.event.subscribe(propertyObject.handler, this.owner, true); } this.setProperty(key, propertyObject.value, true); if (! propertyObject.suppressEvent) { this.queueProperty(key, propertyObject.value); } }; /** * Returns a key-value configuration map of the values currently set in the Config Object. * @method getConfig * @return {Object} The current config, represented in a key-value map */ this.getConfig = function() { var cfg = {}; for (var prop in config) { var property = config[prop]; if (typeof property != 'undefined' && property.event) { cfg[prop] = property.value; } } return cfg; }; /** * Returns the value of specified property. * @method getProperty * @param {String} key The name of the property * @return {Object} The value of the specified property */ this.getProperty = function(key) { key = key.toLowerCase(); var property = config[key]; if (typeof property != 'undefined' && property.event) { return property.value; } else { return undefined; } }; /** * Resets the specified property's value to its initial value. * @method resetProperty * @param {String} key The name of the property * @return {Boolean} True is the property was reset, false if not */ this.resetProperty = function(key) { key = key.toLowerCase(); var property = config[key]; if (typeof property != 'undefined' && property.event) { if (initialConfig[key] && initialConfig[key] != 'undefined') { this.setProperty(key, initialConfig[key]); } return true; } else { return false; } }; /** * Sets the value of a property. If the silent property is passed as true, the property's event will not be fired. * @method setProperty * @param {String} key The name of the property * @param {String} value The value to set the property to * @param {Boolean} silent Whether the value should be set silently, without firing the property event. * @return {Boolean} True, if the set was successful, false if it failed. */ this.setProperty = function(key, value, silent) { key = key.toLowerCase(); if (this.queueInProgress && ! silent) { this.queueProperty(key,value); // Currently running through a queue... return true; } else { var property = config[key]; if (typeof property != 'undefined' && property.event) { if (property.validator && ! property.validator(value)) { // validator return false; } else { property.value = value; if (! silent) { fireEvent(key, value); this.configChangedEvent.fire([key, value]); } return true; } } else { return false; } } }; /** * Sets the value of a property and queues its event to execute. If the event is already scheduled to execute, it is * moved from its current position to the end of the queue. * @method queueProperty * @param {String} key The name of the property * @param {String} value The value to set the property to * @return {Boolean} true, if the set was successful, false if it failed. */ this.queueProperty = function(key, value) { key = key.toLowerCase(); var property = config[key]; if (typeof property != 'undefined' && property.event) { if (typeof value != 'undefined' && property.validator && ! property.validator(value)) { // validator return false; } else { if (typeof value != 'undefined') { property.value = value; } else { value = property.value; } var foundDuplicate = false; for (var i=0;i 11) { while (newMonth > 11) { newMonth -= 12; years += 1; } } d.setMonth(newMonth); d.setFullYear(date.getFullYear() + years); break; case this.DAY: d.setDate(date.getDate() + amount); break; case this.YEAR: d.setFullYear(date.getFullYear() + amount); break; case this.WEEK: d.setDate(date.getDate() + (amount * 7)); break; } return d; }, /** * Subtracts the specified amount of time from the this instance. * @method subtract * @param {Date} date The JavaScript Date object to perform subtraction on * @param {Number} field The this field constant to be used for performing subtraction. * @param {Number} amount The number of units (measured in the field constant) to subtract from the date. * @return {Date} The resulting Date object */ subtract : function(date, field, amount) { return this.add(date, field, (amount*-1)); }, /** * Determines whether a given date is before another date on the calendar. * @method before * @param {Date} date The Date object to compare with the compare argument * @param {Date} compareTo The Date object to use for the comparison * @return {Boolean} true if the date occurs before the compared date; false if not. */ before : function(date, compareTo) { var ms = compareTo.getTime(); if (date.getTime() < ms) { return true; } else { return false; } }, /** * Determines whether a given date is after another date on the calendar. * @method after * @param {Date} date The Date object to compare with the compare argument * @param {Date} compareTo The Date object to use for the comparison * @return {Boolean} true if the date occurs after the compared date; false if not. */ after : function(date, compareTo) { var ms = compareTo.getTime(); if (date.getTime() > ms) { return true; } else { return false; } }, /** * Determines whether a given date is between two other dates on the calendar. * @method between * @param {Date} date The date to check for * @param {Date} dateBegin The start of the range * @param {Date} dateEnd The end of the range * @return {Boolean} true if the date occurs between the compared dates; false if not. */ between : function(date, dateBegin, dateEnd) { if (this.after(date, dateBegin) && this.before(date, dateEnd)) { return true; } else { return false; } }, /** * Retrieves a JavaScript Date object representing January 1 of any given year. * @method getJan1 * @param {Number} calendarYear The calendar year for which to retrieve January 1 * @return {Date} January 1 of the calendar year specified. */ getJan1 : function(calendarYear) { return new Date(calendarYear,0,1); }, /** * Calculates the number of days the specified date is from January 1 of the specified calendar year. * Passing January 1 to this function would return an offset value of zero. * @method getDayOffset * @param {Date} date The JavaScript date for which to find the offset * @param {Number} calendarYear The calendar year to use for determining the offset * @return {Number} The number of days since January 1 of the given year */ getDayOffset : function(date, calendarYear) { var beginYear = this.getJan1(calendarYear); // Find the start of the year. This will be in week 1. // Find the number of days the passed in date is away from the calendar year start var dayOffset = Math.ceil((date.getTime()-beginYear.getTime()) / this.ONE_DAY_MS); return dayOffset; }, /** * Calculates the week number for the given date. This function assumes that week 1 is the * week in which January 1 appears, regardless of whether the week consists of a full 7 days. * The calendar year can be specified to help find what a the week number would be for a given * date if the date overlaps years. For instance, a week may be considered week 1 of 2005, or * week 53 of 2004. Specifying the optional calendarYear allows one to make this distinction * easily. * @method getWeekNumber * @param {Date} date The JavaScript date for which to find the week number * @param {Number} calendarYear OPTIONAL - The calendar year to use for determining the week number. Default is * the calendar year of parameter "date". * @param {Number} weekStartsOn OPTIONAL - The integer (0-6) representing which day a week begins on. Default is 0 (for Sunday). * @return {Number} The week number of the given date. */ getWeekNumber : function(date, calendarYear) { date = this.clearTime(date); var nearestThurs = new Date(date.getTime() + (4 * this.ONE_DAY_MS) - ((date.getDay()) * this.ONE_DAY_MS)); var jan1 = new Date(nearestThurs.getFullYear(),0,1); var dayOfYear = ((nearestThurs.getTime() - jan1.getTime()) / this.ONE_DAY_MS) - 1; var weekNum = Math.ceil((dayOfYear)/ 7); return weekNum; }, /** * Determines if a given week overlaps two different years. * @method isYearOverlapWeek * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. * @return {Boolean} true if the date overlaps two different years. */ isYearOverlapWeek : function(weekBeginDate) { var overlaps = false; var nextWeek = this.add(weekBeginDate, this.DAY, 6); if (nextWeek.getFullYear() != weekBeginDate.getFullYear()) { overlaps = true; } return overlaps; }, /** * Determines if a given week overlaps two different months. * @method isMonthOverlapWeek * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. * @return {Boolean} true if the date overlaps two different months. */ isMonthOverlapWeek : function(weekBeginDate) { var overlaps = false; var nextWeek = this.add(weekBeginDate, this.DAY, 6); if (nextWeek.getMonth() != weekBeginDate.getMonth()) { overlaps = true; } return overlaps; }, /** * Gets the first day of a month containing a given date. * @method findMonthStart * @param {Date} date The JavaScript Date used to calculate the month start * @return {Date} The JavaScript Date representing the first day of the month */ findMonthStart : function(date) { var start = new Date(date.getFullYear(), date.getMonth(), 1); return start; }, /** * Gets the last day of a month containing a given date. * @method findMonthEnd * @param {Date} date The JavaScript Date used to calculate the month end * @return {Date} The JavaScript Date representing the last day of the month */ findMonthEnd : function(date) { var start = this.findMonthStart(date); var nextMonth = this.add(start, this.MONTH, 1); var end = this.subtract(nextMonth, this.DAY, 1); return end; }, /** * Clears the time fields from a given date, effectively setting the time to midnight. * @method clearTime * @param {Date} date The JavaScript Date for which the time fields will be cleared * @return {Date} The JavaScript Date cleared of all time fields */ clearTime : function(date) { date.setHours(12,0,0,0); return date; } }; /** * The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a one-month ("one-up") or two-month ("two-up") interface. Calendars are generated entirely via script and can be navigated without any page refreshes. * @module Calendar * @title Calendar Widget * @namespace YAHOO.widget * @requires yahoo,dom,event */ /** * Calendar is the base class for the Calendar widget. In its most basic * implementation, it has the ability to render a calendar widget on the page * that can be manipulated to select a single date, move back and forth between * months and years. *

To construct the placeholder for the calendar widget, the code is as * follows: *

* <div id="cal1Container"></div> * * Note that the table can be replaced with any kind of element. *

* @namespace YAHOO.widget * @class Calendar * @constructor * @param {String} id The id of the table element that will represent the calendar widget * @param {String} containerId The id of the container div element that will wrap the calendar table * @param {Object} config The configuration object containing the Calendar's arguments */ YAHOO.widget.Calendar = function(id, containerId, config) { this.init(id, containerId, config); }; /** * The path to be used for images loaded for the Calendar * @property YAHOO.widget.Calendar.IMG_ROOT * @static * @type String */ YAHOO.widget.Calendar.IMG_ROOT = (window.location.href.toLowerCase().indexOf("https") === 0 ? "https://a248.e.akamai.net/sec.yimg.com/i/" : "http://us.i1.yimg.com/us.yimg.com/i/"); /** * Type constant used for renderers to represent an individual date (M/D/Y) * @property YAHOO.widget.Calendar.DATE * @static * @final * @type String */ YAHOO.widget.Calendar.DATE = "D"; /** * Type constant used for renderers to represent an individual date across any year (M/D) * @property YAHOO.widget.Calendar.MONTH_DAY * @static * @final * @type String */ YAHOO.widget.Calendar.MONTH_DAY = "MD"; /** * Type constant used for renderers to represent a weekday * @property YAHOO.widget.Calendar.WEEKDAY * @static * @final * @type String */ YAHOO.widget.Calendar.WEEKDAY = "WD"; /** * Type constant used for renderers to represent a range of individual dates (M/D/Y-M/D/Y) * @property YAHOO.widget.Calendar.RANGE * @static * @final * @type String */ YAHOO.widget.Calendar.RANGE = "R"; /** * Type constant used for renderers to represent a month across any year * @property YAHOO.widget.Calendar.MONTH * @static * @final * @type String */ YAHOO.widget.Calendar.MONTH = "M"; /** * Constant that represents the total number of date cells that are displayed in a given month * @property YAHOO.widget.Calendar.DISPLAY_DAYS * @static * @final * @type Number */ YAHOO.widget.Calendar.DISPLAY_DAYS = 42; /** * Constant used for halting the execution of the remainder of the render stack * @property YAHOO.widget.Calendar.STOP_RENDER * @static * @final * @type String */ YAHOO.widget.Calendar.STOP_RENDER = "S"; YAHOO.widget.Calendar.prototype = { /** * The configuration object used to set up the calendars various locale and style options. * @property Config * @private * @deprecated Configuration properties should be set by calling Calendar.cfg.setProperty. * @type Object */ Config : null, /** * The parent CalendarGroup, only to be set explicitly by the parent group * @property parent * @type CalendarGroup */ parent : null, /** * The index of this item in the parent group * @property index * @type Number */ index : -1, /** * The collection of calendar table cells * @property cells * @type HTMLTableCellElement[] */ cells : null, /** * The collection of calendar cell dates that is parallel to the cells collection. The array contains dates field arrays in the format of [YYYY, M, D]. * @property cellDates * @type Array[](Number[]) */ cellDates : null, /** * The id that uniquely identifies this calendar. This id should match the id of the placeholder element on the page. * @property id * @type String */ id : null, /** * The DOM element reference that points to this calendar's container element. The calendar will be inserted into this element when the shell is rendered. * @property oDomContainer * @type HTMLElement */ oDomContainer : null, /** * A Date object representing today's date. * @property today * @type Date */ today : null, /** * The list of render functions, along with required parameters, used to render cells. * @property renderStack * @type Array[] */ renderStack : null, /** * A copy of the initial render functions created before rendering. * @property _renderStack * @private * @type Array */ _renderStack : null, /** * A Date object representing the month/year that the calendar is initially set to * @property _pageDate * @private * @type Date */ _pageDate : null, /** * The private list of initially selected dates. * @property _selectedDates * @private * @type Array */ _selectedDates : null, /** * A map of DOM event handlers to attach to cells associated with specific CSS class names * @property domEventMap * @type Object */ domEventMap : null }; /** * Initializes the Calendar widget. * @method init * @param {String} id The id of the table element that will represent the calendar widget * @param {String} containerId The id of the container div element that will wrap the calendar table * @param {Object} config The configuration object containing the Calendar's arguments */ YAHOO.widget.Calendar.prototype.init = function(id, containerId, config) { this.initEvents(); this.today = new Date(); YAHOO.widget.DateMath.clearTime(this.today); this.id = id; this.oDomContainer = document.getElementById(containerId); /** * The Config object used to hold the configuration variables for the Calendar * @property cfg * @type YAHOO.util.Config */ this.cfg = new YAHOO.util.Config(this); /** * The local object which contains the Calendar's options * @property Options * @type Object */ this.Options = {}; /** * The local object which contains the Calendar's locale settings * @property Locale * @type Object */ this.Locale = {}; this.initStyles(); YAHOO.util.Dom.addClass(this.oDomContainer, this.Style.CSS_CONTAINER); YAHOO.util.Dom.addClass(this.oDomContainer, this.Style.CSS_SINGLE); this.cellDates = []; this.cells = []; this.renderStack = []; this._renderStack = []; this.setupConfig(); if (config) { this.cfg.applyConfig(config, true); } this.cfg.fireQueue(); }; /** * Renders the built-in IFRAME shim for the IE6 and below * @method configIframe */ YAHOO.widget.Calendar.prototype.configIframe = function(type, args, obj) { var useIframe = args[0]; if (YAHOO.util.Dom.inDocument(this.oDomContainer)) { if (useIframe) { var pos = YAHOO.util.Dom.getStyle(this.oDomContainer, "position"); if (this.browser == "ie" && (pos == "absolute" || pos == "relative")) { if (! YAHOO.util.Dom.inDocument(this.iframe)) { this.iframe = document.createElement("iframe"); this.iframe.src = "javascript:false;"; YAHOO.util.Dom.setStyle(this.iframe, "opacity", "0"); this.oDomContainer.insertBefore(this.iframe, this.oDomContainer.firstChild); } } } else { if (this.iframe) { if (this.iframe.parentNode) { this.iframe.parentNode.removeChild(this.iframe); } this.iframe = null; } } } }; /** * Default handler for the "title" property * @method configTitle */ YAHOO.widget.Calendar.prototype.configTitle = function(type, args, obj) { var title = args[0]; var close = this.cfg.getProperty("close"); var titleDiv; if (title && title !== "") { titleDiv = YAHOO.util.Dom.getElementsByClassName(YAHOO.widget.CalendarGroup.CSS_2UPTITLE, "div", this.oDomContainer)[0] || document.createElement("div"); titleDiv.className = YAHOO.widget.CalendarGroup.CSS_2UPTITLE; titleDiv.innerHTML = title; this.oDomContainer.insertBefore(titleDiv, this.oDomContainer.firstChild); YAHOO.util.Dom.addClass(this.oDomContainer, "withtitle"); } else { titleDiv = YAHOO.util.Dom.getElementsByClassName(YAHOO.widget.CalendarGroup.CSS_2UPTITLE, "div", this.oDomContainer)[0] || null; if (titleDiv) { YAHOO.util.Event.purgeElement(titleDiv); this.oDomContainer.removeChild(titleDiv); } if (! close) { YAHOO.util.Dom.removeClass(this.oDomContainer, "withtitle"); } } }; /** * Default handler for the "close" property * @method configClose */ YAHOO.widget.Calendar.prototype.configClose = function(type, args, obj) { var close = args[0]; var title = this.cfg.getProperty("title"); var linkClose; if (close === true) { linkClose = YAHOO.util.Dom.getElementsByClassName("link-close", "a", this.oDomContainer)[0] || document.createElement("a"); linkClose.href = "javascript:void(null);"; linkClose.className = "link-close"; YAHOO.util.Event.addListener(linkClose, "click", this.hide, this, true); var imgClose = document.createElement("img"); imgClose.src = YAHOO.widget.Calendar.IMG_ROOT + "us/my/bn/x_d.gif"; imgClose.className = YAHOO.widget.CalendarGroup.CSS_2UPCLOSE; linkClose.appendChild(imgClose); this.oDomContainer.appendChild(linkClose); YAHOO.util.Dom.addClass(this.oDomContainer, "withtitle"); } else { linkClose = YAHOO.util.Dom.getElementsByClassName("link-close", "a", this.oDomContainer)[0] || null; if (linkClose) { YAHOO.util.Event.purgeElement(linkClose); this.oDomContainer.removeChild(linkClose); } if (! title || title === "") { YAHOO.util.Dom.removeClass(this.oDomContainer, "withtitle"); } } }; /** * Initializes Calendar's built-in CustomEvents * @method initEvents */ YAHOO.widget.Calendar.prototype.initEvents = function() { /** * Fired before a selection is made * @event beforeSelectEvent */ this.beforeSelectEvent = new YAHOO.util.CustomEvent("beforeSelect"); /** * Fired when a selection is made * @event selectEvent * @param {Array} Array of Date field arrays in the format [YYYY, MM, DD]. */ this.selectEvent = new YAHOO.util.CustomEvent("select"); /** * Fired before a selection is made * @event beforeDeselectEvent */ this.beforeDeselectEvent = new YAHOO.util.CustomEvent("beforeDeselect"); /** * Fired when a selection is made * @event deselectEvent * @param {Array} Array of Date field arrays in the format [YYYY, MM, DD]. */ this.deselectEvent = new YAHOO.util.CustomEvent("deselect"); /** * Fired when the Calendar page is changed * @event changePageEvent */ this.changePageEvent = new YAHOO.util.CustomEvent("changePage"); /** * Fired before the Calendar is rendered * @event beforeRenderEvent */ this.beforeRenderEvent = new YAHOO.util.CustomEvent("beforeRender"); /** * Fired when the Calendar is rendered * @event renderEvent */ this.renderEvent = new YAHOO.util.CustomEvent("render"); /** * Fired when the Calendar is reset * @event resetEvent */ this.resetEvent = new YAHOO.util.CustomEvent("reset"); /** * Fired when the Calendar is cleared * @event clearEvent */ this.clearEvent = new YAHOO.util.CustomEvent("clear"); this.beforeSelectEvent.subscribe(this.onBeforeSelect, this, true); this.selectEvent.subscribe(this.onSelect, this, true); this.beforeDeselectEvent.subscribe(this.onBeforeDeselect, this, true); this.deselectEvent.subscribe(this.onDeselect, this, true); this.changePageEvent.subscribe(this.onChangePage, this, true); this.renderEvent.subscribe(this.onRender, this, true); this.resetEvent.subscribe(this.onReset, this, true); this.clearEvent.subscribe(this.onClear, this, true); }; /** * The default event function that is attached to a date link within a calendar cell * when the calendar is rendered. * @method doSelectCell * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ YAHOO.widget.Calendar.prototype.doSelectCell = function(e, cal) { var target = YAHOO.util.Event.getTarget(e); var cell,index,d,date; while (target.tagName.toLowerCase() != "td" && ! YAHOO.util.Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { target = target.parentNode; if (target.tagName.toLowerCase() == "html") { return; } } cell = target; if (YAHOO.util.Dom.hasClass(cell, cal.Style.CSS_CELL_SELECTABLE)) { index = cell.id.split("cell")[1]; d = cal.cellDates[index]; date = new Date(d[0],d[1]-1,d[2]); var link; if (cal.Options.MULTI_SELECT) { link = cell.getElementsByTagName("a")[0]; if (link) { link.blur(); } var cellDate = cal.cellDates[index]; var cellDateIndex = cal._indexOfSelectedFieldArray(cellDate); if (cellDateIndex > -1) { cal.deselectCell(index); } else { cal.selectCell(index); } } else { link = cell.getElementsByTagName("a")[0]; if (link) { link.blur(); } cal.selectCell(index); } } }; /** * The event that is executed when the user hovers over a cell * @method doCellMouseOver * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ YAHOO.widget.Calendar.prototype.doCellMouseOver = function(e, cal) { var target; if (e) { target = YAHOO.util.Event.getTarget(e); } else { target = this; } while (target.tagName.toLowerCase() != "td") { target = target.parentNode; if (target.tagName.toLowerCase() == "html") { return; } } if (YAHOO.util.Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { YAHOO.util.Dom.addClass(target, cal.Style.CSS_CELL_HOVER); } }; /** * The event that is executed when the user moves the mouse out of a cell * @method doCellMouseOut * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ YAHOO.widget.Calendar.prototype.doCellMouseOut = function(e, cal) { var target; if (e) { target = YAHOO.util.Event.getTarget(e); } else { target = this; } while (target.tagName.toLowerCase() != "td") { target = target.parentNode; if (target.tagName.toLowerCase() == "html") { return; } } if (YAHOO.util.Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { YAHOO.util.Dom.removeClass(target, cal.Style.CSS_CELL_HOVER); } }; YAHOO.widget.Calendar.prototype.setupConfig = function() { /** * The month/year representing the current visible Calendar date (mm/yyyy) * @config pagedate * @type String * @default today's date */ this.cfg.addProperty("pagedate", { value:new Date(), handler:this.configPageDate } ); /** * The date or range of dates representing the current Calendar selection * @config selected * @type String * @default [] */ this.cfg.addProperty("selected", { value:[], handler:this.configSelected } ); /** * The title to display above the Calendar's month header * @config title * @type String * @default "" */ this.cfg.addProperty("title", { value:"", handler:this.configTitle } ); /** * Whether or not a close button should be displayed for this Calendar * @config close * @type Boolean * @default false */ this.cfg.addProperty("close", { value:false, handler:this.configClose } ); /** * Whether or not an iframe shim should be placed under the Calendar to prevent select boxes from bleeding through in Internet Explorer 6 and below. * @config iframe * @type Boolean * @default true */ this.cfg.addProperty("iframe", { value:true, handler:this.configIframe, validator:this.cfg.checkBoolean } ); /** * The minimum selectable date in the current Calendar (mm/dd/yyyy) * @config mindate * @type String * @default null */ this.cfg.addProperty("mindate", { value:null, handler:this.configMinDate } ); /** * The maximum selectable date in the current Calendar (mm/dd/yyyy) * @config maxdate * @type String * @default null */ this.cfg.addProperty("maxdate", { value:null, handler:this.configMaxDate } ); // Options properties /** * True if the Calendar should allow multiple selections. False by default. * @config MULTI_SELECT * @type Boolean * @default false */ this.cfg.addProperty("MULTI_SELECT", { value:false, handler:this.configOptions, validator:this.cfg.checkBoolean } ); /** * The weekday the week begins on. Default is 0 (Sunday). * @config START_WEEKDAY * @type number * @default 0 */ this.cfg.addProperty("START_WEEKDAY", { value:0, handler:this.configOptions, validator:this.cfg.checkNumber } ); /** * True if the Calendar should show weekday labels. True by default. * @config SHOW_WEEKDAYS * @type Boolean * @default true */ this.cfg.addProperty("SHOW_WEEKDAYS", { value:true, handler:this.configOptions, validator:this.cfg.checkBoolean } ); /** * True if the Calendar should show week row headers. False by default. * @config SHOW_WEEK_HEADER * @type Boolean * @default false */ this.cfg.addProperty("SHOW_WEEK_HEADER",{ value:false, handler:this.configOptions, validator:this.cfg.checkBoolean } ); /** * True if the Calendar should show week row footers. False by default. * @config SHOW_WEEK_FOOTER * @type Boolean * @default false */ this.cfg.addProperty("SHOW_WEEK_FOOTER",{ value:false, handler:this.configOptions, validator:this.cfg.checkBoolean } ); /** * True if the Calendar should suppress weeks that are not a part of the current month. False by default. * @config HIDE_BLANK_WEEKS * @type Boolean * @default false */ this.cfg.addProperty("HIDE_BLANK_WEEKS",{ value:false, handler:this.configOptions, validator:this.cfg.checkBoolean } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_LEFT * @type String * @default YAHOO.widget.Calendar.IMG_ROOT + "us/tr/callt.gif" */ this.cfg.addProperty("NAV_ARROW_LEFT", { value:YAHOO.widget.Calendar.IMG_ROOT + "us/tr/callt.gif", handler:this.configOptions } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_RIGHT * @type String * @default YAHOO.widget.Calendar.IMG_ROOT + "us/tr/calrt.gif" */ this.cfg.addProperty("NAV_ARROW_RIGHT", { value:YAHOO.widget.Calendar.IMG_ROOT + "us/tr/calrt.gif", handler:this.configOptions } ); // Locale properties /** * The short month labels for the current locale. * @config MONTHS_SHORT * @type String[] * @default ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] */ this.cfg.addProperty("MONTHS_SHORT", { value:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], handler:this.configLocale } ); /** * The long month labels for the current locale. * @config MONTHS_LONG * @type String[] * @default ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" */ this.cfg.addProperty("MONTHS_LONG", { value:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], handler:this.configLocale } ); /** * The 1-character weekday labels for the current locale. * @config WEEKDAYS_1CHAR * @type String[] * @default ["S", "M", "T", "W", "T", "F", "S"] */ this.cfg.addProperty("WEEKDAYS_1CHAR", { value:["S", "M", "T", "W", "T", "F", "S"], handler:this.configLocale } ); /** * The short weekday labels for the current locale. * @config WEEKDAYS_SHORT * @type String[] * @default ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] */ this.cfg.addProperty("WEEKDAYS_SHORT", { value:["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], handler:this.configLocale } ); /** * The medium weekday labels for the current locale. * @config WEEKDAYS_MEDIUM * @type String[] * @default ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] */ this.cfg.addProperty("WEEKDAYS_MEDIUM", { value:["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], handler:this.configLocale } ); /** * The long weekday labels for the current locale. * @config WEEKDAYS_LONG * @type String[] * @default ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] */ this.cfg.addProperty("WEEKDAYS_LONG", { value:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], handler:this.configLocale } ); /** * Refreshes the locale values used to build the Calendar. * @method refreshLocale * @private */ var refreshLocale = function() { this.cfg.refireEvent("LOCALE_MONTHS"); this.cfg.refireEvent("LOCALE_WEEKDAYS"); }; this.cfg.subscribeToConfigEvent("START_WEEKDAY", refreshLocale, this, true); this.cfg.subscribeToConfigEvent("MONTHS_SHORT", refreshLocale, this, true); this.cfg.subscribeToConfigEvent("MONTHS_LONG", refreshLocale, this, true); this.cfg.subscribeToConfigEvent("WEEKDAYS_1CHAR", refreshLocale, this, true); this.cfg.subscribeToConfigEvent("WEEKDAYS_SHORT", refreshLocale, this, true); this.cfg.subscribeToConfigEvent("WEEKDAYS_MEDIUM", refreshLocale, this, true); this.cfg.subscribeToConfigEvent("WEEKDAYS_LONG", refreshLocale, this, true); /** * The setting that determines which length of month labels should be used. Possible values are "short" and "long". * @config LOCALE_MONTHS * @type String * @default "long" */ this.cfg.addProperty("LOCALE_MONTHS", { value:"long", handler:this.configLocaleValues } ); /** * The setting that determines which length of weekday labels should be used. Possible values are "1char", "short", "medium", and "long". * @config LOCALE_WEEKDAYS * @type String * @default "short" */ this.cfg.addProperty("LOCALE_WEEKDAYS", { value:"short", handler:this.configLocaleValues } ); /** * The value used to delimit individual dates in a date string passed to various Calendar functions. * @config DATE_DELIMITER * @type String * @default "," */ this.cfg.addProperty("DATE_DELIMITER", { value:",", handler:this.configLocale } ); /** * The value used to delimit date fields in a date string passed to various Calendar functions. * @config DATE_FIELD_DELIMITER * @type String * @default "/" */ this.cfg.addProperty("DATE_FIELD_DELIMITER",{ value:"/", handler:this.configLocale } ); /** * The value used to delimit date ranges in a date string passed to various Calendar functions. * @config DATE_RANGE_DELIMITER * @type String * @default "-" */ this.cfg.addProperty("DATE_RANGE_DELIMITER",{ value:"-", handler:this.configLocale } ); /** * The position of the month in a month/year date string * @config MY_MONTH_POSITION * @type Number * @default 1 */ this.cfg.addProperty("MY_MONTH_POSITION", { value:1, handler:this.configLocale, validator:this.cfg.checkNumber } ); /** * The position of the year in a month/year date string * @config MY_YEAR_POSITION * @type Number * @default 2 */ this.cfg.addProperty("MY_YEAR_POSITION", { value:2, handler:this.configLocale, validator:this.cfg.checkNumber } ); /** * The position of the month in a month/day date string * @config MD_MONTH_POSITION * @type Number * @default 1 */ this.cfg.addProperty("MD_MONTH_POSITION", { value:1, handler:this.configLocale, validator:this.cfg.checkNumber } ); /** * The position of the day in a month/year date string * @config MD_DAY_POSITION * @type Number * @default 2 */ this.cfg.addProperty("MD_DAY_POSITION", { value:2, handler:this.configLocale, validator:this.cfg.checkNumber } ); /** * The position of the month in a month/day/year date string * @config MDY_MONTH_POSITION * @type Number * @default 1 */ this.cfg.addProperty("MDY_MONTH_POSITION", { value:1, handler:this.configLocale, validator:this.cfg.checkNumber } ); /** * The position of the day in a month/day/year date string * @config MDY_DAY_POSITION * @type Number * @default 2 */ this.cfg.addProperty("MDY_DAY_POSITION", { value:2, handler:this.configLocale, validator:this.cfg.checkNumber } ); /** * The position of the year in a month/day/year date string * @config MDY_YEAR_POSITION * @type Number * @default 3 */ this.cfg.addProperty("MDY_YEAR_POSITION", { value:3, handler:this.configLocale, validator:this.cfg.checkNumber } ); }; /** * The default handler for the "pagedate" property * @method configPageDate */ YAHOO.widget.Calendar.prototype.configPageDate = function(type, args, obj) { var val = args[0]; var month, year, aMonthYear; if (val) { if (val instanceof Date) { val = YAHOO.widget.DateMath.findMonthStart(val); this.cfg.setProperty("pagedate", val, true); if (! this._pageDate) { this._pageDate = this.cfg.getProperty("pagedate"); } return; } else { aMonthYear = val.split(this.cfg.getProperty("DATE_FIELD_DELIMITER")); month = parseInt(aMonthYear[this.cfg.getProperty("MY_MONTH_POSITION")-1], 10)-1; year = parseInt(aMonthYear[this.cfg.getProperty("MY_YEAR_POSITION")-1], 10); } } else { month = this.today.getMonth(); year = this.today.getFullYear(); } this.cfg.setProperty("pagedate", new Date(year, month, 1), true); if (! this._pageDate) { this._pageDate = this.cfg.getProperty("pagedate"); } }; /** * The default handler for the "mindate" property * @method configMinDate */ YAHOO.widget.Calendar.prototype.configMinDate = function(type, args, obj) { var val = args[0]; if (typeof val == 'string') { val = this._parseDate(val); this.cfg.setProperty("mindate", new Date(val[0],(val[1]-1),val[2])); } }; /** * The default handler for the "maxdate" property * @method configMaxDate */ YAHOO.widget.Calendar.prototype.configMaxDate = function(type, args, obj) { var val = args[0]; if (typeof val == 'string') { val = this._parseDate(val); this.cfg.setProperty("maxdate", new Date(val[0],(val[1]-1),val[2])); } }; /** * The default handler for the "selected" property * @method configSelected */ YAHOO.widget.Calendar.prototype.configSelected = function(type, args, obj) { var selected = args[0]; if (selected) { if (typeof selected == 'string') { this.cfg.setProperty("selected", this._parseDates(selected), true); } } if (! this._selectedDates) { this._selectedDates = this.cfg.getProperty("selected"); } }; /** * The default handler for all configuration options properties * @method configOptions */ YAHOO.widget.Calendar.prototype.configOptions = function(type, args, obj) { type = type.toUpperCase(); var val = args[0]; this.Options[type] = val; }; /** * The default handler for all configuration locale properties * @method configLocale */ YAHOO.widget.Calendar.prototype.configLocale = function(type, args, obj) { type = type.toUpperCase(); var val = args[0]; this.Locale[type] = val; this.cfg.refireEvent("LOCALE_MONTHS"); this.cfg.refireEvent("LOCALE_WEEKDAYS"); }; /** * The default handler for all configuration locale field length properties * @method configLocaleValues */ YAHOO.widget.Calendar.prototype.configLocaleValues = function(type, args, obj) { type = type.toUpperCase(); var val = args[0]; switch (type) { case "LOCALE_MONTHS": switch (val) { case "short": this.Locale.LOCALE_MONTHS = this.cfg.getProperty("MONTHS_SHORT").concat(); break; case "long": this.Locale.LOCALE_MONTHS = this.cfg.getProperty("MONTHS_LONG").concat(); break; } break; case "LOCALE_WEEKDAYS": switch (val) { case "1char": this.Locale.LOCALE_WEEKDAYS = this.cfg.getProperty("WEEKDAYS_1CHAR").concat(); break; case "short": this.Locale.LOCALE_WEEKDAYS = this.cfg.getProperty("WEEKDAYS_SHORT").concat(); break; case "medium": this.Locale.LOCALE_WEEKDAYS = this.cfg.getProperty("WEEKDAYS_MEDIUM").concat(); break; case "long": this.Locale.LOCALE_WEEKDAYS = this.cfg.getProperty("WEEKDAYS_LONG").concat(); break; } var START_WEEKDAY = this.cfg.getProperty("START_WEEKDAY"); if (START_WEEKDAY > 0) { for (var w=0;w'; html[html.length] = '
'; var renderLeft, renderRight = false; if (this.parent) { if (this.index === 0) { renderLeft = true; } if (this.index == (this.parent.cfg.getProperty("pages") -1)) { renderRight = true; } } else { renderLeft = true; renderRight = true; } var cal = this.parent || this; if (renderLeft) { html[html.length] = ' '; } html[html.length] = this.buildMonthLabel(); if (renderRight) { html[html.length] = ' '; } html[html.length] = '
'; html[html.length] = ''; html[html.length] = ''; if (this.cfg.getProperty("SHOW_WEEKDAYS")) { html = this.buildWeekdays(html); } html[html.length] = ''; return html; }; /** * Renders the Calendar's weekday headers. * @method buildWeekdays * @param {Array} html The current working HTML array * @return {Array} The current working HTML array */ YAHOO.widget.Calendar.prototype.buildWeekdays = function(html) { html[html.length] = ''; if (this.cfg.getProperty("SHOW_WEEK_HEADER")) { html[html.length] = ' '; } for(var i=0;i'; } if (this.cfg.getProperty("SHOW_WEEK_FOOTER")) { html[html.length] = ' '; } html[html.length] = ''; return html; }; /** * Renders the calendar body. * @method renderBody * @param {Date} workingDate The current working Date being used for the render process * @param {Array} html The current working HTML array * @return {Array} The current working HTML array */ YAHOO.widget.Calendar.prototype.renderBody = function(workingDate, html) { var startDay = this.cfg.getProperty("START_WEEKDAY"); this.preMonthDays = workingDate.getDay(); if (startDay > 0) { this.preMonthDays -= startDay; } if (this.preMonthDays < 0) { this.preMonthDays += 7; } this.monthDays = YAHOO.widget.DateMath.findMonthEnd(workingDate).getDate(); this.postMonthDays = YAHOO.widget.Calendar.DISPLAY_DAYS-this.preMonthDays-this.monthDays; workingDate = YAHOO.widget.DateMath.subtract(workingDate, YAHOO.widget.DateMath.DAY, this.preMonthDays); var useDate,weekNum,weekClass; useDate = this.cfg.getProperty("pagedate"); html[html.length] = ''; var i = 0; var tempDiv = document.createElement("div"); var cell = document.createElement("td"); tempDiv.appendChild(cell); var jan1 = new Date(useDate.getFullYear(),0,1); var cal = this.parent || this; for (var r=0;r<6;r++) { weekNum = YAHOO.widget.DateMath.getWeekNumber(workingDate, useDate.getFullYear(), startDay); weekClass = "w" + weekNum; if (r !== 0 && this.isDateOOM(workingDate) && this.cfg.getProperty("HIDE_BLANK_WEEKS") === true) { break; } else { html[html.length] = ''; if (this.cfg.getProperty("SHOW_WEEK_HEADER")) { html = this.renderRowHeader(weekNum, html); } for (var d=0;d<7;d++){ // Render actual days var cellRenderers = []; this.clearElement(cell); YAHOO.util.Dom.addClass(cell, "calcell"); cell.id = this.id + "_cell" + i; cell.innerHTML = i; var renderer = null; if (workingDate.getFullYear() == this.today.getFullYear() && workingDate.getMonth() == this.today.getMonth() && workingDate.getDate() == this.today.getDate()) { cellRenderers[cellRenderers.length]=cal.renderCellStyleToday; } this.cellDates[this.cellDates.length]=[workingDate.getFullYear(),workingDate.getMonth()+1,workingDate.getDate()]; // Add this date to cellDates if (this.isDateOOM(workingDate)) { cellRenderers[cellRenderers.length]=cal.renderCellNotThisMonth; } else { YAHOO.util.Dom.addClass(cell, "wd" + workingDate.getDay()); YAHOO.util.Dom.addClass(cell, "d" + workingDate.getDate()); for (var s=0;s= d1.getTime() && workingDate.getTime() <= d2.getTime()) { renderer = rArray[2]; if (workingDate.getTime()==d2.getTime()) { this.renderStack.splice(s,1); } } break; case YAHOO.widget.Calendar.WEEKDAY: var weekday = rArray[1][0]; if (workingDate.getDay()+1 == weekday) { renderer = rArray[2]; } break; case YAHOO.widget.Calendar.MONTH: month = rArray[1][0]; if (workingDate.getMonth()+1 == month) { renderer = rArray[2]; } break; } if (renderer) { cellRenderers[cellRenderers.length]=renderer; } } } if (this._indexOfSelectedFieldArray([workingDate.getFullYear(),workingDate.getMonth()+1,workingDate.getDate()]) > -1) { cellRenderers[cellRenderers.length]=cal.renderCellStyleSelected; } var mindate = this.cfg.getProperty("mindate"); var maxdate = this.cfg.getProperty("maxdate"); if (mindate) { mindate = YAHOO.widget.DateMath.clearTime(mindate); } if (maxdate) { maxdate = YAHOO.widget.DateMath.clearTime(maxdate); } if ( (mindate && (workingDate.getTime() < mindate.getTime())) || (maxdate && (workingDate.getTime() > maxdate.getTime())) ) { cellRenderers[cellRenderers.length]=cal.renderOutOfBoundsDate; } else { cellRenderers[cellRenderers.length]=cal.styleCellDefault; cellRenderers[cellRenderers.length]=cal.renderCellDefault; } for (var x=0;x= 0 && i <= 6) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_TOP); } if ((i % 7) === 0) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_LEFT); } if (((i+1) % 7) === 0) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_RIGHT); } var postDays = this.postMonthDays; if (postDays >= 7 && this.cfg.getProperty("HIDE_BLANK_WEEKS")) { var blankWeeks = Math.floor(postDays/7); for (var p=0;p= ((this.preMonthDays+postDays+this.monthDays)-7)) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_BOTTOM); } html[html.length] = tempDiv.innerHTML; i++; } if (this.cfg.getProperty("SHOW_WEEK_FOOTER")) { html = this.renderRowFooter(weekNum, html); } html[html.length] = ''; } } html[html.length] = ''; return html; }; /** * Renders the calendar footer. In the default implementation, there is * no footer. * @method renderFooter * @param {Array} html The current working HTML array * @return {Array} The current working HTML array */ YAHOO.widget.Calendar.prototype.renderFooter = function(html) { return html; }; /** * Renders the calendar after it has been configured. The render() method has a specific call chain that will execute * when the method is called: renderHeader, renderBody, renderFooter. * Refer to the documentation for those methods for information on * individual render tasks. * @method render */ YAHOO.widget.Calendar.prototype.render = function() { this.beforeRenderEvent.fire(); // Find starting day of the current month var workingDate = YAHOO.widget.DateMath.findMonthStart(this.cfg.getProperty("pagedate")); this.resetRenderers(); this.cellDates.length = 0; YAHOO.util.Event.purgeElement(this.oDomContainer, true); var html = []; html[html.length] = ''; html = this.renderHeader(html); html = this.renderBody(workingDate, html); html = this.renderFooter(html); html[html.length] = '
'; this.oDomContainer.innerHTML = html.join("\n"); this.applyListeners(); this.cells = this.oDomContainer.getElementsByTagName("td"); this.cfg.refireEvent("title"); this.cfg.refireEvent("close"); this.cfg.refireEvent("iframe"); this.renderEvent.fire(); }; /** * Applies the Calendar's DOM listeners to applicable elements. * @method applyListeners */ YAHOO.widget.Calendar.prototype.applyListeners = function() { var root = this.oDomContainer; var cal = this.parent || this; var linkLeft, linkRight; linkLeft = YAHOO.util.Dom.getElementsByClassName(this.Style.CSS_NAV_LEFT, "a", root); linkRight = YAHOO.util.Dom.getElementsByClassName(this.Style.CSS_NAV_RIGHT, "a", root); if (linkLeft) { this.linkLeft = linkLeft[0]; YAHOO.util.Event.addListener(this.linkLeft, "mousedown", cal.previousMonth, cal, true); } if (linkRight) { this.linkRight = linkRight[0]; YAHOO.util.Event.addListener(this.linkRight, "mousedown", cal.nextMonth, cal, true); } if (this.domEventMap) { var el,elements; for (var cls in this.domEventMap) { if (this.domEventMap.hasOwnProperty(cls)) { var items = this.domEventMap[cls]; if (! (items instanceof Array)) { items = [items]; } for (var i=0;i'; return html; }; /** * Renders the row footer for a week. * @method renderRowFooter * @param {Number} weekNum The week number of the current row * @param {Array} cell The current working HTML array */ YAHOO.widget.Calendar.prototype.renderRowFooter = function(weekNum, html) { html[html.length] = '' + weekNum + ''; return html; }; /** * Renders a single standard calendar cell in the calendar widget table. * All logic for determining how a standard default cell will be rendered is * encapsulated in this method, and must be accounted for when extending the * widget class. * @method renderCellDefault * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.renderCellDefault = function(workingDate, cell) { cell.innerHTML = '' + this.buildDayLabel(workingDate) + ""; }; /** * Styles a selectable cell. * @method styleCellDefault * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.styleCellDefault = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_SELECTABLE); }; /** * Renders a single standard calendar cell using the CSS hightlight1 style * @method renderCellStyleHighlight1 * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.renderCellStyleHighlight1 = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_HIGHLIGHT1); }; /** * Renders a single standard calendar cell using the CSS hightlight2 style * @method renderCellStyleHighlight2 * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.renderCellStyleHighlight2 = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_HIGHLIGHT2); }; /** * Renders a single standard calendar cell using the CSS hightlight3 style * @method renderCellStyleHighlight3 * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.renderCellStyleHighlight3 = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_HIGHLIGHT3); }; /** * Renders a single standard calendar cell using the CSS hightlight4 style * @method renderCellStyleHighlight4 * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.renderCellStyleHighlight4 = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_HIGHLIGHT4); }; /** * Applies the default style used for rendering today's date to the current calendar cell * @method renderCellStyleToday * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar */ YAHOO.widget.Calendar.prototype.renderCellStyleToday = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_TODAY); }; /** * Applies the default style used for rendering selected dates to the current calendar cell * @method renderCellStyleSelected * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar * @return {String} YAHOO.widget.Calendar.STOP_RENDER if rendering should stop with this style, null or nothing if rendering * should not be terminated */ YAHOO.widget.Calendar.prototype.renderCellStyleSelected = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_SELECTED); }; /** * Applies the default style used for rendering dates that are not a part of the current * month (preceding or trailing the cells for the current month) * @method renderCellNotThisMonth * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar * @return {String} YAHOO.widget.Calendar.STOP_RENDER if rendering should stop with this style, null or nothing if rendering * should not be terminated */ YAHOO.widget.Calendar.prototype.renderCellNotThisMonth = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_OOM); cell.innerHTML=workingDate.getDate(); return YAHOO.widget.Calendar.STOP_RENDER; }; /** * Renders the current calendar cell as a non-selectable "black-out" date using the default * restricted style. * @method renderBodyCellRestricted * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar * @return {String} YAHOO.widget.Calendar.STOP_RENDER if rendering should stop with this style, null or nothing if rendering * should not be terminated */ YAHOO.widget.Calendar.prototype.renderBodyCellRestricted = function(workingDate, cell) { YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL); YAHOO.util.Dom.addClass(cell, this.Style.CSS_CELL_RESTRICTED); cell.innerHTML=workingDate.getDate(); return YAHOO.widget.Calendar.STOP_RENDER; }; // END BUILT-IN TABLE CELL RENDERERS // BEGIN MONTH NAVIGATION METHODS /** * Adds the designated number of months to the current calendar month, and sets the current * calendar page date to the new month. * @method addMonths * @param {Number} count The number of months to add to the current calendar */ YAHOO.widget.Calendar.prototype.addMonths = function(count) { this.cfg.setProperty("pagedate", YAHOO.widget.DateMath.add(this.cfg.getProperty("pagedate"), YAHOO.widget.DateMath.MONTH, count)); this.resetRenderers(); this.changePageEvent.fire(); }; /** * Subtracts the designated number of months from the current calendar month, and sets the current * calendar page date to the new month. * @method subtractMonths * @param {Number} count The number of months to subtract from the current calendar */ YAHOO.widget.Calendar.prototype.subtractMonths = function(count) { this.cfg.setProperty("pagedate", YAHOO.widget.DateMath.subtract(this.cfg.getProperty("pagedate"), YAHOO.widget.DateMath.MONTH, count)); this.resetRenderers(); this.changePageEvent.fire(); }; /** * Adds the designated number of years to the current calendar, and sets the current * calendar page date to the new month. * @method addYears * @param {Number} count The number of years to add to the current calendar */ YAHOO.widget.Calendar.prototype.addYears = function(count) { this.cfg.setProperty("pagedate", YAHOO.widget.DateMath.add(this.cfg.getProperty("pagedate"), YAHOO.widget.DateMath.YEAR, count)); this.resetRenderers(); this.changePageEvent.fire(); }; /** * Subtcats the designated number of years from the current calendar, and sets the current * calendar page date to the new month. * @method subtractYears * @param {Number} count The number of years to subtract from the current calendar */ YAHOO.widget.Calendar.prototype.subtractYears = function(count) { this.cfg.setProperty("pagedate", YAHOO.widget.DateMath.subtract(this.cfg.getProperty("pagedate"), YAHOO.widget.DateMath.YEAR, count)); this.resetRenderers(); this.changePageEvent.fire(); }; /** * Navigates to the next month page in the calendar widget. * @method nextMonth */ YAHOO.widget.Calendar.prototype.nextMonth = function() { this.addMonths(1); }; /** * Navigates to the previous month page in the calendar widget. * @method previousMonth */ YAHOO.widget.Calendar.prototype.previousMonth = function() { this.subtractMonths(1); }; /** * Navigates to the next year in the currently selected month in the calendar widget. * @method nextYear */ YAHOO.widget.Calendar.prototype.nextYear = function() { this.addYears(1); }; /** * Navigates to the previous year in the currently selected month in the calendar widget. * @method previousYear */ YAHOO.widget.Calendar.prototype.previousYear = function() { this.subtractYears(1); }; // END MONTH NAVIGATION METHODS // BEGIN SELECTION METHODS /** * Resets the calendar widget to the originally selected month and year, and * sets the calendar to the initial selection(s). * @method reset */ YAHOO.widget.Calendar.prototype.reset = function() { this.cfg.resetProperty("selected"); this.cfg.resetProperty("pagedate"); this.resetEvent.fire(); }; /** * Clears the selected dates in the current calendar widget and sets the calendar * to the current month and year. * @method clear */ YAHOO.widget.Calendar.prototype.clear = function() { this.cfg.setProperty("selected", []); this.cfg.setProperty("pagedate", new Date(this.today.getTime())); this.clearEvent.fire(); }; /** * Selects a date or a collection of dates on the current calendar. This method, by default, * does not call the render method explicitly. Once selection has completed, render must be * called for the changes to be reflected visually. * @method select * @param {String/Date/Date[]} date The date string of dates to select in the current calendar. Valid formats are * individual date(s) (12/24/2005,12/26/2005) or date range(s) (12/24/2005-1/1/2006). * Multiple comma-delimited dates can also be passed to this method (12/24/2005,12/11/2005-12/13/2005). * This method can also take a JavaScript Date object or an array of Date objects. * @return {Date[]} Array of JavaScript Date objects representing all individual dates that are currently selected. */ YAHOO.widget.Calendar.prototype.select = function(date) { this.beforeSelectEvent.fire(); var selected = this.cfg.getProperty("selected"); var aToBeSelected = this._toFieldArray(date); for (var a=0;a -1) { if (this.cfg.getProperty("pagedate").getMonth() == dCellDate.getMonth() && this.cfg.getProperty("pagedate").getFullYear() == dCellDate.getFullYear()) { YAHOO.util.Dom.removeClass(cell, this.Style.CSS_CELL_SELECTED); } selected.splice(cellDateIndex, 1); } if (this.parent) { this.parent.cfg.setProperty("selected", selected); } else { this.cfg.setProperty("selected", selected); } this.deselectEvent.fire(selectDate); return this.getSelectedDates(); }; /** * Deselects all dates on the current calendar. * @method deselectAll * @return {Date[]} Array of JavaScript Date objects representing all individual dates that are currently selected. * Assuming that this function executes properly, the return value should be an empty array. * However, the empty array is returned for the sake of being able to check the selection status * of the calendar. */ YAHOO.widget.Calendar.prototype.deselectAll = function() { this.beforeDeselectEvent.fire(); var selected = this.cfg.getProperty("selected"); var count = selected.length; var sel = selected.concat(); if (this.parent) { this.parent.cfg.setProperty("selected", []); } else { this.cfg.setProperty("selected", []); } if (count > 0) { this.deselectEvent.fire(sel); } return this.getSelectedDates(); }; // END SELECTION METHODS // BEGIN TYPE CONVERSION METHODS /** * Converts a date (either a JavaScript Date object, or a date string) to the internal data structure * used to represent dates: [[yyyy,mm,dd],[yyyy,mm,dd]]. * @method _toFieldArray * @private * @param {String/Date/Date[]} date The date string of dates to deselect in the current calendar. Valid formats are * individual date(s) (12/24/2005,12/26/2005) or date range(s) (12/24/2005-1/1/2006). * Multiple comma-delimited dates can also be passed to this method (12/24/2005,12/11/2005-12/13/2005). * This method can also take a JavaScript Date object or an array of Date objects. * @return {Array[](Number[])} Array of date field arrays */ YAHOO.widget.Calendar.prototype._toFieldArray = function(date) { var returnDate = []; if (date instanceof Date) { returnDate = [[date.getFullYear(), date.getMonth()+1, date.getDate()]]; } else if (typeof date == 'string') { returnDate = this._parseDates(date); } else if (date instanceof Array) { for (var i=0;i *
*
* * The tables for the calendars ("cal1_0" and "cal1_1") will be inserted into those containers. * @namespace YAHOO.widget * @class CalendarGroup * @constructor * @param {String} id The id of the table element that will represent the calendar widget * @param {String} containerId The id of the container div element that will wrap the calendar table * @param {Object} config The configuration object containing the Calendar's arguments */ YAHOO.widget.CalendarGroup = function(id, containerId, config) { if (arguments.length > 0) { this.init(id, containerId, config); } }; /** * Initializes the calendar group. All subclasses must call this method in order for the * group to be initialized properly. * @method init * @param {String} id The id of the table element that will represent the calendar widget * @param {String} containerId The id of the container div element that will wrap the calendar table * @param {Object} config The configuration object containing the Calendar's arguments */ YAHOO.widget.CalendarGroup.prototype.init = function(id, containerId, config) { this.initEvents(); this.initStyles(); /** * The collection of Calendar pages contained within the CalendarGroup * @property pages * @type YAHOO.widget.Calendar[] */ this.pages = []; /** * The unique id associated with the CalendarGroup * @property id * @type String */ this.id = id; /** * The unique id associated with the CalendarGroup container * @property containerId * @type String */ this.containerId = containerId; /** * The outer containing element for the CalendarGroup * @property oDomContainer * @type HTMLElement */ this.oDomContainer = document.getElementById(containerId); YAHOO.util.Dom.addClass(this.oDomContainer, YAHOO.widget.CalendarGroup.CSS_CONTAINER); YAHOO.util.Dom.addClass(this.oDomContainer, YAHOO.widget.CalendarGroup.CSS_MULTI_UP); /** * The Config object used to hold the configuration variables for the CalendarGroup * @property cfg * @type YAHOO.util.Config */ this.cfg = new YAHOO.util.Config(this); /** * The local object which contains the CalendarGroup's options * @property Options * @type Object */ this.Options = {}; /** * The local object which contains the CalendarGroup's locale settings * @property Locale * @type Object */ this.Locale = {}; this.setupConfig(); if (config) { this.cfg.applyConfig(config, true); } this.cfg.fireQueue(); // OPERA HACK FOR MISWRAPPED FLOATS if (this.browser == "opera"){ var fixWidth = function() { var startW = this.oDomContainer.offsetWidth; var w = 0; for (var p=0;p 0) { this.oDomContainer.style.width = w + "px"; } }; this.renderEvent.subscribe(fixWidth,this,true); } }; YAHOO.widget.CalendarGroup.prototype.setupConfig = function() { /** * The number of pages to include in the CalendarGroup. This value can only be set once, in the CalendarGroup's constructor arguments. * @config pages * @type Number * @default 2 */ this.cfg.addProperty("pages", { value:2, validator:this.cfg.checkNumber, handler:this.configPages } ); /** * The month/year representing the current visible Calendar date (mm/yyyy) * @config pagedate * @type String * @default today's date */ this.cfg.addProperty("pagedate", { value:new Date(), handler:this.configPageDate } ); /** * The date or range of dates representing the current Calendar selection * @config selected * @type String * @default [] */ this.cfg.addProperty("selected", { value:[], handler:this.delegateConfig } ); /** * The title to display above the CalendarGroup's month header * @config title * @type String * @default "" */ this.cfg.addProperty("title", { value:"", handler:this.configTitle } ); /** * Whether or not a close button should be displayed for this CalendarGroup * @config close * @type Boolean * @default false */ this.cfg.addProperty("close", { value:false, handler:this.configClose } ); /** * Whether or not an iframe shim should be placed under the Calendar to prevent select boxes from bleeding through in Internet Explorer 6 and below. * @config iframe * @type Boolean * @default true */ this.cfg.addProperty("iframe", { value:true, handler:this.delegateConfig, validator:this.cfg.checkBoolean } ); /** * The minimum selectable date in the current Calendar (mm/dd/yyyy) * @config mindate * @type String * @default null */ this.cfg.addProperty("mindate", { value:null, handler:this.delegateConfig } ); /** * The maximum selectable date in the current Calendar (mm/dd/yyyy) * @config maxdate * @type String * @default null */ this.cfg.addProperty("maxdate", { value:null, handler:this.delegateConfig } ); // Options properties /** * True if the Calendar should allow multiple selections. False by default. * @config MULTI_SELECT * @type Boolean * @default false */ this.cfg.addProperty("MULTI_SELECT", { value:false, handler:this.delegateConfig, validator:this.cfg.checkBoolean } ); /** * The weekday the week begins on. Default is 0 (Sunday). * @config START_WEEKDAY * @type number * @default 0 */ this.cfg.addProperty("START_WEEKDAY", { value:0, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * True if the Calendar should show weekday labels. True by default. * @config SHOW_WEEKDAYS * @type Boolean * @default true */ this.cfg.addProperty("SHOW_WEEKDAYS", { value:true, handler:this.delegateConfig, validator:this.cfg.checkBoolean } ); /** * True if the Calendar should show week row headers. False by default. * @config SHOW_WEEK_HEADER * @type Boolean * @default false */ this.cfg.addProperty("SHOW_WEEK_HEADER",{ value:false, handler:this.delegateConfig, validator:this.cfg.checkBoolean } ); /** * True if the Calendar should show week row footers. False by default. * @config SHOW_WEEK_FOOTER * @type Boolean * @default false */ this.cfg.addProperty("SHOW_WEEK_FOOTER",{ value:false, handler:this.delegateConfig, validator:this.cfg.checkBoolean } ); /** * True if the Calendar should suppress weeks that are not a part of the current month. False by default. * @config HIDE_BLANK_WEEKS * @type Boolean * @default false */ this.cfg.addProperty("HIDE_BLANK_WEEKS",{ value:false, handler:this.delegateConfig, validator:this.cfg.checkBoolean } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_LEFT * @type String * @default YAHOO.widget.Calendar.IMG_ROOT + "us/tr/callt.gif" */ this.cfg.addProperty("NAV_ARROW_LEFT", { value:YAHOO.widget.Calendar.IMG_ROOT + "us/tr/callt.gif", handler:this.delegateConfig } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_RIGHT * @type String * @default YAHOO.widget.Calendar.IMG_ROOT + "us/tr/calrt.gif" */ this.cfg.addProperty("NAV_ARROW_RIGHT", { value:YAHOO.widget.Calendar.IMG_ROOT + "us/tr/calrt.gif", handler:this.delegateConfig } ); // Locale properties /** * The short month labels for the current locale. * @config MONTHS_SHORT * @type String[] * @default ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] */ this.cfg.addProperty("MONTHS_SHORT", { value:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], handler:this.delegateConfig } ); /** * The long month labels for the current locale. * @config MONTHS_LONG * @type String[] * @default ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" */ this.cfg.addProperty("MONTHS_LONG", { value:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], handler:this.delegateConfig } ); /** * The 1-character weekday labels for the current locale. * @config WEEKDAYS_1CHAR * @type String[] * @default ["S", "M", "T", "W", "T", "F", "S"] */ this.cfg.addProperty("WEEKDAYS_1CHAR", { value:["S", "M", "T", "W", "T", "F", "S"], handler:this.delegateConfig } ); /** * The short weekday labels for the current locale. * @config WEEKDAYS_SHORT * @type String[] * @default ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] */ this.cfg.addProperty("WEEKDAYS_SHORT", { value:["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], handler:this.delegateConfig } ); /** * The medium weekday labels for the current locale. * @config WEEKDAYS_MEDIUM * @type String[] * @default ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] */ this.cfg.addProperty("WEEKDAYS_MEDIUM", { value:["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], handler:this.delegateConfig } ); /** * The long weekday labels for the current locale. * @config WEEKDAYS_LONG * @type String[] * @default ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] */ this.cfg.addProperty("WEEKDAYS_LONG", { value:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], handler:this.delegateConfig } ); /** * The setting that determines which length of month labels should be used. Possible values are "short" and "long". * @config LOCALE_MONTHS * @type String * @default "long" */ this.cfg.addProperty("LOCALE_MONTHS", { value:"long", handler:this.delegateConfig } ); /** * The setting that determines which length of weekday labels should be used. Possible values are "1char", "short", "medium", and "long". * @config LOCALE_WEEKDAYS * @type String * @default "short" */ this.cfg.addProperty("LOCALE_WEEKDAYS", { value:"short", handler:this.delegateConfig } ); /** * The value used to delimit individual dates in a date string passed to various Calendar functions. * @config DATE_DELIMITER * @type String * @default "," */ this.cfg.addProperty("DATE_DELIMITER", { value:",", handler:this.delegateConfig } ); /** * The value used to delimit date fields in a date string passed to various Calendar functions. * @config DATE_FIELD_DELIMITER * @type String * @default "/" */ this.cfg.addProperty("DATE_FIELD_DELIMITER",{ value:"/", handler:this.delegateConfig } ); /** * The value used to delimit date ranges in a date string passed to various Calendar functions. * @config DATE_RANGE_DELIMITER * @type String * @default "-" */ this.cfg.addProperty("DATE_RANGE_DELIMITER",{ value:"-", handler:this.delegateConfig } ); /** * The position of the month in a month/year date string * @config MY_MONTH_POSITION * @type Number * @default 1 */ this.cfg.addProperty("MY_MONTH_POSITION", { value:1, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * The position of the year in a month/year date string * @config MY_YEAR_POSITION * @type Number * @default 2 */ this.cfg.addProperty("MY_YEAR_POSITION", { value:2, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * The position of the month in a month/day date string * @config MD_MONTH_POSITION * @type Number * @default 1 */ this.cfg.addProperty("MD_MONTH_POSITION", { value:1, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * The position of the day in a month/year date string * @config MD_DAY_POSITION * @type Number * @default 2 */ this.cfg.addProperty("MD_DAY_POSITION", { value:2, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * The position of the month in a month/day/year date string * @config MDY_MONTH_POSITION * @type Number * @default 1 */ this.cfg.addProperty("MDY_MONTH_POSITION", { value:1, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * The position of the day in a month/day/year date string * @config MDY_DAY_POSITION * @type Number * @default 2 */ this.cfg.addProperty("MDY_DAY_POSITION", { value:2, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); /** * The position of the year in a month/day/year date string * @config MDY_YEAR_POSITION * @type Number * @default 3 */ this.cfg.addProperty("MDY_YEAR_POSITION", { value:3, handler:this.delegateConfig, validator:this.cfg.checkNumber } ); }; /** * Initializes CalendarGroup's built-in CustomEvents * @method initEvents */ YAHOO.widget.CalendarGroup.prototype.initEvents = function() { var me = this; /** * Proxy subscriber to subscribe to the CalendarGroup's child Calendars' CustomEvents * @method sub * @private * @param {Function} fn The function to subscribe to this CustomEvent * @param {Object} obj The CustomEvent's scope object * @param {Boolean} bOverride Whether or not to apply scope correction */ var sub = function(fn, obj, bOverride) { for (var p=0;p0) { year+=1; } cal.setYear(year); } }; /** * Calls the render function of all child calendars within the group. * @method render */ YAHOO.widget.CalendarGroup.prototype.render = function() { this.renderHeader(); for (var p=0;p=0;--p) { var cal = this.pages[p]; cal.previousMonth(); } }; /** * Navigates to the next year in the currently selected month in the calendar widget. * @method nextYear */ YAHOO.widget.CalendarGroup.prototype.nextYear = function() { for (var p=0;p