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