noalyss Version-9
calendar.js
Go to the documentation of this file.
1/* Copyright Mihai Bazon, 2002-2005 | www.bazon.net/mishoo
2 * -----------------------------------------------------------
3 *
4 * The DHTML Calendar, version 1.0 "It is happening again"
5 *
6 * Details and latest version at:
7 * www.dynarch.com/projects/calendar
8 *
9 * This script is developed by Dynarch.com. Visit us at www.dynarch.com.
10 *
11 * This script is distributed under the GNU Lesser General Public License.
12 * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
13 */
14
15// $Id$
16
17/** The Calendar object constructor. */
18Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
19 // member variables
20 this.activeDiv = null;
21 this.currentDateEl = null;
22 this.getDateStatus = null;
23 this.getDateToolTip = null;
24 this.getDateText = null;
25 this.timeout = null;
26 this.onSelected = onSelected || null;
27 this.onClose = onClose || null;
28 this.dragging = false;
29 this.hidden = false;
30 this.minYear = 1970;
31 this.maxYear = 2050;
32 this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];
33 this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];
34 this.isPopup = true;
35 this.weekNumbers = true;
36 this.firstDayOfWeek = typeof firstDayOfWeek == "number" ? firstDayOfWeek : Calendar._FD; // 0 for Sunday, 1 for Monday, etc.
37 this.showsOtherMonths = false;
38 this.dateStr = dateStr;
39 this.ar_days = null;
40 this.showsTime = false;
41 this.time24 = true;
42 this.yearStep = 2;
43 this.hiliteToday = true;
44 this.multiple = null;
45 // HTML elements
46 this.table = null;
47 this.element = null;
48 this.tbody = null;
49 this.firstdayname = null;
50 // Combo boxes
51 this.monthsCombo = null;
52 this.yearsCombo = null;
53 this.hilitedMonth = null;
54 this.activeMonth = null;
55 this.hilitedYear = null;
56 this.activeYear = null;
57 // Information
58 this.dateClicked = false;
59
60 // one-time initializations
61 if (typeof Calendar._SDN == "undefined") {
62 // table of short day names
63 if (typeof Calendar._SDN_len == "undefined")
64 Calendar._SDN_len = 3;
65 var ar = new Array();
66 for (var i = 8; i > 0;) {
67 ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);
68 }
69 Calendar._SDN = ar;
70 // table of short month names
71 if (typeof Calendar._SMN_len == "undefined")
72 Calendar._SMN_len = 3;
73 ar = new Array();
74 for (var i = 12; i > 0;) {
75 ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);
76 }
77 Calendar._SMN = ar;
78 }
79};
80
81// ** constants
82
83/// "static", needed for event handlers.
84Calendar._C = null;
85
86/// detect a special case of "web browser"
87Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&
88 !/opera/i.test(navigator.userAgent) );
89
90Calendar.is_ie5 = ( Calendar.is_ie && /msie 5\.0/i.test(navigator.userAgent) );
91
92/// detect Opera browser
93Calendar.is_opera = /opera/i.test(navigator.userAgent);
94
95/// detect KHTML-based browsers
96Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);
97
98// BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate
99// library, at some point.
100
101Calendar.getAbsolutePos = function(el) {
102 var SL = 0, ST = 0;
103 var is_div = /^div$/i.test(el.tagName);
104 if (is_div && el.scrollLeft)
105 SL = el.scrollLeft;
106 if (is_div && el.scrollTop)
107 ST = el.scrollTop;
108 var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
109 if (el.offsetParent) {
110 var tmp = this.getAbsolutePos(el.offsetParent);
111 r.x += tmp.x;
112 r.y += tmp.y;
113 }
114 return r;
115};
116
117Calendar.isRelated = function (el, evt) {
118 var related = evt.relatedTarget;
119 if (!related) {
120 var type = evt.type;
121 if (type == "mouseover") {
122 related = evt.fromElement;
123 } else if (type == "mouseout") {
124 related = evt.toElement;
125 }
126 }
127 while (related) {
128 if (related == el) {
129 return true;
130 }
131 related = related.parentNode;
132 }
133 return false;
134};
135
136Calendar.removeClass = function(el, className) {
137 if (!(el && el.className)) {
138 return;
139 }
140 var cls = el.className.split(" ");
141 var ar = new Array();
142 for (var i = cls.length; i > 0;) {
143 if (cls[--i] != className) {
144 ar[ar.length] = cls[i];
145 }
146 }
147 el.className = ar.join(" ");
148};
149
150Calendar.addClass = function(el, className) {
151 Calendar.removeClass(el, className);
152 el.className += " " + className;
153};
154
155// FIXME: the following 2 functions totally suck, are useless and should be replaced immediately.
156Calendar.getElement = function(ev) {
157 var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;
158 while (f.nodeType != 1 || /^div$/i.test(f.tagName))
159 f = f.parentNode;
160 return f;
161};
162
163Calendar.getTargetElement = function(ev) {
164 var f = Calendar.is_ie ? window.event.srcElement : ev.target;
165 while (f.nodeType != 1)
166 f = f.parentNode;
167 return f;
168};
169
170Calendar.stopEvent = function(ev) {
171 ev || (ev = window.event);
172 if (Calendar.is_ie) {
173 ev.cancelBubble = true;
174 ev.returnValue = false;
175 } else {
176 ev.preventDefault();
177 ev.stopPropagation();
178 }
179 return false;
180};
181
182Calendar.addEvent = function(el, evname, func) {
183 if (el.attachEvent) { // IE
184 el.attachEvent("on" + evname, func);
185 } else if (el.addEventListener) { // Gecko / W3C
186 el.addEventListener(evname, func, true);
187 } else {
188 el["on" + evname] = func;
189 }
190};
191
192Calendar.removeEvent = function(el, evname, func) {
193 if (el.detachEvent) { // IE
194 el.detachEvent("on" + evname, func);
195 } else if (el.removeEventListener) { // Gecko / W3C
196 el.removeEventListener(evname, func, true);
197 } else {
198 el["on" + evname] = null;
199 }
200};
201
202Calendar.createElement = function(type, parent) {
203 var el = null;
204 if (document.createElementNS) {
205 // use the XHTML namespace; IE won't normally get here unless
206 // _they_ "fix" the DOM2 implementation.
207 el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
208 } else {
209 el = document.createElement(type);
210 }
211 if (typeof parent != "undefined") {
212 parent.appendChild(el);
213 }
214 return el;
215};
216
217// END: UTILITY FUNCTIONS
218
219// BEGIN: CALENDAR STATIC FUNCTIONS
220
221/** Internal -- adds a set of events to make some element behave like a button. */
222Calendar._add_evs = function(el) {
223 with (Calendar) {
224 addEvent(el, "mouseover", dayMouseOver);
225 addEvent(el, "mousedown", dayMouseDown);
226 addEvent(el, "mouseout", dayMouseOut);
227 if (is_ie) {
228 addEvent(el, "dblclick", dayMouseDblClick);
229 el.setAttribute("unselectable", true);
230 }
231 }
232};
233
234Calendar.findMonth = function(el) {
235 if (typeof el.month != "undefined") {
236 return el;
237 } else if (typeof el.parentNode.month != "undefined") {
238 return el.parentNode;
239 }
240 return null;
241};
242
243Calendar.findYear = function(el) {
244 if (typeof el.year != "undefined") {
245 return el;
246 } else if (typeof el.parentNode.year != "undefined") {
247 return el.parentNode;
248 }
249 return null;
250};
251
252Calendar.showMonthsCombo = function () {
253 var cal = Calendar._C;
254 if (!cal) {
255 return false;
256 }
257 var cal = cal;
258 var cd = cal.activeDiv;
259 var mc = cal.monthsCombo;
260 if (cal.hilitedMonth) {
261 Calendar.removeClass(cal.hilitedMonth, "hilite");
262 }
263 if (cal.activeMonth) {
264 Calendar.removeClass(cal.activeMonth, "active");
265 }
266 var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];
267 Calendar.addClass(mon, "active");
268 cal.activeMonth = mon;
269 var s = mc.style;
270 s.display = "block";
271 if (cd.navtype < 0)
272 s.left = cd.offsetLeft + "px";
273 else {
274 var mcw = mc.offsetWidth;
275 if (typeof mcw == "undefined")
276 // Konqueror brain-dead techniques
277 mcw = 50;
278 s.left = (cd.offsetLeft + cd.offsetWidth - mcw) + "px";
279 }
280 s.top = (cd.offsetTop + cd.offsetHeight) + "px";
281};
282
283Calendar.showYearsCombo = function (fwd) {
284 var cal = Calendar._C;
285 if (!cal) {
286 return false;
287 }
288 var cal = cal;
289 var cd = cal.activeDiv;
290 var yc = cal.yearsCombo;
291 if (cal.hilitedYear) {
292 Calendar.removeClass(cal.hilitedYear, "hilite");
293 }
294 if (cal.activeYear) {
295 Calendar.removeClass(cal.activeYear, "active");
296 }
297 cal.activeYear = null;
298 var Y = cal.date.getFullYear() + (fwd ? 1 : -1);
299 var yr = yc.firstChild;
300 var show = false;
301 for (var i = 12; i > 0; --i) {
302 if (Y >= cal.minYear && Y <= cal.maxYear) {
303 yr.innerHTML = Y;
304 yr.year = Y;
305 yr.style.display = "block";
306 show = true;
307 } else {
308 yr.style.display = "none";
309 }
310 yr = yr.nextSibling;
311 Y += fwd ? cal.yearStep : -cal.yearStep;
312 }
313 if (show) {
314 var s = yc.style;
315 s.display = "block";
316 if (cd.navtype < 0)
317 s.left = cd.offsetLeft + "px";
318 else {
319 var ycw = yc.offsetWidth;
320 if (typeof ycw == "undefined")
321 // Konqueror brain-dead techniques
322 ycw = 50;
323 s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";
324 }
325 s.top = (cd.offsetTop + cd.offsetHeight) + "px";
326 }
327};
328
329// event handlers
330
331Calendar.tableMouseUp = function(ev) {
332 var cal = Calendar._C;
333 if (!cal) {
334 return false;
335 }
336 if (cal.timeout) {
337 clearTimeout(cal.timeout);
338 }
339 var el = cal.activeDiv;
340 if (!el) {
341 return false;
342 }
343 var target = Calendar.getTargetElement(ev);
344 ev || (ev = window.event);
345 Calendar.removeClass(el, "active");
346 if (target == el || target.parentNode == el) {
347 Calendar.cellClick(el, ev);
348 }
349 var mon = Calendar.findMonth(target);
350 var date = null;
351 if (mon) {
352 date = new Date(cal.date);
353 if (mon.month != date.getMonth()) {
354 date.setMonth(mon.month);
355 cal.setDate(date);
356 cal.dateClicked = false;
357 cal.callHandler();
358 }
359 } else {
360 var year = Calendar.findYear(target);
361 if (year) {
362 date = new Date(cal.date);
363 if (year.year != date.getFullYear()) {
364 date.setFullYear(year.year);
365 cal.setDate(date);
366 cal.dateClicked = false;
367 cal.callHandler();
368 }
369 }
370 }
371 with (Calendar) {
372 removeEvent(document, "mouseup", tableMouseUp);
373 removeEvent(document, "mouseover", tableMouseOver);
374 removeEvent(document, "mousemove", tableMouseOver);
375 cal._hideCombos();
376 _C = null;
377 return stopEvent(ev);
378 }
379};
380
381Calendar.tableMouseOver = function (ev) {
382 var cal = Calendar._C;
383 if (!cal) {
384 return;
385 }
386 var el = cal.activeDiv;
387 var target = Calendar.getTargetElement(ev);
388 if (target == el || target.parentNode == el) {
389 Calendar.addClass(el, "hilite active");
390 Calendar.addClass(el.parentNode, "rowhilite");
391 } else {
392 if (typeof el.navtype == "undefined" || (el.navtype != 50 && (el.navtype == 0 || Math.abs(el.navtype) > 2)))
393 Calendar.removeClass(el, "active");
394 Calendar.removeClass(el, "hilite");
395 Calendar.removeClass(el.parentNode, "rowhilite");
396 }
397 ev || (ev = window.event);
398 if (el.navtype == 50 && target != el) {
399 var pos = Calendar.getAbsolutePos(el);
400 var w = el.offsetWidth;
401 var x = ev.clientX;
402 var dx;
403 var decrease = true;
404 if (x > pos.x + w) {
405 dx = x - pos.x - w;
406 decrease = false;
407 } else
408 dx = pos.x - x;
409
410 if (dx < 0) dx = 0;
411 var range = el._range;
412 var current = el._current;
413 var count = Math.floor(dx / 10) % range.length;
414 for (var i = range.length; --i >= 0;)
415 if (range[i] == current)
416 break;
417 while (count-- > 0)
418 if (decrease) {
419 if (--i < 0)
420 i = range.length - 1;
421 } else if ( ++i >= range.length )
422 i = 0;
423 var newval = range[i];
424 el.innerHTML = newval;
425
426 cal.onUpdateTime();
427 }
428 var mon = Calendar.findMonth(target);
429 if (mon) {
430 if (mon.month != cal.date.getMonth()) {
431 if (cal.hilitedMonth) {
432 Calendar.removeClass(cal.hilitedMonth, "hilite");
433 }
434 Calendar.addClass(mon, "hilite");
435 cal.hilitedMonth = mon;
436 } else if (cal.hilitedMonth) {
437 Calendar.removeClass(cal.hilitedMonth, "hilite");
438 }
439 } else {
440 if (cal.hilitedMonth) {
441 Calendar.removeClass(cal.hilitedMonth, "hilite");
442 }
443 var year = Calendar.findYear(target);
444 if (year) {
445 if (year.year != cal.date.getFullYear()) {
446 if (cal.hilitedYear) {
447 Calendar.removeClass(cal.hilitedYear, "hilite");
448 }
449 Calendar.addClass(year, "hilite");
450 cal.hilitedYear = year;
451 } else if (cal.hilitedYear) {
452 Calendar.removeClass(cal.hilitedYear, "hilite");
453 }
454 } else if (cal.hilitedYear) {
455 Calendar.removeClass(cal.hilitedYear, "hilite");
456 }
457 }
458 return Calendar.stopEvent(ev);
459};
460
461Calendar.tableMouseDown = function (ev) {
462 if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) {
463 return Calendar.stopEvent(ev);
464 }
465};
466
467Calendar.calDragIt = function (ev) {
468 var cal = Calendar._C;
469 if (!(cal && cal.dragging)) {
470 return false;
471 }
472 var posX;
473 var posY;
474 if (Calendar.is_ie) {
475 posY = window.event.clientY + document.body.scrollTop;
476 posX = window.event.clientX + document.body.scrollLeft;
477 } else {
478 posX = ev.pageX;
479 posY = ev.pageY;
480 }
481 cal.hideShowCovered();
482 var st = cal.element.style;
483 st.left = (posX - cal.xOffs) + "px";
484 st.top = (posY - cal.yOffs) + "px";
485 return Calendar.stopEvent(ev);
486};
487
488Calendar.calDragEnd = function (ev) {
489 var cal = Calendar._C;
490 if (!cal) {
491 return false;
492 }
493 cal.dragging = false;
494 with (Calendar) {
495 removeEvent(document, "mousemove", calDragIt);
496 removeEvent(document, "mouseup", calDragEnd);
497 tableMouseUp(ev);
498 }
499 cal.hideShowCovered();
500};
501
502Calendar.dayMouseDown = function(ev) {
503 var el = Calendar.getElement(ev);
504 if (el.disabled) {
505 return false;
506 }
507 var cal = el.calendar;
508 cal.activeDiv = el;
509 Calendar._C = cal;
510 if (el.navtype != 300) with (Calendar) {
511 if (el.navtype == 50) {
512 el._current = el.innerHTML;
513 addEvent(document, "mousemove", tableMouseOver);
514 } else
515 addEvent(document, Calendar.is_ie5 ? "mousemove" : "mouseover", tableMouseOver);
516 addClass(el, "hilite active");
517 addEvent(document, "mouseup", tableMouseUp);
518 } else if (cal.isPopup) {
519 cal._dragStart(ev);
520 }
521 if (el.navtype == -1 || el.navtype == 1) {
522 if (cal.timeout) clearTimeout(cal.timeout);
523 cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250);
524 } else if (el.navtype == -2 || el.navtype == 2) {
525 if (cal.timeout) clearTimeout(cal.timeout);
526 cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showYearsCombo(true)" : "Calendar.showYearsCombo(false)", 250);
527 } else {
528 cal.timeout = null;
529 }
530 return Calendar.stopEvent(ev);
531};
532
533Calendar.dayMouseDblClick = function(ev) {
534 Calendar.cellClick(Calendar.getElement(ev), ev || window.event);
535 if (Calendar.is_ie) {
536 document.selection.empty();
537 }
538};
539
540Calendar.dayMouseOver = function(ev) {
541 var el = Calendar.getElement(ev);
542 if (Calendar.isRelated(el, ev) || Calendar._C || el.disabled) {
543 return false;
544 }
545 if (el.ttip) {
546 if (el.ttip.substr(0, 1) == "_") {
547 el.ttip = el.caldate.print(el.calendar.ttDateFormat) + el.ttip.substr(1);
548 }
549 el.calendar.tooltips.innerHTML = el.ttip;
550 }
551 if (el.navtype != 300) {
552 Calendar.addClass(el, "hilite");
553 if (el.caldate) {
554 Calendar.addClass(el.parentNode, "rowhilite");
555 }
556 }
557 return Calendar.stopEvent(ev);
558};
559
560Calendar.dayMouseOut = function(ev) {
561 with (Calendar) {
562 var el = getElement(ev);
563 if (isRelated(el, ev) || _C || el.disabled)
564 return false;
565 removeClass(el, "hilite");
566 if (el.caldate)
567 removeClass(el.parentNode, "rowhilite");
568 if (el.calendar)
569 el.calendar.tooltips.innerHTML = _TT["SEL_DATE"];
570 return stopEvent(ev);
571 }
572};
573
574/**
575 * A generic "click" handler :) handles all types of buttons defined in this
576 * calendar.
577 */
578Calendar.cellClick = function(el, ev) {
579 var cal = el.calendar;
580 var closing = false;
581 var newdate = false;
582 var date = null;
583 if (typeof el.navtype == "undefined") {
584 if (cal.currentDateEl) {
585 Calendar.removeClass(cal.currentDateEl, "selected");
586 Calendar.addClass(el, "selected");
587 closing = (cal.currentDateEl == el);
588 if (!closing) {
589 cal.currentDateEl = el;
590 }
591 }
592 cal.date.setDateOnly(el.caldate);
593 date = cal.date;
594 var other_month = !(cal.dateClicked = !el.otherMonth);
595 if (!other_month && !cal.currentDateEl)
596 cal._toggleMultipleDate(new Date(date));
597 else
598 newdate = !el.disabled;
599 // a date was clicked
600 if (other_month)
601 cal._init(cal.firstDayOfWeek, date);
602 } else {
603 if (el.navtype == 200) {
604 Calendar.removeClass(el, "hilite");
605 cal.callCloseHandler();
606 return;
607 }
608 date = new Date(cal.date);
609 if (el.navtype == 0)
610 date.setDateOnly(new Date()); // TODAY
611 // unless "today" was clicked, we assume no date was clicked so
612 // the selected handler will know not to close the calenar when
613 // in single-click mode.
614 // cal.dateClicked = (el.navtype == 0);
615 cal.dateClicked = false;
616 var year = date.getFullYear();
617 var mon = date.getMonth();
618 function setMonth(m) {
619 var day = date.getDate();
620 var max = date.getMonthDays(m);
621 if (day > max) {
622 date.setDate(max);
623 }
624 date.setMonth(m);
625 };
626 switch (el.navtype) {
627 case 400:
628 Calendar.removeClass(el, "hilite");
629 var text = Calendar._TT["ABOUT"];
630 if (typeof text != "undefined") {
631 text += cal.showsTime ? Calendar._TT["ABOUT_TIME"] : "";
632 } else {
633 // FIXME: this should be removed as soon as lang files get updated!
634 text = "Help and about box text is not translated into this language.\n" +
635 "If you know this language and you feel generous please update\n" +
636 "the corresponding file in \"lang\" subdir to match calendar-en.js\n" +
637 "and send it back to <mihai_bazon@yahoo.com> to get it into the distribution ;-)\n\n" +
638 "Thank you!\n" +
639 "http://dynarch.com/mishoo/calendar.epl\n";
640 }
641 alert(text);
642 return;
643 case -2:
644 if (year > cal.minYear) {
645 date.setFullYear(year - 1);
646 }
647 break;
648 case -1:
649 if (mon > 0) {
650 setMonth(mon - 1);
651 } else if (year-- > cal.minYear) {
652 date.setFullYear(year);
653 setMonth(11);
654 }
655 break;
656 case 1:
657 if (mon < 11) {
658 setMonth(mon + 1);
659 } else if (year < cal.maxYear) {
660 date.setFullYear(year + 1);
661 setMonth(0);
662 }
663 break;
664 case 2:
665 if (year < cal.maxYear) {
666 date.setFullYear(year + 1);
667 }
668 break;
669 case 100:
670 cal.setFirstDayOfWeek(el.fdow);
671 return;
672 case 50:
673 var range = el._range;
674 var current = el.innerHTML;
675 for (var i = range.length; --i >= 0;)
676 if (range[i] == current)
677 break;
678 if (ev && ev.shiftKey) {
679 if (--i < 0)
680 i = range.length - 1;
681 } else if ( ++i >= range.length )
682 i = 0;
683 var newval = range[i];
684 el.innerHTML = newval;
685 cal.onUpdateTime();
686 return;
687 case 0:
688 // TODAY will bring us here
689 if ((typeof cal.getDateStatus == "function") &&
690 cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) {
691 return false;
692 }
693 break;
694 }
695 if (!date.equalsTo(cal.date)) {
696 cal.setDate(date);
697 newdate = true;
698 } else if (el.navtype == 0)
699 newdate = closing = true;
700 }
701 if (newdate) {
702 ev && cal.callHandler();
703 }
704 if (closing) {
705 Calendar.removeClass(el, "hilite");
706 ev && cal.callCloseHandler();
707 }
708};
709
710// END: CALENDAR STATIC FUNCTIONS
711
712// BEGIN: CALENDAR OBJECT FUNCTIONS
713
714/**
715 * This function creates the calendar inside the given parent. If _par is
716 * null than it creates a popup calendar inside the BODY element. If _par is
717 * an element, be it BODY, then it creates a non-popup calendar (still
718 * hidden). Some properties need to be set before calling this function.
719 */
720Calendar.prototype.create = function (_par) {
721 var parent = null;
722 if (! _par) {
723 // default parent is the document body, in which case we create
724 // a popup calendar.
725 parent = document.getElementsByTagName("body")[0];
726 this.isPopup = true;
727 } else {
728 parent = _par;
729 this.isPopup = false;
730 }
731 this.date = this.dateStr ? new Date(this.dateStr) : new Date();
732
733 var table = Calendar.createElement("table");
734 this.table = table;
735 table.cellSpacing = 0;
736 table.cellPadding = 0;
737 table.calendar = this;
738 Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
739
740 var div = Calendar.createElement("div");
741 this.element = div;
742 div.className = "calendar";
743 if (this.isPopup) {
744 div.style.position = "absolute";
745 div.style.display = "none";
746 }
747 div.appendChild(table);
748
749 var thead = Calendar.createElement("thead", table);
750 var cell = null;
751 var row = null;
752
753 var cal = this;
754 var hh = function (text, cs, navtype) {
755 cell = Calendar.createElement("td", row);
756 cell.colSpan = cs;
757 cell.className = "button";
758 if (navtype != 0 && Math.abs(navtype) <= 2)
759 cell.className += " navcalendar";
760 Calendar._add_evs(cell);
761 cell.calendar = cal;
762 cell.navtype = navtype;
763 cell.innerHTML = "<div unselectable='on'>" + text + "</div>";
764 return cell;
765 };
766
767 row = Calendar.createElement("tr", thead);
768 var title_length = 6;
769 (this.isPopup) && --title_length;
770 (this.weekNumbers) && ++title_length;
771
772 hh("?", 1, 400).ttip = Calendar._TT["INFO"];
773 this.title = hh("", title_length, 300);
774 this.title.className = "title";
775 if (this.isPopup) {
776 this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
777 this.title.style.cursor = "move";
778 hh("&#x00d7;", 1, 200).ttip = Calendar._TT["CLOSE"];
779 }
780
781 row = Calendar.createElement("tr", thead);
782 row.className = "headrow";
783
784 this._nav_py = hh("&#x00ab;", 1, -2);
785 this._nav_py.ttip = Calendar._TT["PREV_YEAR"];
786
787 this._nav_pm = hh("&#x2039;", 1, -1);
788 this._nav_pm.ttip = Calendar._TT["PREV_MONTH"];
789
790 this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
791 this._nav_now.ttip = Calendar._TT["GO_TODAY"];
792
793 this._nav_nm = hh("&#x203a;", 1, 1);
794 this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"];
795
796 this._nav_ny = hh("&#x00bb;", 1, 2);
797 this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"];
798
799 // day names
800 row = Calendar.createElement("tr", thead);
801 row.className = "daynames";
802 if (this.weekNumbers) {
803 cell = Calendar.createElement("td", row);
804 cell.className = "name wn";
805 cell.innerHTML = Calendar._TT["WK"];
806 }
807 for (var i = 7; i > 0; --i) {
808 cell = Calendar.createElement("td", row);
809 if (!i) {
810 cell.navtype = 100;
811 cell.calendar = this;
812 Calendar._add_evs(cell);
813 }
814 }
815 this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
816 this._displayWeekdays();
817
818 var tbody = Calendar.createElement("tbody", table);
819 this.tbody = tbody;
820
821 for (i = 6; i > 0; --i) {
822 row = Calendar.createElement("tr", tbody);
823 if (this.weekNumbers) {
824 cell = Calendar.createElement("td", row);
825 }
826 for (var j = 7; j > 0; --j) {
827 cell = Calendar.createElement("td", row);
828 cell.calendar = this;
829 Calendar._add_evs(cell);
830 }
831 }
832
833 if (this.showsTime) {
834 row = Calendar.createElement("tr", tbody);
835 row.className = "time";
836
837 cell = Calendar.createElement("td", row);
838 cell.className = "time";
839 cell.colSpan = 2;
840 cell.innerHTML = Calendar._TT["TIME"] || "&nbsp;";
841
842 cell = Calendar.createElement("td", row);
843 cell.className = "time";
844 cell.colSpan = this.weekNumbers ? 4 : 3;
845
846 (function(){
847 function makeTimePart(className, init, range_start, range_end) {
848 var part = Calendar.createElement("span", cell);
849 part.className = className;
850 part.innerHTML = init;
851 part.calendar = cal;
852 part.ttip = Calendar._TT["TIME_PART"];
853 part.navtype = 50;
854 part._range = [];
855 if (typeof range_start != "number")
856 part._range = range_start;
857 else {
858 for (var i = range_start; i <= range_end; ++i) {
859 var txt;
860 if (i < 10 && range_end >= 10) txt = '0' + i;
861 else txt = '' + i;
862 part._range[part._range.length] = txt;
863 }
864 }
865 Calendar._add_evs(part);
866 return part;
867 };
868 var hrs = cal.date.getHours();
869 var mins = cal.date.getMinutes();
870 var t12 = !cal.time24;
871 var pm = (hrs > 12);
872 if (t12 && pm) hrs -= 12;
873 var H = makeTimePart("hour", hrs, t12 ? 1 : 0, t12 ? 12 : 23);
874 var span = Calendar.createElement("span", cell);
875 span.innerHTML = ":";
876 span.className = "colon";
877 var M = makeTimePart("minute", mins, 0, 59);
878 var AP = null;
879 cell = Calendar.createElement("td", row);
880 cell.className = "time";
881 cell.colSpan = 2;
882 if (t12)
883 AP = makeTimePart("ampm", pm ? "pm" : "am", ["am", "pm"]);
884 else
885 cell.innerHTML = "&nbsp;";
886
887 cal.onSetTime = function() {
888 var pm, hrs = this.date.getHours(),
889 mins = this.date.getMinutes();
890 if (t12) {
891 pm = (hrs >= 12);
892 if (pm) hrs -= 12;
893 if (hrs == 0) hrs = 12;
894 AP.innerHTML = pm ? "pm" : "am";
895 }
896 H.innerHTML = (hrs < 10) ? ("0" + hrs) : hrs;
897 M.innerHTML = (mins < 10) ? ("0" + mins) : mins;
898 };
899
900 cal.onUpdateTime = function() {
901 var date = this.date;
902 var h = parseInt(H.innerHTML, 10);
903 if (t12) {
904 if (/pm/i.test(AP.innerHTML) && h < 12)
905 h += 12;
906 else if (/am/i.test(AP.innerHTML) && h == 12)
907 h = 0;
908 }
909 var d = date.getDate();
910 var m = date.getMonth();
911 var y = date.getFullYear();
912 date.setHours(h);
913 date.setMinutes(parseInt(M.innerHTML, 10));
914 date.setFullYear(y);
915 date.setMonth(m);
916 date.setDate(d);
917 this.dateClicked = false;
918 this.callHandler();
919 };
920 })();
921 } else {
922 this.onSetTime = this.onUpdateTime = function() {};
923 }
924
925 var tfoot = Calendar.createElement("tfoot", table);
926
927 row = Calendar.createElement("tr", tfoot);
928 row.className = "footrow";
929
930 cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
931 cell.className = "ttip";
932 if (this.isPopup) {
933 cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
934 cell.style.cursor = "move";
935 }
936 this.tooltips = cell;
937
938 div = Calendar.createElement("div", this.element);
939 this.monthsCombo = div;
940 div.className = "combo";
941 for (i = 0; i < Calendar._MN.length; ++i) {
942 var mn = Calendar.createElement("div");
943 mn.className = Calendar.is_ie ? "label-IEfix" : "label";
944 mn.month = i;
945 mn.innerHTML = Calendar._SMN[i];
946 div.appendChild(mn);
947 }
948
949 div = Calendar.createElement("div", this.element);
950 this.yearsCombo = div;
951 div.className = "combo";
952 for (i = 12; i > 0; --i) {
953 var yr = Calendar.createElement("div");
954 yr.className = Calendar.is_ie ? "label-IEfix" : "label";
955 div.appendChild(yr);
956 }
957
958 this._init(this.firstDayOfWeek, this.date);
959 parent.appendChild(this.element);
960};
961
962/** keyboard navigation, only for popup calendars */
963Calendar._keyEvent = function(ev) {
964 var cal = window._dynarch_popupCalendar;
965 if (!cal || cal.multiple)
966 return false;
967 (Calendar.is_ie) && (ev = window.event);
968 var act = (Calendar.is_ie || ev.type == "keypress"),
969 K = ev.keyCode;
970 if (ev.ctrlKey) {
971 switch (K) {
972 case 37: // KEY left
973 act && Calendar.cellClick(cal._nav_pm);
974 break;
975 case 38: // KEY up
976 act && Calendar.cellClick(cal._nav_py);
977 break;
978 case 39: // KEY right
979 act && Calendar.cellClick(cal._nav_nm);
980 break;
981 case 40: // KEY down
982 act && Calendar.cellClick(cal._nav_ny);
983 break;
984 default:
985 return false;
986 }
987 } else switch (K) {
988 case 32: // KEY space (now)
989 Calendar.cellClick(cal._nav_now);
990 break;
991 case 27: // KEY esc
992 act && cal.callCloseHandler();
993 break;
994 case 37: // KEY left
995 case 38: // KEY up
996 case 39: // KEY right
997 case 40: // KEY down
998 if (act) {
999 var prev, x, y, ne, el, step;
1000 prev = K == 37 || K == 38;
1001 step = (K == 37 || K == 39) ? 1 : 7;
1002 function setVars() {
1003 el = cal.currentDateEl;
1004 var p = el.pos;
1005 x = p & 15;
1006 y = p >> 4;
1007 ne = cal.ar_days[y][x];
1008 };setVars();
1009 function prevMonth() {
1010 var date = new Date(cal.date);
1011 date.setDate(date.getDate() - step);
1012 cal.setDate(date);
1013 };
1014 function nextMonth() {
1015 var date = new Date(cal.date);
1016 date.setDate(date.getDate() + step);
1017 cal.setDate(date);
1018 };
1019 while (1) {
1020 switch (K) {
1021 case 37: // KEY left
1022 if (--x >= 0)
1023 ne = cal.ar_days[y][x];
1024 else {
1025 x = 6;
1026 K = 38;
1027 continue;
1028 }
1029 break;
1030 case 38: // KEY up
1031 if (--y >= 0)
1032 ne = cal.ar_days[y][x];
1033 else {
1034 prevMonth();
1035 setVars();
1036 }
1037 break;
1038 case 39: // KEY right
1039 if (++x < 7)
1040 ne = cal.ar_days[y][x];
1041 else {
1042 x = 0;
1043 K = 40;
1044 continue;
1045 }
1046 break;
1047 case 40: // KEY down
1048 if (++y < cal.ar_days.length)
1049 ne = cal.ar_days[y][x];
1050 else {
1051 nextMonth();
1052 setVars();
1053 }
1054 break;
1055 }
1056 break;
1057 }
1058 if (ne) {
1059 if (!ne.disabled)
1060 Calendar.cellClick(ne);
1061 else if (prev)
1062 prevMonth();
1063 else
1064 nextMonth();
1065 }
1066 }
1067 break;
1068 case 13: // KEY enter
1069 if (act)
1070 Calendar.cellClick(cal.currentDateEl, ev);
1071 break;
1072 default:
1073 return false;
1074 }
1075 return Calendar.stopEvent(ev);
1076};
1077
1078/**
1079 * (RE)Initializes the calendar to the given date and firstDayOfWeek
1080 */
1081Calendar.prototype._init = function (firstDayOfWeek, date) {
1082 var today = new Date(),
1083 TY = today.getFullYear(),
1084 TM = today.getMonth(),
1085 TD = today.getDate();
1086 this.table.style.visibility = "hidden";
1087 var year = date.getFullYear();
1088 if (year < this.minYear) {
1089 year = this.minYear;
1090 date.setFullYear(year);
1091 } else if (year > this.maxYear) {
1092 year = this.maxYear;
1093 date.setFullYear(year);
1094 }
1095 this.firstDayOfWeek = firstDayOfWeek;
1096 this.date = new Date(date);
1097 var month = date.getMonth();
1098 var mday = date.getDate();
1099 var no_days = date.getMonthDays();
1100
1101 // calendar voodoo for computing the first day that would actually be
1102 // displayed in the calendar, even if it's from the previous month.
1103 // WARNING: this is magic. ;-)
1104 date.setDate(1);
1105 var day1 = (date.getDay() - this.firstDayOfWeek) % 7;
1106 if (day1 < 0)
1107 day1 += 7;
1108 date.setDate(-day1);
1109 date.setDate(date.getDate() + 1);
1110
1111 var row = this.tbody.firstChild;
1112 var MN = Calendar._SMN[month];
1113 var ar_days = this.ar_days = new Array();
1114 var weekend = Calendar._TT["WEEKEND"];
1115 var dates = this.multiple ? (this.datesCells = {}) : null;
1116 for (var i = 0; i < 6; ++i, row = row.nextSibling) {
1117 var cell = row.firstChild;
1118 if (this.weekNumbers) {
1119 cell.className = "day wn";
1120 cell.innerHTML = date.getWeekNumber();
1121 cell = cell.nextSibling;
1122 }
1123 row.className = "daysrow";
1124 var hasdays = false, iday, dpos = ar_days[i] = [];
1125 for (var j = 0; j < 7; ++j, cell = cell.nextSibling, date.setDate(iday + 1)) {
1126 iday = date.getDate();
1127 var wday = date.getDay();
1128 cell.className = "day";
1129 cell.pos = i << 4 | j;
1130 dpos[j] = cell;
1131 var current_month = (date.getMonth() == month);
1132 if (!current_month) {
1133 if (this.showsOtherMonths) {
1134 cell.className += " othermonth";
1135 cell.otherMonth = true;
1136 } else {
1137 cell.className = "emptycell";
1138 cell.innerHTML = "&nbsp;";
1139 cell.disabled = true;
1140 continue;
1141 }
1142 } else {
1143 cell.otherMonth = false;
1144 hasdays = true;
1145 }
1146 cell.disabled = false;
1147 cell.innerHTML = this.getDateText ? this.getDateText(date, iday) : iday;
1148 if (dates)
1149 dates[date.print("%Y%m%d")] = cell;
1150 if (this.getDateStatus) {
1151 var status = this.getDateStatus(date, year, month, iday);
1152 if (this.getDateToolTip) {
1153 var toolTip = this.getDateToolTip(date, year, month, iday);
1154 if (toolTip)
1155 cell.title = toolTip;
1156 }
1157 if (status === true) {
1158 cell.className += " disabled";
1159 cell.disabled = true;
1160 } else {
1161 if (/disabled/i.test(status))
1162 cell.disabled = true;
1163 cell.className += " " + status;
1164 }
1165 }
1166 if (!cell.disabled) {
1167 cell.caldate = new Date(date);
1168 cell.ttip = "_";
1169 if (!this.multiple && current_month
1170 && iday == mday && this.hiliteToday) {
1171 cell.className += " selected";
1172 this.currentDateEl = cell;
1173 }
1174 if (date.getFullYear() == TY &&
1175 date.getMonth() == TM &&
1176 iday == TD) {
1177 cell.className += " today";
1178 cell.ttip += Calendar._TT["PART_TODAY"];
1179 }
1180 if (weekend.indexOf(wday.toString()) != -1)
1181 cell.className += cell.otherMonth ? " oweekend" : " weekend";
1182 }
1183 }
1184 if (!(hasdays || this.showsOtherMonths))
1185 row.className = "emptyrow";
1186 }
1187 this.title.innerHTML = Calendar._MN[month] + ", " + year;
1188 this.onSetTime();
1189 this.table.style.visibility = "visible";
1190 this._initMultipleDates();
1191 // PROFILE
1192 // this.tooltips.innerHTML = "Generated in " + ((new Date()) - today) + " ms";
1193};
1194
1195Calendar.prototype._initMultipleDates = function() {
1196 if (this.multiple) {
1197 for (var i in this.multiple) {
1198 var cell = this.datesCells[i];
1199 var d = this.multiple[i];
1200 if (!d)
1201 continue;
1202 if (cell)
1203 cell.className += " selected";
1204 }
1205 }
1206};
1207
1208Calendar.prototype._toggleMultipleDate = function(date) {
1209 if (this.multiple) {
1210 var ds = date.print("%Y%m%d");
1211 var cell = this.datesCells[ds];
1212 if (cell) {
1213 var d = this.multiple[ds];
1214 if (!d) {
1215 Calendar.addClass(cell, "selected");
1216 this.multiple[ds] = date;
1217 } else {
1218 Calendar.removeClass(cell, "selected");
1219 delete this.multiple[ds];
1220 }
1221 }
1222 }
1223};
1224
1225Calendar.prototype.setDateToolTipHandler = function (unaryFunction) {
1226 this.getDateToolTip = unaryFunction;
1227};
1228
1229/**
1230 * Calls _init function above for going to a certain date (but only if the
1231 * date is different than the currently selected one).
1232 */
1233Calendar.prototype.setDate = function (date) {
1234 if (!date.equalsTo(this.date)) {
1235 this._init(this.firstDayOfWeek, date);
1236 }
1237};
1238
1239/**
1240 * Refreshes the calendar. Useful if the "disabledHandler" function is
1241 * dynamic, meaning that the list of disabled date can change at runtime.
1242 * Just * call this function if you think that the list of disabled dates
1243 * should * change.
1244 */
1245Calendar.prototype.refresh = function () {
1246 this._init(this.firstDayOfWeek, this.date);
1247};
1248
1249/** Modifies the "firstDayOfWeek" parameter (pass 0 for Synday, 1 for Monday, etc.). */
1250Calendar.prototype.setFirstDayOfWeek = function (firstDayOfWeek) {
1251 this._init(firstDayOfWeek, this.date);
1252 this._displayWeekdays();
1253};
1254
1255/**
1256 * Allows customization of what dates are enabled. The "unaryFunction"
1257 * parameter must be a function object that receives the date (as a JS Date
1258 * object) and returns a boolean value. If the returned value is true then
1259 * the passed date will be marked as disabled.
1260 */
1261Calendar.prototype.setDateStatusHandler = Calendar.prototype.setDisabledHandler = function (unaryFunction) {
1262 this.getDateStatus = unaryFunction;
1263};
1264
1265/** Customization of allowed year range for the calendar. */
1266Calendar.prototype.setRange = function (a, z) {
1267 this.minYear = a;
1268 this.maxYear = z;
1269};
1270
1271/** Calls the first user handler (selectedHandler). */
1272Calendar.prototype.callHandler = function () {
1273 if (this.onSelected) {
1274 this.onSelected(this, this.date.print(this.dateFormat));
1275 }
1276};
1277
1278/** Calls the second user handler (closeHandler). */
1279Calendar.prototype.callCloseHandler = function () {
1280 if (this.onClose) {
1281 this.onClose(this);
1282 }
1283 this.hideShowCovered();
1284};
1285
1286/** Removes the calendar object from the DOM tree and destroys it. */
1287Calendar.prototype.destroy = function () {
1288 var el = this.element.parentNode;
1289 el.removeChild(this.element);
1290 Calendar._C = null;
1291 window._dynarch_popupCalendar = null;
1292};
1293
1294/**
1295 * Moves the calendar element to a different section in the DOM tree (changes
1296 * its parent).
1297 */
1298Calendar.prototype.reparent = function (new_parent) {
1299 var el = this.element;
1300 el.parentNode.removeChild(el);
1301 new_parent.appendChild(el);
1302};
1303
1304// This gets called when the user presses a mouse button anywhere in the
1305// document, if the calendar is shown. If the click was outside the open
1306// calendar this function closes it.
1307Calendar._checkCalendar = function(ev) {
1308 var calendar = window._dynarch_popupCalendar;
1309 if (!calendar) {
1310 return false;
1311 }
1312 var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
1313 for (; el != null && el != calendar.element; el = el.parentNode);
1314 if (el == null) {
1315 // calls closeHandler which should hide the calendar.
1316 window._dynarch_popupCalendar.callCloseHandler();
1317 return Calendar.stopEvent(ev);
1318 }
1319};
1320
1321/** Shows the calendar. */
1322Calendar.prototype.show = function () {
1323 var rows = this.table.getElementsByTagName("tr");
1324 for (var i = rows.length; i > 0;) {
1325 var row = rows[--i];
1326 Calendar.removeClass(row, "rowhilite");
1327 var cells = row.getElementsByTagName("td");
1328 for (var j = cells.length; j > 0;) {
1329 var cell = cells[--j];
1330 Calendar.removeClass(cell, "hilite");
1331 Calendar.removeClass(cell, "active");
1332 }
1333 }
1334 this.element.style.display = "block";
1335 this.hidden = false;
1336 if (this.isPopup) {
1337 window._dynarch_popupCalendar = this;
1338 Calendar.addEvent(document, "keydown", Calendar._keyEvent);
1339 Calendar.addEvent(document, "keypress", Calendar._keyEvent);
1340 Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
1341 }
1342 this.hideShowCovered();
1343};
1344
1345/**
1346 * Hides the calendar. Also removes any "hilite" from the class of any TD
1347 * element.
1348 */
1349Calendar.prototype.hide = function () {
1350 if (this.isPopup) {
1351 Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
1352 Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
1353 Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
1354 }
1355 this.element.style.display = "none";
1356 this.hidden = true;
1357 this.hideShowCovered();
1358};
1359
1360/**
1361 * Shows the calendar at a given absolute position (beware that, depending on
1362 * the calendar element style -- position property -- this might be relative
1363 * to the parent's containing rectangle).
1364 */
1365Calendar.prototype.showAt = function (x, y) {
1366 var s = this.element.style;
1367 s.left = x + "px";
1368 s.top = y + "px";
1369 this.show();
1370};
1371
1372/** Shows the calendar near a given element. */
1373Calendar.prototype.showAtElement = function (el, opts) {
1374 var self = this;
1375 var p = Calendar.getAbsolutePos(el);
1376 if (!opts || typeof opts != "string") {
1377 this.showAt(p.x, p.y + el.offsetHeight);
1378 return true;
1379 }
1380 function fixPosition(box) {
1381 if (box.x < 0)
1382 box.x = 0;
1383 if (box.y < 0)
1384 box.y = 0;
1385 var cp = document.createElement("div");
1386 var s = cp.style;
1387 s.position = "absolute";
1388 s.right = s.bottom = s.width = s.height = "0px";
1389 document.body.appendChild(cp);
1390 var br = Calendar.getAbsolutePos(cp);
1391 document.body.removeChild(cp);
1392 if (Calendar.is_ie) {
1393 br.y += document.body.scrollTop;
1394 br.x += document.body.scrollLeft;
1395 } else {
1396 br.y += window.scrollY;
1397 br.x += window.scrollX;
1398 }
1399 var tmp = box.x + box.width - br.x;
1400 if (tmp > 0) box.x -= tmp;
1401 tmp = box.y + box.height - br.y;
1402 if (tmp > 0) box.y -= tmp;
1403 };
1404 this.element.style.display = "block";
1405 Calendar.continuation_for_the_fucking_khtml_browser = function() {
1406 var w = self.element.offsetWidth;
1407 var h = self.element.offsetHeight;
1408 self.element.style.display = "none";
1409 var valign = opts.substr(0, 1);
1410 var halign = "l";
1411 if (opts.length > 1) {
1412 halign = opts.substr(1, 1);
1413 }
1414 // vertical alignment
1415 switch (valign) {
1416 case "T": p.y -= h; break;
1417 case "B": p.y += el.offsetHeight; break;
1418 case "C": p.y += (el.offsetHeight - h) / 2; break;
1419 case "t": p.y += el.offsetHeight - h; break;
1420 case "b": break; // already there
1421 }
1422 // horizontal alignment
1423 switch (halign) {
1424 case "L": p.x -= w; break;
1425 case "R": p.x += el.offsetWidth; break;
1426 case "C": p.x += (el.offsetWidth - w) / 2; break;
1427 case "l": p.x += el.offsetWidth - w; break;
1428 case "r": break; // already there
1429 }
1430 p.width = w;
1431 p.height = h + 40;
1432 self.monthsCombo.style.display = "none";
1433 fixPosition(p);
1434 self.showAt(p.x, p.y);
1435 };
1436 if (Calendar.is_khtml)
1437 setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()", 10);
1438 else
1439 Calendar.continuation_for_the_fucking_khtml_browser();
1440};
1441
1442/** Customizes the date format. */
1443Calendar.prototype.setDateFormat = function (str) {
1444 this.dateFormat = str;
1445};
1446
1447/** Customizes the tooltip date format. */
1448Calendar.prototype.setTtDateFormat = function (str) {
1449 this.ttDateFormat = str;
1450};
1451
1452/**
1453 * Tries to identify the date represented in a string. If successful it also
1454 * calls this.setDate which moves the calendar to the given date.
1455 */
1456Calendar.prototype.parseDate = function(str, fmt) {
1457 if (!fmt)
1458 fmt = this.dateFormat;
1459 this.setDate(Date.parseDate(str, fmt));
1460};
1461
1462Calendar.prototype.hideShowCovered = function () {
1463 if (!Calendar.is_ie && !Calendar.is_opera)
1464 return;
1465 function getVisib(obj){
1466 var value = obj.style.visibility;
1467 if (!value) {
1468 if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
1469 if (!Calendar.is_khtml)
1470 value = document.defaultView.
1471 getComputedStyle(obj, "").getPropertyValue("visibility");
1472 else
1473 value = '';
1474 } else if (obj.currentStyle) { // IE
1475 value = obj.currentStyle.visibility;
1476 } else
1477 value = '';
1478 }
1479 return value;
1480 };
1481
1482 var tags = new Array("applet", "iframe", "select");
1483 var el = this.element;
1484
1485 var p = Calendar.getAbsolutePos(el);
1486 var EX1 = p.x;
1487 var EX2 = el.offsetWidth + EX1;
1488 var EY1 = p.y;
1489 var EY2 = el.offsetHeight + EY1;
1490
1491 for (var k = tags.length; k > 0; ) {
1492 var ar = document.getElementsByTagName(tags[--k]);
1493 var cc = null;
1494
1495 for (var i = ar.length; i > 0;) {
1496 cc = ar[--i];
1497
1498 p = Calendar.getAbsolutePos(cc);
1499 var CX1 = p.x;
1500 var CX2 = cc.offsetWidth + CX1;
1501 var CY1 = p.y;
1502 var CY2 = cc.offsetHeight + CY1;
1503
1504 if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
1505 if (!cc.__msh_save_visibility) {
1506 cc.__msh_save_visibility = getVisib(cc);
1507 }
1508 cc.style.visibility = cc.__msh_save_visibility;
1509 } else {
1510 if (!cc.__msh_save_visibility) {
1511 cc.__msh_save_visibility = getVisib(cc);
1512 }
1513 cc.style.visibility = "hidden";
1514 }
1515 }
1516 }
1517};
1518
1519/** Internal function; it displays the bar with the names of the weekday. */
1520Calendar.prototype._displayWeekdays = function () {
1521 var fdow = this.firstDayOfWeek;
1522 var cell = this.firstdayname;
1523 var weekend = Calendar._TT["WEEKEND"];
1524 for (var i = 0; i < 7; ++i) {
1525 cell.className = "day name";
1526 var realday = (i + fdow) % 7;
1527 if (i) {
1528 cell.ttip = Calendar._TT["DAY_FIRST"].replace("%s", Calendar._DN[realday]);
1529 cell.navtype = 100;
1530 cell.calendar = this;
1531 cell.fdow = realday;
1532 Calendar._add_evs(cell);
1533 }
1534 if (weekend.indexOf(realday.toString()) != -1) {
1535 Calendar.addClass(cell, "weekend");
1536 }
1537 cell.innerHTML = Calendar._SDN[(i + fdow) % 7];
1538 cell = cell.nextSibling;
1539 }
1540};
1541
1542/** Internal function. Hides all combo boxes that might be displayed. */
1543Calendar.prototype._hideCombos = function () {
1544 this.monthsCombo.style.display = "none";
1545 this.yearsCombo.style.display = "none";
1546};
1547
1548/** Internal function. Starts dragging the element. */
1549Calendar.prototype._dragStart = function (ev) {
1550 if (this.dragging) {
1551 return;
1552 }
1553 this.dragging = true;
1554 var posX;
1555 var posY;
1556 if (Calendar.is_ie) {
1557 posY = window.event.clientY + document.body.scrollTop;
1558 posX = window.event.clientX + document.body.scrollLeft;
1559 } else {
1560 posY = ev.clientY + window.scrollY;
1561 posX = ev.clientX + window.scrollX;
1562 }
1563 var st = this.element.style;
1564 this.xOffs = posX - parseInt(st.left);
1565 this.yOffs = posY - parseInt(st.top);
1566 with (Calendar) {
1567 addEvent(document, "mousemove", calDragIt);
1568 addEvent(document, "mouseup", calDragEnd);
1569 }
1570};
1571
1572// BEGIN: DATE OBJECT PATCHES
1573
1574/** Adds the number of days array to the Date object. */
1575Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
1576
1577/** Constants used for time computations */
1578Date.SECOND = 1000 /* milliseconds */;
1579Date.MINUTE = 60 * Date.SECOND;
1580Date.HOUR = 60 * Date.MINUTE;
1581Date.DAY = 24 * Date.HOUR;
1582Date.WEEK = 7 * Date.DAY;
1583
1584Date.parseDate = function(str, fmt) {
1585 var today = new Date();
1586 var y = 0;
1587 var m = -1;
1588 var d = 0;
1589 var a = str.split(/\W+/);
1590 var b = fmt.match(/%./g);
1591 var i = 0, j = 0;
1592 var hr = 0;
1593 var min = 0;
1594 for (i = 0; i < a.length; ++i) {
1595 if (!a[i])
1596 continue;
1597 switch (b[i]) {
1598 case "%d":
1599 case "%e":
1600 d = parseInt(a[i], 10);
1601 break;
1602
1603 case "%m":
1604 m = parseInt(a[i], 10) - 1;
1605 break;
1606
1607 case "%Y":
1608 case "%y":
1609 y = parseInt(a[i], 10);
1610 (y < 100) && (y += (y > 29) ? 1900 : 2000);
1611 break;
1612
1613 case "%b":
1614 case "%B":
1615 for (j = 0; j < 12; ++j) {
1616 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; }
1617 }
1618 break;
1619
1620 case "%H":
1621 case "%I":
1622 case "%k":
1623 case "%l":
1624 hr = parseInt(a[i], 10);
1625 break;
1626
1627 case "%P":
1628 case "%p":
1629 if (/pm/i.test(a[i]) && hr < 12)
1630 hr += 12;
1631 else if (/am/i.test(a[i]) && hr >= 12)
1632 hr -= 12;
1633 break;
1634
1635 case "%M":
1636 min = parseInt(a[i], 10);
1637 break;
1638 }
1639 }
1640 if (isNaN(y)) y = today.getFullYear();
1641 if (isNaN(m)) m = today.getMonth();
1642 if (isNaN(d)) d = today.getDate();
1643 if (isNaN(hr)) hr = today.getHours();
1644 if (isNaN(min)) min = today.getMinutes();
1645 if (y != 0 && m != -1 && d != 0)
1646 return new Date(y, m, d, hr, min, 0);
1647 y = 0; m = -1; d = 0;
1648 for (i = 0; i < a.length; ++i) {
1649 if (a[i].search(/[a-zA-Z]+/) != -1) {
1650 var t = -1;
1651 for (j = 0; j < 12; ++j) {
1652 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; }
1653 }
1654 if (t != -1) {
1655 if (m != -1) {
1656 d = m+1;
1657 }
1658 m = t;
1659 }
1660 } else if (parseInt(a[i], 10) <= 12 && m == -1) {
1661 m = a[i]-1;
1662 } else if (parseInt(a[i], 10) > 31 && y == 0) {
1663 y = parseInt(a[i], 10);
1664 (y < 100) && (y += (y > 29) ? 1900 : 2000);
1665 } else if (d == 0) {
1666 d = a[i];
1667 }
1668 }
1669 if (y == 0)
1670 y = today.getFullYear();
1671 if (m != -1 && d != 0)
1672 return new Date(y, m, d, hr, min, 0);
1673 return today;
1674};
1675
1676/** Returns the number of days in the current month */
1677Date.prototype.getMonthDays = function(month) {
1678 var year = this.getFullYear();
1679 if (typeof month == "undefined") {
1680 month = this.getMonth();
1681 }
1682 if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) {
1683 return 29;
1684 } else {
1685 return Date._MD[month];
1686 }
1687};
1688
1689/** Returns the number of day in the year. */
1690Date.prototype.getDayOfYear = function() {
1691 var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1692 var then = new Date(this.getFullYear(), 0, 0, 0, 0, 0);
1693 var time = now - then;
1694 return Math.floor(time / Date.DAY);
1695};
1696
1697/** Returns the number of the week in year, as defined in ISO 8601. */
1698Date.prototype.getWeekNumber = function() {
1699 var d = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1700 var DoW = d.getDay();
1701 d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // Nearest Thu
1702 var ms = d.valueOf(); // GMT
1703 d.setMonth(0);
1704 d.setDate(4); // Thu in Week 1
1705 return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1;
1706};
1707
1708/** Checks date and time equality */
1709Date.prototype.equalsTo = function(date) {
1710 return ((this.getFullYear() == date.getFullYear()) &&
1711 (this.getMonth() == date.getMonth()) &&
1712 (this.getDate() == date.getDate()) &&
1713 (this.getHours() == date.getHours()) &&
1714 (this.getMinutes() == date.getMinutes()));
1715};
1716
1717/** Set only the year, month, date parts (keep existing time) */
1718Date.prototype.setDateOnly = function(date) {
1719 var tmp = new Date(date);
1720 this.setDate(1);
1721 this.setFullYear(tmp.getFullYear());
1722 this.setMonth(tmp.getMonth());
1723 this.setDate(tmp.getDate());
1724};
1725
1726/** Prints the date in a string according to the given format. */
1727Date.prototype.print = function (str) {
1728 var m = this.getMonth();
1729 var d = this.getDate();
1730 var y = this.getFullYear();
1731 var wn = this.getWeekNumber();
1732 var w = this.getDay();
1733 var s = {};
1734 var hr = this.getHours();
1735 var pm = (hr >= 12);
1736 var ir = (pm) ? (hr - 12) : hr;
1737 var dy = this.getDayOfYear();
1738 if (ir == 0)
1739 ir = 12;
1740 var min = this.getMinutes();
1741 var sec = this.getSeconds();
1742 s["%a"] = Calendar._SDN[w]; // abbreviated weekday name [FIXME: I18N]
1743 s["%A"] = Calendar._DN[w]; // full weekday name
1744 s["%b"] = Calendar._SMN[m]; // abbreviated month name [FIXME: I18N]
1745 s["%B"] = Calendar._MN[m]; // full month name
1746 // FIXME: %c : preferred date and time representation for the current locale
1747 s["%C"] = 1 + Math.floor(y / 100); // the century number
1748 s["%d"] = (d < 10) ? ("0" + d) : d; // the day of the month (range 01 to 31)
1749 s["%e"] = d; // the day of the month (range 1 to 31)
1750 // FIXME: %D : american date style: %m/%d/%y
1751 // FIXME: %E, %F, %G, %g, %h (man strftime)
1752 s["%H"] = (hr < 10) ? ("0" + hr) : hr; // hour, range 00 to 23 (24h format)
1753 s["%I"] = (ir < 10) ? ("0" + ir) : ir; // hour, range 01 to 12 (12h format)
1754 s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // day of the year (range 001 to 366)
1755 s["%k"] = hr; // hour, range 0 to 23 (24h format)
1756 s["%l"] = ir; // hour, range 1 to 12 (12h format)
1757 s["%m"] = (m < 9) ? ("0" + (1+m)) : (1+m); // month, range 01 to 12
1758 s["%M"] = (min < 10) ? ("0" + min) : min; // minute, range 00 to 59
1759 s["%n"] = "\n"; // a newline character
1760 s["%p"] = pm ? "PM" : "AM";
1761 s["%P"] = pm ? "pm" : "am";
1762 // FIXME: %r : the time in am/pm notation %I:%M:%S %p
1763 // FIXME: %R : the time in 24-hour notation %H:%M
1764 s["%s"] = Math.floor(this.getTime() / 1000);
1765 s["%S"] = (sec < 10) ? ("0" + sec) : sec; // seconds, range 00 to 59
1766 s["%t"] = "\t"; // a tab character
1767 // FIXME: %T : the time in 24-hour notation (%H:%M:%S)
1768 s["%U"] = s["%W"] = s["%V"] = (wn < 10) ? ("0" + wn) : wn;
1769 s["%u"] = w + 1; // the day of the week (range 1 to 7, 1 = MON)
1770 s["%w"] = w; // the day of the week (range 0 to 6, 0 = SUN)
1771 // FIXME: %x : preferred date representation for the current locale without the time
1772 // FIXME: %X : preferred time representation for the current locale without the date
1773 s["%y"] = ('' + y).substr(2, 2); // year without the century (range 00 to 99)
1774 s["%Y"] = y; // year with the century
1775 s["%%"] = "%"; // a literal '%' character
1776
1777 var re = /%./g;
1778 if (!Calendar.is_ie5 && !Calendar.is_khtml)
1779 return str.replace(re, function (par) { return s[par] || par; });
1780
1781 var a = str.match(re);
1782 for (var i = 0; i < a.length; i++) {
1783 var tmp = s[a[i]];
1784 if (tmp) {
1785 re = new RegExp(a[i], 'g');
1786 str = str.replace(re, tmp);
1787 }
1788 }
1789
1790 return str;
1791};
1792
1793 if ( Date.prototype.__msh_oldSetFullYear == null )
1794 {
1795 Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
1796 }
1797//Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
1798Date.prototype.setFullYear = function(y) {
1799 var d = new Date(this);
1800 d.__msh_oldSetFullYear(y);
1801 if (d.getMonth() != this.getMonth())
1802 this.setDate(28);
1803 this.__msh_oldSetFullYear(y);
1804};
1805
1806// END: DATE OBJECT PATCHES
1807
1808
1809// global object that remembers the calendar
1810window._dynarch_popupCalendar = null;