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