1 /* Copyright Mihai Bazon, 2002, 2003 | http://students.infoiasi.ro/~mishoo
2 * ---------------------------------------------------------------------------
4 * The DHTML Calendar, version 0.9.3 "It's still alive & keeps rocking"
6 * Details and latest version at:
7 * http://students.infoiasi.ro/~mishoo/site/calendar.epl
9 * Feel free to use this script under the terms of the GNU Lesser General
10 * Public License, as long as you do not remove or alter this notice.
13 // $Id: calendar.js,v 1.2 2003-09-30 08:23:15 ivan Exp $
15 /** The Calendar object constructor. */
16 Calendar = function (mondayFirst, dateStr, onSelected, onClose) {
18 this.activeDiv = null;
19 this.currentDateEl = null;
20 this.checkDisabled = null;
22 this.onSelected = onSelected || null;
23 this.onClose = onClose || null;
24 this.dragging = false;
28 this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];
29 this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];
31 this.weekNumbers = true;
32 this.mondayFirst = mondayFirst;
33 this.dateStr = dateStr;
39 this.firstdayname = null;
41 this.monthsCombo = null;
42 this.yearsCombo = null;
43 this.hilitedMonth = null;
44 this.activeMonth = null;
45 this.hilitedYear = null;
46 this.activeYear = null;
48 this.dateClicked = false;
50 // one-time initializations
52 // table of short day names
54 for (var i = 8; i > 0;) {
55 ar[--i] = Calendar._DN[i].substr(0, 3);
58 // table of short month names
60 for (var i = 12; i > 0;) {
61 ar[--i] = Calendar._MN[i].substr(0, 3);
69 /// "static", needed for event handlers.
72 /// detect a special case of "web browser"
73 Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&
74 !/opera/i.test(navigator.userAgent) );
76 // short day names array (initialized at first constructor call)
79 // short month names array (initialized at first constructor call)
82 // BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate
83 // library, at some point.
85 Calendar.getAbsolutePos = function(el) {
86 var r = { x: el.offsetLeft, y: el.offsetTop };
87 if (el.offsetParent) {
88 var tmp = Calendar.getAbsolutePos(el.offsetParent);
95 Calendar.isRelated = function (el, evt) {
96 var related = evt.relatedTarget;
99 if (type == "mouseover") {
100 related = evt.fromElement;
101 } else if (type == "mouseout") {
102 related = evt.toElement;
109 related = related.parentNode;
114 Calendar.removeClass = function(el, className) {
115 if (!(el && el.className)) {
118 var cls = el.className.split(" ");
119 var ar = new Array();
120 for (var i = cls.length; i > 0;) {
121 if (cls[--i] != className) {
122 ar[ar.length] = cls[i];
125 el.className = ar.join(" ");
128 Calendar.addClass = function(el, className) {
129 Calendar.removeClass(el, className);
130 el.className += " " + className;
133 Calendar.getElement = function(ev) {
134 if (Calendar.is_ie) {
135 return window.event.srcElement;
137 return ev.currentTarget;
141 Calendar.getTargetElement = function(ev) {
142 if (Calendar.is_ie) {
143 return window.event.srcElement;
149 Calendar.stopEvent = function(ev) {
150 if (Calendar.is_ie) {
151 window.event.cancelBubble = true;
152 window.event.returnValue = false;
155 ev.stopPropagation();
160 Calendar.addEvent = function(el, evname, func) {
161 if (el.attachEvent) { // IE
162 el.attachEvent("on" + evname, func);
163 } else if (el.addEventListener) { // Gecko / W3C
164 el.addEventListener(evname, func, true);
165 } else { // Opera (or old browsers)
166 el["on" + evname] = func;
170 Calendar.removeEvent = function(el, evname, func) {
171 if (el.detachEvent) { // IE
172 el.detachEvent("on" + evname, func);
173 } else if (el.removeEventListener) { // Gecko / W3C
174 el.removeEventListener(evname, func, true);
175 } else { // Opera (or old browsers)
176 el["on" + evname] = null;
180 Calendar.createElement = function(type, parent) {
182 if (document.createElementNS) {
183 // use the XHTML namespace; IE won't normally get here unless
184 // _they_ "fix" the DOM2 implementation.
185 el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
187 el = document.createElement(type);
189 if (typeof parent != "undefined") {
190 parent.appendChild(el);
195 // END: UTILITY FUNCTIONS
197 // BEGIN: CALENDAR STATIC FUNCTIONS
199 /** Internal -- adds a set of events to make some element behave like a button. */
200 Calendar._add_evs = function(el) {
202 addEvent(el, "mouseover", dayMouseOver);
203 addEvent(el, "mousedown", dayMouseDown);
204 addEvent(el, "mouseout", dayMouseOut);
206 addEvent(el, "dblclick", dayMouseDblClick);
207 el.setAttribute("unselectable", true);
212 Calendar.findMonth = function(el) {
213 if (typeof el.month != "undefined") {
215 } else if (typeof el.parentNode.month != "undefined") {
216 return el.parentNode;
221 Calendar.findYear = function(el) {
222 if (typeof el.year != "undefined") {
224 } else if (typeof el.parentNode.year != "undefined") {
225 return el.parentNode;
230 Calendar.showMonthsCombo = function () {
231 var cal = Calendar._C;
236 var cd = cal.activeDiv;
237 var mc = cal.monthsCombo;
238 if (cal.hilitedMonth) {
239 Calendar.removeClass(cal.hilitedMonth, "hilite");
241 if (cal.activeMonth) {
242 Calendar.removeClass(cal.activeMonth, "active");
244 var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];
245 Calendar.addClass(mon, "active");
246 cal.activeMonth = mon;
247 mc.style.left = cd.offsetLeft + "px";
248 mc.style.top = (cd.offsetTop + cd.offsetHeight) + "px";
249 mc.style.display = "block";
252 Calendar.showYearsCombo = function (fwd) {
253 var cal = Calendar._C;
258 var cd = cal.activeDiv;
259 var yc = cal.yearsCombo;
260 if (cal.hilitedYear) {
261 Calendar.removeClass(cal.hilitedYear, "hilite");
263 if (cal.activeYear) {
264 Calendar.removeClass(cal.activeYear, "active");
266 cal.activeYear = null;
267 var Y = cal.date.getFullYear() + (fwd ? 1 : -1);
268 var yr = yc.firstChild;
270 for (var i = 12; i > 0; --i) {
271 if (Y >= cal.minYear && Y <= cal.maxYear) {
272 yr.firstChild.data = Y;
274 yr.style.display = "block";
277 yr.style.display = "none";
283 yc.style.left = cd.offsetLeft + "px";
284 yc.style.top = (cd.offsetTop + cd.offsetHeight) + "px";
285 yc.style.display = "block";
291 Calendar.tableMouseUp = function(ev) {
292 var cal = Calendar._C;
297 clearTimeout(cal.timeout);
299 var el = cal.activeDiv;
303 var target = Calendar.getTargetElement(ev);
304 Calendar.removeClass(el, "active");
305 if (target == el || target.parentNode == el) {
306 Calendar.cellClick(el);
308 var mon = Calendar.findMonth(target);
311 date = new Date(cal.date);
312 if (mon.month != date.getMonth()) {
313 date.setMonth(mon.month);
315 cal.dateClicked = false;
319 var year = Calendar.findYear(target);
321 date = new Date(cal.date);
322 if (year.year != date.getFullYear()) {
323 date.setFullYear(year.year);
325 cal.dateClicked = false;
331 removeEvent(document, "mouseup", tableMouseUp);
332 removeEvent(document, "mouseover", tableMouseOver);
333 removeEvent(document, "mousemove", tableMouseOver);
336 return stopEvent(ev);
340 Calendar.tableMouseOver = function (ev) {
341 var cal = Calendar._C;
345 var el = cal.activeDiv;
346 var target = Calendar.getTargetElement(ev);
347 if (target == el || target.parentNode == el) {
348 Calendar.addClass(el, "hilite active");
349 Calendar.addClass(el.parentNode, "rowhilite");
351 Calendar.removeClass(el, "active");
352 Calendar.removeClass(el, "hilite");
353 Calendar.removeClass(el.parentNode, "rowhilite");
355 var mon = Calendar.findMonth(target);
357 if (mon.month != cal.date.getMonth()) {
358 if (cal.hilitedMonth) {
359 Calendar.removeClass(cal.hilitedMonth, "hilite");
361 Calendar.addClass(mon, "hilite");
362 cal.hilitedMonth = mon;
363 } else if (cal.hilitedMonth) {
364 Calendar.removeClass(cal.hilitedMonth, "hilite");
367 var year = Calendar.findYear(target);
369 if (year.year != cal.date.getFullYear()) {
370 if (cal.hilitedYear) {
371 Calendar.removeClass(cal.hilitedYear, "hilite");
373 Calendar.addClass(year, "hilite");
374 cal.hilitedYear = year;
375 } else if (cal.hilitedYear) {
376 Calendar.removeClass(cal.hilitedYear, "hilite");
380 return Calendar.stopEvent(ev);
383 Calendar.tableMouseDown = function (ev) {
384 if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) {
385 return Calendar.stopEvent(ev);
389 Calendar.calDragIt = function (ev) {
390 var cal = Calendar._C;
391 if (!(cal && cal.dragging)) {
396 if (Calendar.is_ie) {
397 posY = window.event.clientY + document.body.scrollTop;
398 posX = window.event.clientX + document.body.scrollLeft;
403 cal.hideShowCovered();
404 var st = cal.element.style;
405 st.left = (posX - cal.xOffs) + "px";
406 st.top = (posY - cal.yOffs) + "px";
407 return Calendar.stopEvent(ev);
410 Calendar.calDragEnd = function (ev) {
411 var cal = Calendar._C;
415 cal.dragging = false;
417 removeEvent(document, "mousemove", calDragIt);
418 removeEvent(document, "mouseover", stopEvent);
419 removeEvent(document, "mouseup", calDragEnd);
422 cal.hideShowCovered();
425 Calendar.dayMouseDown = function(ev) {
426 var el = Calendar.getElement(ev);
430 var cal = el.calendar;
433 if (el.navtype != 300) with (Calendar) {
434 addClass(el, "hilite active");
435 addEvent(document, "mouseover", tableMouseOver);
436 addEvent(document, "mousemove", tableMouseOver);
437 addEvent(document, "mouseup", tableMouseUp);
438 } else if (cal.isPopup) {
441 if (el.navtype == -1 || el.navtype == 1) {
442 cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250);
443 } else if (el.navtype == -2 || el.navtype == 2) {
444 cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showYearsCombo(true)" : "Calendar.showYearsCombo(false)", 250);
448 return Calendar.stopEvent(ev);
451 Calendar.dayMouseDblClick = function(ev) {
452 Calendar.cellClick(Calendar.getElement(ev));
453 if (Calendar.is_ie) {
454 document.selection.empty();
458 Calendar.dayMouseOver = function(ev) {
459 var el = Calendar.getElement(ev);
460 if (Calendar.isRelated(el, ev) || Calendar._C || el.disabled) {
464 if (el.ttip.substr(0, 1) == "_") {
466 with (el.calendar.date) {
467 date = new Date(getFullYear(), getMonth(), el.caldate);
469 el.ttip = date.print(el.calendar.ttDateFormat) + el.ttip.substr(1);
471 el.calendar.tooltips.firstChild.data = el.ttip;
473 if (el.navtype != 300) {
474 Calendar.addClass(el, "hilite");
476 Calendar.addClass(el.parentNode, "rowhilite");
479 return Calendar.stopEvent(ev);
482 Calendar.dayMouseOut = function(ev) {
484 var el = getElement(ev);
485 if (isRelated(el, ev) || _C || el.disabled) {
488 removeClass(el, "hilite");
490 removeClass(el.parentNode, "rowhilite");
492 el.calendar.tooltips.firstChild.data = _TT["SEL_DATE"];
493 return stopEvent(ev);
498 * A generic "click" handler :) handles all types of buttons defined in this
501 Calendar.cellClick = function(el) {
502 var cal = el.calendar;
506 if (typeof el.navtype == "undefined") {
507 Calendar.removeClass(cal.currentDateEl, "selected");
508 Calendar.addClass(el, "selected");
509 closing = (cal.currentDateEl == el);
511 cal.currentDateEl = el;
513 cal.date.setDate(el.caldate);
516 // a date was clicked
517 cal.dateClicked = true;
519 if (el.navtype == 200) {
520 Calendar.removeClass(el, "hilite");
521 cal.callCloseHandler();
524 date = (el.navtype == 0) ? new Date() : new Date(cal.date);
525 // unless "today" was clicked, we assume no date was clicked so
526 // the selected handler will know not to close the calenar when
527 // in single-click mode.
528 cal.dateClicked = (el.navtype == 0);
529 var year = date.getFullYear();
530 var mon = date.getMonth();
531 function setMonth(m) {
532 var day = date.getDate();
533 var max = date.getMonthDays(m);
539 switch (el.navtype) {
541 if (year > cal.minYear) {
542 date.setFullYear(year - 1);
548 } else if (year-- > cal.minYear) {
549 date.setFullYear(year);
556 } else if (year < cal.maxYear) {
557 date.setFullYear(year + 1);
562 if (year < cal.maxYear) {
563 date.setFullYear(year + 1);
567 cal.setMondayFirst(!cal.mondayFirst);
570 // TODAY will bring us here
571 if ((typeof cal.checkDisabled == "function") && cal.checkDisabled(date)) {
572 // remember, "date" was previously set to new
573 // Date() if TODAY was clicked; thus, it
574 // contains today date.
579 if (!date.equalsTo(cal.date)) {
588 Calendar.removeClass(el, "hilite");
589 cal.callCloseHandler();
593 // END: CALENDAR STATIC FUNCTIONS
595 // BEGIN: CALENDAR OBJECT FUNCTIONS
598 * This function creates the calendar inside the given parent. If _par is
599 * null than it creates a popup calendar inside the BODY element. If _par is
600 * an element, be it BODY, then it creates a non-popup calendar (still
601 * hidden). Some properties need to be set before calling this function.
603 Calendar.prototype.create = function (_par) {
606 // default parent is the document body, in which case we create
608 parent = document.getElementsByTagName("body")[0];
612 this.isPopup = false;
614 this.date = this.dateStr ? new Date(this.dateStr) : new Date();
616 var table = Calendar.createElement("table");
618 table.cellSpacing = 0;
619 table.cellPadding = 0;
620 table.calendar = this;
621 Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
623 var div = Calendar.createElement("div");
625 div.className = "calendar";
627 div.style.position = "absolute";
628 div.style.display = "none";
630 div.appendChild(table);
632 var thead = Calendar.createElement("thead", table);
637 var hh = function (text, cs, navtype) {
638 cell = Calendar.createElement("td", row);
640 cell.className = "button";
641 Calendar._add_evs(cell);
643 cell.navtype = navtype;
644 if (text.substr(0, 1) != "&") {
645 cell.appendChild(document.createTextNode(text));
648 // FIXME: dirty hack for entities
649 cell.innerHTML = text;
654 row = Calendar.createElement("tr", thead);
655 var title_length = 6;
656 (this.isPopup) && --title_length;
657 (this.weekNumbers) && ++title_length;
659 hh("-", 1, 100).ttip = Calendar._TT["TOGGLE"];
660 this.title = hh("", title_length, 300);
661 this.title.className = "title";
663 this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
664 this.title.style.cursor = "move";
665 hh("×", 1, 200).ttip = Calendar._TT["CLOSE"];
668 row = Calendar.createElement("tr", thead);
669 row.className = "headrow";
671 this._nav_py = hh("«", 1, -2);
672 this._nav_py.ttip = Calendar._TT["PREV_YEAR"];
674 this._nav_pm = hh("‹", 1, -1);
675 this._nav_pm.ttip = Calendar._TT["PREV_MONTH"];
677 this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
678 this._nav_now.ttip = Calendar._TT["GO_TODAY"];
680 this._nav_nm = hh("›", 1, 1);
681 this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"];
683 this._nav_ny = hh("»", 1, 2);
684 this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"];
687 row = Calendar.createElement("tr", thead);
688 row.className = "daynames";
689 if (this.weekNumbers) {
690 cell = Calendar.createElement("td", row);
691 cell.className = "name wn";
692 cell.appendChild(document.createTextNode(Calendar._TT["WK"]));
694 for (var i = 7; i > 0; --i) {
695 cell = Calendar.createElement("td", row);
696 cell.appendChild(document.createTextNode(""));
699 cell.calendar = this;
700 Calendar._add_evs(cell);
703 this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
704 this._displayWeekdays();
706 var tbody = Calendar.createElement("tbody", table);
709 for (i = 6; i > 0; --i) {
710 row = Calendar.createElement("tr", tbody);
711 if (this.weekNumbers) {
712 cell = Calendar.createElement("td", row);
713 cell.appendChild(document.createTextNode(""));
715 for (var j = 7; j > 0; --j) {
716 cell = Calendar.createElement("td", row);
717 cell.appendChild(document.createTextNode(""));
718 cell.calendar = this;
719 Calendar._add_evs(cell);
723 var tfoot = Calendar.createElement("tfoot", table);
725 row = Calendar.createElement("tr", tfoot);
726 row.className = "footrow";
728 cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
729 cell.className = "ttip";
731 cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
732 cell.style.cursor = "move";
734 this.tooltips = cell;
736 div = Calendar.createElement("div", this.element);
737 this.monthsCombo = div;
738 div.className = "combo";
739 for (i = 0; i < Calendar._MN.length; ++i) {
740 var mn = Calendar.createElement("div");
741 mn.className = "label";
743 mn.appendChild(document.createTextNode(Calendar._MN3[i]));
747 div = Calendar.createElement("div", this.element);
748 this.yearsCombo = div;
749 div.className = "combo";
750 for (i = 12; i > 0; --i) {
751 var yr = Calendar.createElement("div");
752 yr.className = "label";
753 yr.appendChild(document.createTextNode(""));
757 this._init(this.mondayFirst, this.date);
758 parent.appendChild(this.element);
761 /** keyboard navigation, only for popup calendars */
762 Calendar._keyEvent = function(ev) {
763 if (!window.calendar) {
766 (Calendar.is_ie) && (ev = window.event);
767 var cal = window.calendar;
768 var act = (Calendar.is_ie || ev.type == "keypress");
770 switch (ev.keyCode) {
772 act && Calendar.cellClick(cal._nav_pm);
775 act && Calendar.cellClick(cal._nav_py);
777 case 39: // KEY right
778 act && Calendar.cellClick(cal._nav_nm);
781 act && Calendar.cellClick(cal._nav_ny);
786 } else switch (ev.keyCode) {
787 case 32: // KEY space (now)
788 Calendar.cellClick(cal._nav_now);
795 case 39: // KEY right
798 var date = cal.date.getDate() - 1;
799 var el = cal.currentDateEl;
801 var prev = (ev.keyCode == 37) || (ev.keyCode == 38);
802 switch (ev.keyCode) {
804 (--date >= 0) && (ne = cal.ar_days[date]);
808 (date >= 0) && (ne = cal.ar_days[date]);
810 case 39: // KEY right
811 (++date < cal.ar_days.length) && (ne = cal.ar_days[date]);
815 (date < cal.ar_days.length) && (ne = cal.ar_days[date]);
820 Calendar.cellClick(cal._nav_pm);
822 Calendar.cellClick(cal._nav_nm);
824 date = (prev) ? cal.date.getMonthDays() : 1;
825 el = cal.currentDateEl;
826 ne = cal.ar_days[date - 1];
828 Calendar.removeClass(el, "selected");
829 Calendar.addClass(ne, "selected");
830 cal.date.setDate(ne.caldate);
832 cal.currentDateEl = ne;
835 case 13: // KEY enter
844 return Calendar.stopEvent(ev);
848 * (RE)Initializes the calendar to the given date and style (if mondayFirst is
849 * true it makes Monday the first day of week, otherwise the weeks start on
852 Calendar.prototype._init = function (mondayFirst, date) {
853 var today = new Date();
854 var year = date.getFullYear();
855 if (year < this.minYear) {
857 date.setFullYear(year);
858 } else if (year > this.maxYear) {
860 date.setFullYear(year);
862 this.mondayFirst = mondayFirst;
863 this.date = new Date(date);
864 var month = date.getMonth();
865 var mday = date.getDate();
866 var no_days = date.getMonthDays();
868 var wday = date.getDay();
869 var MON = mondayFirst ? 1 : 0;
870 var SAT = mondayFirst ? 5 : 6;
871 var SUN = mondayFirst ? 6 : 0;
873 wday = (wday > 0) ? (wday - 1) : 6;
876 var row = this.tbody.firstChild;
877 var MN = Calendar._MN3[month];
878 var hasToday = ((today.getFullYear() == year) && (today.getMonth() == month));
879 var todayDate = today.getDate();
880 var week_number = date.getWeekNumber();
881 var ar_days = new Array();
882 for (var i = 0; i < 6; ++i) {
883 if (iday > no_days) {
884 row.className = "emptyrow";
885 row = row.nextSibling;
888 var cell = row.firstChild;
889 if (this.weekNumbers) {
890 cell.className = "day wn";
891 cell.firstChild.data = week_number;
892 cell = cell.nextSibling;
895 row.className = "daysrow";
896 for (var j = 0; j < 7; ++j) {
897 cell.className = "day";
898 if ((!i && j < wday) || iday > no_days) {
899 // cell.className = "emptycell";
900 cell.innerHTML = " ";
901 cell.disabled = true;
902 cell = cell.nextSibling;
905 cell.disabled = false;
906 cell.firstChild.data = iday;
907 if (typeof this.checkDisabled == "function") {
909 if (this.checkDisabled(date)) {
910 cell.className += " disabled";
911 cell.disabled = true;
914 if (!cell.disabled) {
915 ar_days[ar_days.length] = cell;
919 cell.className += " selected";
920 this.currentDateEl = cell;
922 if (hasToday && (iday == todayDate)) {
923 cell.className += " today";
924 cell.ttip += Calendar._TT["PART_TODAY"];
926 if (wday == SAT || wday == SUN) {
927 cell.className += " weekend";
931 ((++wday) ^ 7) || (wday = 0);
932 cell = cell.nextSibling;
934 row = row.nextSibling;
936 this.ar_days = ar_days;
937 this.title.firstChild.data = Calendar._MN[month] + ", " + year;
939 // this.tooltips.firstChild.data = "Generated in " + ((new Date()) - today) + " ms";
943 * Calls _init function above for going to a certain date (but only if the
944 * date is different than the currently selected one).
946 Calendar.prototype.setDate = function (date) {
947 if (!date.equalsTo(this.date)) {
948 this._init(this.mondayFirst, date);
953 * Refreshes the calendar. Useful if the "disabledHandler" function is
954 * dynamic, meaning that the list of disabled date can change at runtime.
955 * Just * call this function if you think that the list of disabled dates
958 Calendar.prototype.refresh = function () {
959 this._init(this.mondayFirst, this.date);
962 /** Modifies the "mondayFirst" parameter (EU/US style). */
963 Calendar.prototype.setMondayFirst = function (mondayFirst) {
964 this._init(mondayFirst, this.date);
965 this._displayWeekdays();
969 * Allows customization of what dates are enabled. The "unaryFunction"
970 * parameter must be a function object that receives the date (as a JS Date
971 * object) and returns a boolean value. If the returned value is true then
972 * the passed date will be marked as disabled.
974 Calendar.prototype.setDisabledHandler = function (unaryFunction) {
975 this.checkDisabled = unaryFunction;
978 /** Customization of allowed year range for the calendar. */
979 Calendar.prototype.setRange = function (a, z) {
984 /** Calls the first user handler (selectedHandler). */
985 Calendar.prototype.callHandler = function () {
986 if (this.onSelected) {
987 this.onSelected(this, this.date.print(this.dateFormat));
991 /** Calls the second user handler (closeHandler). */
992 Calendar.prototype.callCloseHandler = function () {
996 this.hideShowCovered();
999 /** Removes the calendar object from the DOM tree and destroys it. */
1000 Calendar.prototype.destroy = function () {
1001 var el = this.element.parentNode;
1002 el.removeChild(this.element);
1007 * Moves the calendar element to a different section in the DOM tree (changes
1010 Calendar.prototype.reparent = function (new_parent) {
1011 var el = this.element;
1012 el.parentNode.removeChild(el);
1013 new_parent.appendChild(el);
1016 // This gets called when the user presses a mouse button anywhere in the
1017 // document, if the calendar is shown. If the click was outside the open
1018 // calendar this function closes it.
1019 Calendar._checkCalendar = function(ev) {
1020 if (!window.calendar) {
1023 var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
1024 for (; el != null && el != calendar.element; el = el.parentNode);
1026 // calls closeHandler which should hide the calendar.
1027 window.calendar.callCloseHandler();
1028 return Calendar.stopEvent(ev);
1032 /** Shows the calendar. */
1033 Calendar.prototype.show = function () {
1034 var rows = this.table.getElementsByTagName("tr");
1035 for (var i = rows.length; i > 0;) {
1036 var row = rows[--i];
1037 Calendar.removeClass(row, "rowhilite");
1038 var cells = row.getElementsByTagName("td");
1039 for (var j = cells.length; j > 0;) {
1040 var cell = cells[--j];
1041 Calendar.removeClass(cell, "hilite");
1042 Calendar.removeClass(cell, "active");
1045 this.element.style.display = "block";
1046 this.hidden = false;
1048 window.calendar = this;
1049 Calendar.addEvent(document, "keydown", Calendar._keyEvent);
1050 Calendar.addEvent(document, "keypress", Calendar._keyEvent);
1051 Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
1053 this.hideShowCovered();
1057 * Hides the calendar. Also removes any "hilite" from the class of any TD
1060 Calendar.prototype.hide = function () {
1062 Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
1063 Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
1064 Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
1066 this.element.style.display = "none";
1068 this.hideShowCovered();
1072 * Shows the calendar at a given absolute position (beware that, depending on
1073 * the calendar element style -- position property -- this might be relative
1074 * to the parent's containing rectangle).
1076 Calendar.prototype.showAt = function (x, y) {
1077 var s = this.element.style;
1083 /** Shows the calendar near a given element. */
1084 Calendar.prototype.showAtElement = function (el, opts) {
1085 var p = Calendar.getAbsolutePos(el);
1086 if (!opts || typeof opts != "string") {
1087 this.showAt(p.x, p.y + el.offsetHeight);
1091 var w = this.element.offsetWidth;
1092 var h = this.element.offsetHeight;
1094 var valign = opts.substr(0, 1);
1096 if (opts.length > 1) {
1097 halign = opts.substr(1, 1);
1099 // vertical alignment
1101 case "T": p.y -= h; break;
1102 case "B": p.y += el.offsetHeight; break;
1103 case "C": p.y += (el.offsetHeight - h) / 2; break;
1104 case "t": p.y += el.offsetHeight - h; break;
1105 case "b": break; // already there
1107 // horizontal alignment
1109 case "L": p.x -= w; break;
1110 case "R": p.x += el.offsetWidth; break;
1111 case "C": p.x += (el.offsetWidth - w) / 2; break;
1112 case "r": p.x += el.offsetWidth - w; break;
1113 case "l": break; // already there
1115 this.showAt(p.x, p.y);
1118 /** Customizes the date format. */
1119 Calendar.prototype.setDateFormat = function (str) {
1120 this.dateFormat = str;
1123 /** Customizes the tooltip date format. */
1124 Calendar.prototype.setTtDateFormat = function (str) {
1125 this.ttDateFormat = str;
1129 * Tries to identify the date represented in a string. If successful it also
1130 * calls this.setDate which moves the calendar to the given date.
1132 Calendar.prototype.parseDate = function (str, fmt) {
1136 var a = str.split(/\W+/);
1138 fmt = this.dateFormat;
1140 var b = fmt.split(/\W+/);
1142 for (i = 0; i < a.length; ++i) {
1143 if (b[i] == "D" || b[i] == "DD") {
1146 if (b[i] == "d" || b[i] == "dd") {
1147 d = parseInt(a[i], 10);
1149 if (b[i] == "m" || b[i] == "mm") {
1150 m = parseInt(a[i], 10) - 1;
1152 if ((b[i] == "y") || (b[i] == "yy")) {
1153 y = parseInt(a[i], 10);
1154 (y < 100) && (y += (y > 29) ? 1900 : 2000);
1156 if (b[i] == "M" || b[i] == "MM") {
1157 for (j = 0; j < 12; ++j) {
1158 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; }
1162 if (y != 0 && m != -1 && d != 0) {
1163 this.setDate(new Date(y, m, d));
1166 y = 0; m = -1; d = 0;
1167 for (i = 0; i < a.length; ++i) {
1168 if (a[i].search(/[a-zA-Z]+/) != -1) {
1170 for (j = 0; j < 12; ++j) {
1171 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; }
1179 } else if (parseInt(a[i], 10) <= 12 && m == -1) {
1181 } else if (parseInt(a[i], 10) > 31 && y == 0) {
1182 y = parseInt(a[i], 10);
1183 (y < 100) && (y += (y > 29) ? 1900 : 2000);
1184 } else if (d == 0) {
1189 var today = new Date();
1190 y = today.getFullYear();
1192 if (m != -1 && d != 0) {
1193 this.setDate(new Date(y, m, d));
1197 Calendar.prototype.hideShowCovered = function () {
1198 function getStyleProp(obj, style){
1199 var value = obj.style[style];
1201 if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
1202 value = document.defaultView.
1203 getComputedStyle(obj, "").getPropertyValue(style);
1204 } else if (obj.currentStyle) { // IE
1205 value = obj.currentStyle[style];
1207 value = obj.style[style];
1213 var tags = new Array("applet", "iframe", "select");
1214 var el = this.element;
1216 var p = Calendar.getAbsolutePos(el);
1218 var EX2 = el.offsetWidth + EX1;
1220 var EY2 = el.offsetHeight + EY1;
1222 for (var k = tags.length; k > 0; ) {
1223 var ar = document.getElementsByTagName(tags[--k]);
1226 for (var i = ar.length; i > 0;) {
1229 p = Calendar.getAbsolutePos(cc);
1231 var CX2 = cc.offsetWidth + CX1;
1233 var CY2 = cc.offsetHeight + CY1;
1235 if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
1236 if (!cc.__msh_save_visibility) {
1237 cc.__msh_save_visibility = getStyleProp(cc, "visibility");
1239 cc.style.visibility = cc.__msh_save_visibility;
1241 if (!cc.__msh_save_visibility) {
1242 cc.__msh_save_visibility = getStyleProp(cc, "visibility");
1244 cc.style.visibility = "hidden";
1250 /** Internal function; it displays the bar with the names of the weekday. */
1251 Calendar.prototype._displayWeekdays = function () {
1252 var MON = this.mondayFirst ? 0 : 1;
1253 var SUN = this.mondayFirst ? 6 : 0;
1254 var SAT = this.mondayFirst ? 5 : 6;
1255 var cell = this.firstdayname;
1256 for (var i = 0; i < 7; ++i) {
1257 cell.className = "day name";
1259 cell.ttip = this.mondayFirst ? Calendar._TT["SUN_FIRST"] : Calendar._TT["MON_FIRST"];
1261 cell.calendar = this;
1262 Calendar._add_evs(cell);
1264 if (i == SUN || i == SAT) {
1265 Calendar.addClass(cell, "weekend");
1267 cell.firstChild.data = Calendar._DN3[i + 1 - MON];
1268 cell = cell.nextSibling;
1272 /** Internal function. Hides all combo boxes that might be displayed. */
1273 Calendar.prototype._hideCombos = function () {
1274 this.monthsCombo.style.display = "none";
1275 this.yearsCombo.style.display = "none";
1278 /** Internal function. Starts dragging the element. */
1279 Calendar.prototype._dragStart = function (ev) {
1280 if (this.dragging) {
1283 this.dragging = true;
1286 if (Calendar.is_ie) {
1287 posY = window.event.clientY + document.body.scrollTop;
1288 posX = window.event.clientX + document.body.scrollLeft;
1290 posY = ev.clientY + window.scrollY;
1291 posX = ev.clientX + window.scrollX;
1293 var st = this.element.style;
1294 this.xOffs = posX - parseInt(st.left);
1295 this.yOffs = posY - parseInt(st.top);
1297 addEvent(document, "mousemove", calDragIt);
1298 addEvent(document, "mouseover", stopEvent);
1299 addEvent(document, "mouseup", calDragEnd);
1303 // BEGIN: DATE OBJECT PATCHES
1305 /** Adds the number of days array to the Date object. */
1306 Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
1308 /** Constants used for time computations */
1309 Date.SECOND = 1000 /* milliseconds */;
1310 Date.MINUTE = 60 * Date.SECOND;
1311 Date.HOUR = 60 * Date.MINUTE;
1312 Date.DAY = 24 * Date.HOUR;
1313 Date.WEEK = 7 * Date.DAY;
1315 /** Returns the number of days in the current month */
1316 Date.prototype.getMonthDays = function(month) {
1317 var year = this.getFullYear();
1318 if (typeof month == "undefined") {
1319 month = this.getMonth();
1321 if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) {
1324 return Date._MD[month];
1328 /** Returns the number of the week. The algorithm was "stolen" from PPK's
1329 * website, hope it's correct :) http://www.xs4all.nl/~ppk/js/week.html */
1330 Date.prototype.getWeekNumber = function() {
1331 var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1332 var then = new Date(this.getFullYear(), 0, 1, 0, 0, 0);
1333 var time = now - then;
1334 var day = then.getDay();
1335 (day > 3) && (day -= 4) || (day += 3);
1336 return Math.round(((time / Date.DAY) + day) / 7);
1339 /** Checks dates equality (ignores time) */
1340 Date.prototype.equalsTo = function(date) {
1341 return ((this.getFullYear() == date.getFullYear()) &&
1342 (this.getMonth() == date.getMonth()) &&
1343 (this.getDate() == date.getDate()));
1346 /** Prints the date in a string according to the given format. */
1347 Date.prototype.print = function (frm) {
1348 var str = new String(frm);
1349 var m = this.getMonth();
1350 var d = this.getDate();
1351 var y = this.getFullYear();
1352 var wn = this.getWeekNumber();
1353 var w = this.getDay();
1354 var s = new Array();
1356 s["dd"] = (d < 10) ? ("0" + d) : d;
1358 s["mm"] = (m < 9) ? ("0" + (1+m)) : (1+m);
1360 s["yy"] = new String(y).substr(2, 2);
1362 s["ww"] = (wn < 10) ? ("0" + wn) : wn;
1369 var re = /(.*)(\W|^)(d|dd|m|mm|y|yy|MM|M|DD|D|w|ww)(\W|$)(.*)/;
1370 while (re.exec(str) != null) {
1371 str = RegExp.$1 + RegExp.$2 + s[RegExp.$3] + RegExp.$4 + RegExp.$5;
1376 // END: DATE OBJECT PATCHES
1378 // global object that remembers the calendar
1379 window.calendar = null;