| [ Index ] |
|
Code source de XOOPS 2.0.17.1 |
1 /* Copyright Mihai Bazon, 2002 | http://students.infoiasi.ro/~mishoo 2 * --------------------------------------------------------------------- 3 * 4 * The DHTML Calendar, version 0.9.2 "The art of date selection" 5 * 6 * Details and latest version at: 7 * http://students.infoiasi.ro/~mishoo/site/calendar.epl 8 * 9 * Feel free to use this script under the terms of the GNU Lesser General 10 * Public License, as long as you do not remove or alter this notice. 11 */ 12 13 // $Id: calendar.js,v 1.1 2003/03/04 10:35:31 okazu Exp $ 14 15 /** The Calendar object constructor. */ 16 Calendar = function (mondayFirst, dateStr, onSelected, onClose) { 17 // member variables 18 this.activeDiv = null; 19 this.currentDateEl = null; 20 this.checkDisabled = 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.mondayFirst = mondayFirst; 33 this.dateStr = dateStr; 34 this.ar_days = null; 35 // HTML elements 36 this.table = null; 37 this.element = null; 38 this.tbody = null; 39 this.firstdayname = null; 40 // Combo boxes 41 this.monthsCombo = null; 42 this.yearsCombo = null; 43 this.hilitedMonth = null; 44 this.activeMonth = null; 45 this.hilitedYear = null; 46 this.activeYear = null; 47 48 // one-time initializations 49 if (!Calendar._DN3) { 50 // table of short day names 51 var ar = new Array(); 52 for (var i = 8; i > 0;) { 53 ar[--i] = Calendar._DN[i].substr(0, 3); 54 } 55 Calendar._DN3 = ar; 56 // table of short month names 57 ar = new Array(); 58 for (var i = 12; i > 0;) { 59 ar[--i] = Calendar._MN[i].substr(0, 3); 60 } 61 Calendar._MN3 = ar; 62 } 63 }; 64 65 // ** constants 66 67 /// "static", needed for event handlers. 68 Calendar._C = null; 69 70 /// detect a special case of "web browser" 71 Calendar.is_ie = ( (navigator.userAgent.toLowerCase().indexOf("msie") != -1) && 72 (navigator.userAgent.toLowerCase().indexOf("opera") == -1) ); 73 74 // short day names array (initialized at first constructor call) 75 Calendar._DN3 = null; 76 77 // short month names array (initialized at first constructor call) 78 Calendar._MN3 = null; 79 80 // BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate 81 // library, at some point. 82 83 Calendar.getAbsolutePos = function(el) { 84 var r = { x: el.offsetLeft, y: el.offsetTop }; 85 if (el.offsetParent) { 86 var tmp = Calendar.getAbsolutePos(el.offsetParent); 87 r.x += tmp.x; 88 r.y += tmp.y; 89 } 90 return r; 91 }; 92 93 Calendar.isRelated = function (el, evt) { 94 var related = evt.relatedTarget; 95 if (!related) { 96 var type = evt.type; 97 if (type == "mouseover") { 98 related = evt.fromElement; 99 } else if (type == "mouseout") { 100 related = evt.toElement; 101 } 102 } 103 while (related) { 104 if (related == el) { 105 return true; 106 } 107 related = related.parentNode; 108 } 109 return false; 110 }; 111 112 Calendar.removeClass = function(el, className) { 113 if (!(el && el.className)) { 114 return; 115 } 116 var cls = el.className.split(" "); 117 var ar = new Array(); 118 for (var i = cls.length; i > 0;) { 119 if (cls[--i] != className) { 120 ar[ar.length] = cls[i]; 121 } 122 } 123 el.className = ar.join(" "); 124 }; 125 126 Calendar.addClass = function(el, className) { 127 Calendar.removeClass(el, className); 128 el.className += " " + className; 129 }; 130 131 Calendar.getElement = function(ev) { 132 if (Calendar.is_ie) { 133 return window.event.srcElement; 134 } else { 135 return ev.currentTarget; 136 } 137 }; 138 139 Calendar.getTargetElement = function(ev) { 140 if (Calendar.is_ie) { 141 return window.event.srcElement; 142 } else { 143 return ev.target; 144 } 145 }; 146 147 Calendar.stopEvent = function(ev) { 148 if (Calendar.is_ie) { 149 window.event.cancelBubble = true; 150 window.event.returnValue = false; 151 } else { 152 ev.preventDefault(); 153 ev.stopPropagation(); 154 } 155 }; 156 157 Calendar.addEvent = function(el, evname, func) { 158 if (Calendar.is_ie) { 159 el.attachEvent("on" + evname, func); 160 } else { 161 el.addEventListener(evname, func, true); 162 } 163 }; 164 165 Calendar.removeEvent = function(el, evname, func) { 166 if (Calendar.is_ie) { 167 el.detachEvent("on" + evname, func); 168 } else { 169 el.removeEventListener(evname, func, true); 170 } 171 }; 172 173 Calendar.createElement = function(type, parent) { 174 var el = null; 175 if (document.createElementNS) { 176 // use the XHTML namespace; IE won't normally get here unless 177 // _they_ "fix" the DOM2 implementation. 178 el = document.createElementNS("http://www.w3.org/1999/xhtml", type); 179 } else { 180 el = document.createElement(type); 181 } 182 if (typeof parent != "undefined") { 183 parent.appendChild(el); 184 } 185 return el; 186 }; 187 188 // END: UTILITY FUNCTIONS 189 190 // BEGIN: CALENDAR STATIC FUNCTIONS 191 192 /** Internal -- adds a set of events to make some element behave like a button. */ 193 Calendar._add_evs = function(el) { 194 with (Calendar) { 195 addEvent(el, "mouseover", dayMouseOver); 196 addEvent(el, "mousedown", dayMouseDown); 197 addEvent(el, "mouseout", dayMouseOut); 198 if (is_ie) { 199 addEvent(el, "dblclick", dayMouseDblClick); 200 el.setAttribute("unselectable", true); 201 } 202 } 203 }; 204 205 Calendar.findMonth = function(el) { 206 if (typeof el.month != "undefined") { 207 return el; 208 } else if (typeof el.parentNode.month != "undefined") { 209 return el.parentNode; 210 } 211 return null; 212 }; 213 214 Calendar.findYear = function(el) { 215 if (typeof el.year != "undefined") { 216 return el; 217 } else if (typeof el.parentNode.year != "undefined") { 218 return el.parentNode; 219 } 220 return null; 221 }; 222 223 Calendar.showMonthsCombo = function () { 224 var cal = Calendar._C; 225 if (!cal) { 226 return false; 227 } 228 var cal = cal; 229 var cd = cal.activeDiv; 230 var mc = cal.monthsCombo; 231 if (cal.hilitedMonth) { 232 Calendar.removeClass(cal.hilitedMonth, "hilite"); 233 } 234 if (cal.activeMonth) { 235 Calendar.removeClass(cal.activeMonth, "active"); 236 } 237 var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()]; 238 Calendar.addClass(mon, "active"); 239 cal.activeMonth = mon; 240 mc.style.left = cd.offsetLeft + "px"; 241 mc.style.top = (cd.offsetTop + cd.offsetHeight) + "px"; 242 mc.style.display = "block"; 243 }; 244 245 Calendar.showYearsCombo = function (fwd) { 246 var cal = Calendar._C; 247 if (!cal) { 248 return false; 249 } 250 var cal = cal; 251 var cd = cal.activeDiv; 252 var yc = cal.yearsCombo; 253 if (cal.hilitedYear) { 254 Calendar.removeClass(cal.hilitedYear, "hilite"); 255 } 256 if (cal.activeYear) { 257 Calendar.removeClass(cal.activeYear, "active"); 258 } 259 cal.activeYear = null; 260 var Y = cal.date.getFullYear() + (fwd ? 1 : -1); 261 var yr = yc.firstChild; 262 var show = false; 263 for (var i = 12; i > 0; --i) { 264 if (Y >= cal.minYear && Y <= cal.maxYear) { 265 yr.firstChild.data = Y; 266 yr.year = Y; 267 yr.style.display = "block"; 268 show = true; 269 } else { 270 yr.style.display = "none"; 271 } 272 yr = yr.nextSibling; 273 Y += fwd ? 2 : -2; 274 } 275 if (show) { 276 yc.style.left = cd.offsetLeft + "px"; 277 yc.style.top = (cd.offsetTop + cd.offsetHeight) + "px"; 278 yc.style.display = "block"; 279 } 280 }; 281 282 // event handlers 283 284 Calendar.tableMouseUp = function(ev) { 285 var cal = Calendar._C; 286 if (!cal) { 287 return false; 288 } 289 if (cal.timeout) { 290 clearTimeout(cal.timeout); 291 } 292 var el = cal.activeDiv; 293 if (!el) { 294 return false; 295 } 296 var target = Calendar.getTargetElement(ev); 297 Calendar.removeClass(el, "active"); 298 if (target == el || target.parentNode == el) { 299 Calendar.cellClick(el); 300 } 301 var mon = Calendar.findMonth(target); 302 var date = null; 303 if (mon) { 304 date = new Date(cal.date); 305 if (mon.month != date.getMonth()) { 306 date.setMonth(mon.month); 307 cal.setDate(date); 308 } 309 } else { 310 var year = Calendar.findYear(target); 311 if (year) { 312 date = new Date(cal.date); 313 if (year.year != date.getFullYear()) { 314 date.setFullYear(year.year); 315 cal.setDate(date); 316 } 317 } 318 } 319 with (Calendar) { 320 removeEvent(document, "mouseup", tableMouseUp); 321 removeEvent(document, "mouseover", tableMouseOver); 322 removeEvent(document, "mousemove", tableMouseOver); 323 cal._hideCombos(); 324 stopEvent(ev); 325 _C = null; 326 } 327 }; 328 329 Calendar.tableMouseOver = function (ev) { 330 var cal = Calendar._C; 331 if (!cal) { 332 return; 333 } 334 var el = cal.activeDiv; 335 var target = Calendar.getTargetElement(ev); 336 if (target == el || target.parentNode == el) { 337 Calendar.addClass(el, "hilite active"); 338 Calendar.addClass(el.parentNode, "rowhilite"); 339 } else { 340 Calendar.removeClass(el, "active"); 341 Calendar.removeClass(el, "hilite"); 342 Calendar.removeClass(el.parentNode, "rowhilite"); 343 } 344 var mon = Calendar.findMonth(target); 345 if (mon) { 346 if (mon.month != cal.date.getMonth()) { 347 if (cal.hilitedMonth) { 348 Calendar.removeClass(cal.hilitedMonth, "hilite"); 349 } 350 Calendar.addClass(mon, "hilite"); 351 cal.hilitedMonth = mon; 352 } else if (cal.hilitedMonth) { 353 Calendar.removeClass(cal.hilitedMonth, "hilite"); 354 } 355 } else { 356 var year = Calendar.findYear(target); 357 if (year) { 358 if (year.year != cal.date.getFullYear()) { 359 if (cal.hilitedYear) { 360 Calendar.removeClass(cal.hilitedYear, "hilite"); 361 } 362 Calendar.addClass(year, "hilite"); 363 cal.hilitedYear = year; 364 } else if (cal.hilitedYear) { 365 Calendar.removeClass(cal.hilitedYear, "hilite"); 366 } 367 } 368 } 369 Calendar.stopEvent(ev); 370 }; 371 372 Calendar.tableMouseDown = function (ev) { 373 if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) { 374 Calendar.stopEvent(ev); 375 } 376 }; 377 378 Calendar.calDragIt = function (ev) { 379 var cal = Calendar._C; 380 if (!(cal && cal.dragging)) { 381 return false; 382 } 383 var posX; 384 var posY; 385 if (Calendar.is_ie) { 386 posY = window.event.clientY + document.body.scrollTop; 387 posX = window.event.clientX + document.body.scrollLeft; 388 } else { 389 posX = ev.pageX; 390 posY = ev.pageY; 391 } 392 cal.hideShowCovered(); 393 var st = cal.element.style; 394 st.left = (posX - cal.xOffs) + "px"; 395 st.top = (posY - cal.yOffs) + "px"; 396 Calendar.stopEvent(ev); 397 }; 398 399 Calendar.calDragEnd = function (ev) { 400 var cal = Calendar._C; 401 if (!cal) { 402 return false; 403 } 404 cal.dragging = false; 405 with (Calendar) { 406 removeEvent(document, "mousemove", calDragIt); 407 removeEvent(document, "mouseover", stopEvent); 408 removeEvent(document, "mouseup", calDragEnd); 409 tableMouseUp(ev); 410 } 411 cal.hideShowCovered(); 412 }; 413 414 Calendar.dayMouseDown = function(ev) { 415 var el = Calendar.getElement(ev); 416 if (el.disabled) { 417 return false; 418 } 419 var cal = el.calendar; 420 cal.activeDiv = el; 421 Calendar._C = cal; 422 if (el.navtype != 300) with (Calendar) { 423 addClass(el, "hilite active"); 424 addEvent(document, "mouseover", tableMouseOver); 425 addEvent(document, "mousemove", tableMouseOver); 426 addEvent(document, "mouseup", tableMouseUp); 427 } else if (cal.isPopup) { 428 cal._dragStart(ev); 429 } 430 Calendar.stopEvent(ev); 431 if (el.navtype == -1 || el.navtype == 1) { 432 cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250); 433 } else if (el.navtype == -2 || el.navtype == 2) { 434 cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showYearsCombo(true)" : "Calendar.showYearsCombo(false)", 250); 435 } else { 436 cal.timeout = null; 437 } 438 }; 439 440 Calendar.dayMouseDblClick = function(ev) { 441 Calendar.cellClick(Calendar.getElement(ev)); 442 if (Calendar.is_ie) { 443 document.selection.empty(); 444 } 445 }; 446 447 Calendar.dayMouseOver = function(ev) { 448 var el = Calendar.getElement(ev); 449 if (Calendar.isRelated(el, ev) || Calendar._C || el.disabled) { 450 return false; 451 } 452 if (el.ttip) { 453 if (el.ttip.substr(0, 1) == "_") { 454 var date = null; 455 with (el.calendar.date) { 456 date = new Date(getFullYear(), getMonth(), el.caldate); 457 } 458 el.ttip = date.print(el.calendar.ttDateFormat) + el.ttip.substr(1); 459 } 460 el.calendar.tooltips.firstChild.data = el.ttip; 461 } 462 if (el.navtype != 300) { 463 Calendar.addClass(el, "hilite"); 464 if (el.caldate) { 465 Calendar.addClass(el.parentNode, "rowhilite"); 466 } 467 } 468 Calendar.stopEvent(ev); 469 }; 470 471 Calendar.dayMouseOut = function(ev) { 472 with (Calendar) { 473 var el = getElement(ev); 474 if (isRelated(el, ev) || _C || el.disabled) { 475 return false; 476 } 477 removeClass(el, "hilite"); 478 if (el.caldate) { 479 removeClass(el.parentNode, "rowhilite"); 480 } 481 el.calendar.tooltips.firstChild.data = _TT["SEL_DATE"]; 482 stopEvent(ev); 483 } 484 }; 485 486 /** 487 * A generic "click" handler :) handles all types of buttons defined in this 488 * calendar. 489 */ 490 Calendar.cellClick = function(el) { 491 var cal = el.calendar; 492 var closing = false; 493 var newdate = false; 494 var date = null; 495 if (typeof el.navtype == "undefined") { 496 Calendar.removeClass(cal.currentDateEl, "selected"); 497 Calendar.addClass(el, "selected"); 498 closing = (cal.currentDateEl == el); 499 if (!closing) { 500 cal.currentDateEl = el; 501 } 502 cal.date.setDate(el.caldate); 503 date = cal.date; 504 newdate = true; 505 } else { 506 if (el.navtype == 200) { 507 Calendar.removeClass(el, "hilite"); 508 cal.callCloseHandler(); 509 return; 510 } 511 date = (el.navtype == 0) ? new Date() : new Date(cal.date); 512 var year = date.getFullYear(); 513 var mon = date.getMonth(); 514 function setMonth(m) { 515 var day = date.getDate(); 516 var max = date.getMonthDays(m); 517 if (day > max) { 518 date.setDate(max); 519 } 520 date.setMonth(m); 521 }; 522 switch (el.navtype) { 523 case -2: 524 if (year > cal.minYear) { 525 date.setFullYear(year - 1); 526 } 527 break; 528 case -1: 529 if (mon > 0) { 530 setMonth(mon - 1); 531 } else if (year-- > cal.minYear) { 532 date.setFullYear(year); 533 setMonth(11); 534 } 535 break; 536 case 1: 537 if (mon < 11) { 538 setMonth(mon + 1); 539 } else if (year < cal.maxYear) { 540 date.setFullYear(year + 1); 541 setMonth(0); 542 } 543 break; 544 case 2: 545 if (year < cal.maxYear) { 546 date.setFullYear(year + 1); 547 } 548 break; 549 case 100: 550 cal.setMondayFirst(!cal.mondayFirst); 551 return; 552 } 553 if (!date.equalsTo(cal.date)) { 554 cal.setDate(date); 555 newdate = el.navtype == 0; 556 } 557 } 558 if (newdate) { 559 cal.callHandler(); 560 } 561 if (closing) { 562 Calendar.removeClass(el, "hilite"); 563 cal.callCloseHandler(); 564 } 565 }; 566 567 // END: CALENDAR STATIC FUNCTIONS 568 569 // BEGIN: CALENDAR OBJECT FUNCTIONS 570 571 /** 572 * This function creates the calendar inside the given parent. If _par is 573 * null than it creates a popup calendar inside the BODY element. If _par is 574 * an element, be it BODY, then it creates a non-popup calendar (still 575 * hidden). Some properties need to be set before calling this function. 576 */ 577 Calendar.prototype.create = function (_par) { 578 var parent = null; 579 if (! _par) { 580 // default parent is the document body, in which case we create 581 // a popup calendar. 582 parent = document.getElementsByTagName("body")[0]; 583 this.isPopup = true; 584 } else { 585 parent = _par; 586 this.isPopup = false; 587 } 588 this.date = this.dateStr ? new Date(this.dateStr) : new Date(); 589 590 var table = Calendar.createElement("table"); 591 this.table = table; 592 table.cellSpacing = 0; 593 table.cellPadding = 0; 594 table.calendar = this; 595 Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown); 596 597 var div = Calendar.createElement("div"); 598 this.element = div; 599 div.className = "calendar"; 600 if (this.isPopup) { 601 div.style.position = "absolute"; 602 div.style.display = "none"; 603 div.style.width = "150px"; 604 } 605 div.appendChild(table); 606 607 var thead = Calendar.createElement("thead", table); 608 var cell = null; 609 var row = null; 610 611 var cal = this; 612 var hh = function (text, cs, navtype) { 613 cell = Calendar.createElement("td", row); 614 cell.colSpan = cs; 615 cell.className = "button"; 616 Calendar._add_evs(cell); 617 cell.calendar = cal; 618 cell.navtype = navtype; 619 if (text.substr(0, 1) != "&") { 620 cell.appendChild(document.createTextNode(text)); 621 } 622 else { 623 // FIXME: dirty hack for entities 624 cell.innerHTML = text; 625 } 626 return cell; 627 }; 628 629 row = Calendar.createElement("tr", thead); 630 var title_length = 6; 631 (this.isPopup) && --title_length; 632 (this.weekNumbers) && ++title_length; 633 634 hh("-", 1, 100).ttip = Calendar._TT["TOGGLE"]; 635 this.title = hh("", title_length, 300); 636 this.title.className = "title"; 637 if (this.isPopup) { 638 this.title.ttip = Calendar._TT["DRAG_TO_MOVE"]; 639 this.title.style.cursor = "move"; 640 hh("×", 1, 200).ttip = Calendar._TT["CLOSE"]; 641 } 642 643 row = Calendar.createElement("tr", thead); 644 row.className = "headrow"; 645 646 this._nav_py = hh("«", 1, -2); 647 this._nav_py.ttip = Calendar._TT["PREV_YEAR"]; 648 649 this._nav_pm = hh("‹", 1, -1); 650 this._nav_pm.ttip = Calendar._TT["PREV_MONTH"]; 651 652 this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0); 653 this._nav_now.ttip = Calendar._TT["GO_TODAY"]; 654 655 this._nav_nm = hh("›", 1, 1); 656 this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"]; 657 658 this._nav_ny = hh("»", 1, 2); 659 this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"] 660 661 // day names 662 row = Calendar.createElement("tr", thead); 663 row.className = "daynames"; 664 if (this.weekNumbers) { 665 cell = Calendar.createElement("td", row); 666 cell.className = "name wn"; 667 cell.appendChild(document.createTextNode(Calendar._TT["WK"])); 668 } 669 for (var i = 7; i > 0; --i) { 670 cell = Calendar.createElement("td", row); 671 cell.appendChild(document.createTextNode("")); 672 if (!i) { 673 cell.navtype = 100; 674 cell.calendar = this; 675 Calendar._add_evs(cell); 676 } 677 } 678 this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild; 679 this._displayWeekdays(); 680 681 var tbody = Calendar.createElement("tbody", table); 682 this.tbody = tbody; 683 684 for (i = 6; i > 0; --i) { 685 row = Calendar.createElement("tr", tbody); 686 if (this.weekNumbers) { 687 cell = Calendar.createElement("td", row); 688 cell.appendChild(document.createTextNode("")); 689 } 690 for (var j = 7; j > 0; --j) { 691 cell = Calendar.createElement("td", row); 692 cell.appendChild(document.createTextNode("")); 693 cell.calendar = this; 694 Calendar._add_evs(cell); 695 } 696 } 697 698 var tfoot = Calendar.createElement("tfoot", table); 699 700 row = Calendar.createElement("tr", tfoot); 701 row.className = "footrow"; 702 703 cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300); 704 cell.className = "ttip"; 705 if (this.isPopup) { 706 cell.ttip = Calendar._TT["DRAG_TO_MOVE"]; 707 cell.style.cursor = "move"; 708 } 709 this.tooltips = cell; 710 711 div = Calendar.createElement("div", this.element); 712 this.monthsCombo = div; 713 div.className = "combo"; 714 for (i = 0; i < Calendar._MN.length; ++i) { 715 var mn = Calendar.createElement("div"); 716 mn.className = "label"; 717 mn.month = i; 718 mn.appendChild(document.createTextNode(Calendar._MN3[i])); 719 div.appendChild(mn); 720 } 721 722 div = Calendar.createElement("div", this.element); 723 this.yearsCombo = div; 724 div.className = "combo"; 725 for (i = 12; i > 0; --i) { 726 var yr = Calendar.createElement("div"); 727 yr.className = "label"; 728 yr.appendChild(document.createTextNode("")); 729 div.appendChild(yr); 730 } 731 732 this._init(this.mondayFirst, this.date); 733 parent.appendChild(this.element); 734 }; 735 736 /** keyboard navigation, only for popup calendars */ 737 Calendar._keyEvent = function(ev) { 738 if (!window.calendar) { 739 return false; 740 } 741 (Calendar.is_ie) && (ev = window.event); 742 var cal = window.calendar; 743 var act = (Calendar.is_ie || ev.type == "keypress"); 744 if (ev.ctrlKey) { 745 switch (ev.keyCode) { 746 case 37: // KEY left 747 act && Calendar.cellClick(cal._nav_pm); 748 break; 749 case 38: // KEY up 750 act && Calendar.cellClick(cal._nav_py); 751 break; 752 case 39: // KEY right 753 act && Calendar.cellClick(cal._nav_nm); 754 break; 755 case 40: // KEY down 756 act && Calendar.cellClick(cal._nav_ny); 757 break; 758 default: 759 return false; 760 } 761 } else switch (ev.keyCode) { 762 case 32: // KEY space (now) 763 Calendar.cellClick(cal._nav_now); 764 break; 765 case 27: // KEY esc 766 act && cal.hide(); 767 break; 768 case 37: // KEY left 769 case 38: // KEY up 770 case 39: // KEY right 771 case 40: // KEY down 772 if (act) { 773 var date = cal.date.getDate() - 1; 774 var el = cal.currentDateEl; 775 var ne = null; 776 var prev = (ev.keyCode == 37) || (ev.keyCode == 38); 777 switch (ev.keyCode) { 778 case 37: // KEY left 779 (--date >= 0) && (ne = cal.ar_days[date]); 780 break; 781 case 38: // KEY up 782 date -= 7; 783 (date >= 0) && (ne = cal.ar_days[date]); 784 break; 785 case 39: // KEY right 786 (++date < cal.ar_days.length) && (ne = cal.ar_days[date]); 787 break; 788 case 40: // KEY down 789 date += 7; 790 (date < cal.ar_days.length) && (ne = cal.ar_days[date]); 791 break; 792 } 793 if (!ne) { 794 if (prev) { 795 Calendar.cellClick(cal._nav_pm); 796 } else { 797 Calendar.cellClick(cal._nav_nm); 798 } 799 date = (prev) ? cal.date.getMonthDays() : 1; 800 el = cal.currentDateEl; 801 ne = cal.ar_days[date - 1]; 802 } 803 Calendar.removeClass(el, "selected"); 804 Calendar.addClass(ne, "selected"); 805 cal.date.setDate(ne.caldate); 806 cal.currentDateEl = ne; 807 } 808 break; 809 case 13: // KEY enter 810 if (act) { 811 cal.callHandler(); 812 cal.hide(); 813 } 814 break; 815 default: 816 return false; 817 } 818 Calendar.stopEvent(ev); 819 }; 820 821 /** 822 * (RE)Initializes the calendar to the given date and style (if mondayFirst is 823 * true it makes Monday the first day of week, otherwise the weeks start on 824 * Sunday. 825 */ 826 Calendar.prototype._init = function (mondayFirst, date) { 827 var today = new Date(); 828 var year = date.getFullYear(); 829 if (year < this.minYear) { 830 year = this.minYear; 831 date.setFullYear(year); 832 } else if (year > this.maxYear) { 833 year = this.maxYear; 834 date.setFullYear(year); 835 } 836 this.mondayFirst = mondayFirst; 837 this.date = new Date(date); 838 var month = date.getMonth(); 839 var mday = date.getDate(); 840 var no_days = date.getMonthDays(); 841 date.setDate(1); 842 var wday = date.getDay(); 843 var MON = mondayFirst ? 1 : 0; 844 var SAT = mondayFirst ? 5 : 6; 845 var SUN = mondayFirst ? 6 : 0; 846 if (mondayFirst) { 847 wday = (wday > 0) ? (wday - 1) : 6; 848 } 849 var iday = 1; 850 var row = this.tbody.firstChild; 851 var MN = Calendar._MN3[month]; 852 var hasToday = ((today.getFullYear() == year) && (today.getMonth() == month)); 853 var todayDate = today.getDate(); 854 var week_number = date.getWeekNumber(); 855 var ar_days = new Array(); 856 for (var i = 0; i < 6; ++i) { 857 if (iday > no_days) { 858 row.className = "emptyrow"; 859 row = row.nextSibling; 860 continue; 861 } 862 var cell = row.firstChild; 863 if (this.weekNumbers) { 864 cell.className = "day wn"; 865 cell.firstChild.data = week_number; 866 cell = cell.nextSibling; 867 } 868 ++week_number; 869 row.className = "daysrow"; 870 for (var j = 0; j < 7; ++j) { 871 cell.className = "day"; 872 if ((!i && j < wday) || iday > no_days) { 873 // cell.className = "emptycell"; 874 cell.innerHTML = " "; 875 cell.disabled = true; 876 cell = cell.nextSibling; 877 continue; 878 } 879 cell.disabled = false; 880 cell.firstChild.data = iday; 881 if (typeof this.checkDisabled == "function") { 882 date.setDate(iday); 883 if (this.checkDisabled(date)) { 884 cell.className += " disabled"; 885 cell.disabled = true; 886 } 887 } 888 if (!cell.disabled) { 889 ar_days[ar_days.length] = cell; 890 cell.caldate = iday; 891 cell.ttip = "_"; 892 if (iday == mday) { 893 cell.className += " selected"; 894 this.currentDateEl = cell; 895 } 896 if (hasToday && (iday == todayDate)) { 897 cell.className += " today"; 898 cell.ttip += Calendar._TT["PART_TODAY"]; 899 } 900 if (wday == SAT || wday == SUN) { 901 cell.className += " weekend"; 902 } 903 } 904 ++iday; 905 ((++wday) ^ 7) || (wday = 0); 906 cell = cell.nextSibling; 907 } 908 row = row.nextSibling; 909 } 910 this.ar_days = ar_days; 911 this.title.firstChild.data = Calendar._MN[month] + ", " + year; 912 // PROFILE 913 // this.tooltips.firstChild.data = "Generated in " + ((new Date()) - today) + " ms"; 914 }; 915 916 /** 917 * Calls _init function above for going to a certain date (but only if the 918 * date is different than the currently selected one). 919 */ 920 Calendar.prototype.setDate = function (date) { 921 if (!date.equalsTo(this.date)) { 922 this._init(this.mondayFirst, date); 923 } 924 }; 925 926 /** Modifies the "mondayFirst" parameter (EU/US style). */ 927 Calendar.prototype.setMondayFirst = function (mondayFirst) { 928 this._init(mondayFirst, this.date); 929 this._displayWeekdays(); 930 }; 931 932 /** 933 * Allows customization of what dates are enabled. The "unaryFunction" 934 * parameter must be a function object that receives the date (as a JS Date 935 * object) and returns a boolean value. If the returned value is true then 936 * the passed date will be marked as disabled. 937 */ 938 Calendar.prototype.setDisabledHandler = function (unaryFunction) { 939 this.checkDisabled = unaryFunction; 940 }; 941 942 /** Customization of allowed year range for the calendar. */ 943 Calendar.prototype.setRange = function (a, z) { 944 this.minYear = a; 945 this.maxYear = z; 946 }; 947 948 /** Calls the first user handler (selectedHandler). */ 949 Calendar.prototype.callHandler = function () { 950 if (this.onSelected) { 951 this.onSelected(this, this.date.print(this.dateFormat)); 952 } 953 }; 954 955 /** Calls the second user handler (closeHandler). */ 956 Calendar.prototype.callCloseHandler = function () { 957 if (this.onClose) { 958 this.onClose(this); 959 } 960 this.hideShowCovered(); 961 }; 962 963 /** Removes the calendar object from the DOM tree and destroys it. */ 964 Calendar.prototype.destroy = function () { 965 var el = this.element.parentNode; 966 el.removeChild(this.element); 967 Calendar._C = null; 968 delete el; 969 }; 970 971 /** 972 * Moves the calendar element to a different section in the DOM tree (changes 973 * its parent). 974 */ 975 Calendar.prototype.reparent = function (new_parent) { 976 var el = this.element; 977 el.parentNode.removeChild(el); 978 new_parent.appendChild(el); 979 }; 980 981 // This gets called when the user presses a mouse button anywhere in the 982 // document, if the calendar is shown. If the click was outside the open 983 // calendar this function closes it. 984 Calendar._checkCalendar = function(ev) { 985 if (!window.calendar) { 986 return false; 987 } 988 var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev); 989 for (; el != null && el != calendar.element; el = el.parentNode); 990 if (el == null) { 991 // calls closeHandler which should hide the calendar. 992 window.calendar.callCloseHandler(); 993 Calendar.stopEvent(ev); 994 } 995 }; 996 997 /** Shows the calendar. */ 998 Calendar.prototype.show = function () { 999 var rows = this.table.getElementsByTagName("tr"); 1000 for (var i = rows.length; i > 0;) { 1001 var row = rows[--i]; 1002 Calendar.removeClass(row, "rowhilite"); 1003 var cells = row.getElementsByTagName("td"); 1004 for (var j = cells.length; j > 0;) { 1005 var cell = cells[--j]; 1006 Calendar.removeClass(cell, "hilite"); 1007 Calendar.removeClass(cell, "active"); 1008 } 1009 } 1010 this.element.style.display = "block"; 1011 this.hidden = false; 1012 if (this.isPopup) { 1013 window.calendar = this; 1014 Calendar.addEvent(document, "keydown", Calendar._keyEvent); 1015 Calendar.addEvent(document, "keypress", Calendar._keyEvent); 1016 Calendar.addEvent(document, "mousedown", Calendar._checkCalendar); 1017 } 1018 this.hideShowCovered(); 1019 }; 1020 1021 /** 1022 * Hides the calendar. Also removes any "hilite" from the class of any TD 1023 * element. 1024 */ 1025 Calendar.prototype.hide = function () { 1026 if (this.isPopup) { 1027 Calendar.removeEvent(document, "keydown", Calendar._keyEvent); 1028 Calendar.removeEvent(document, "keypress", Calendar._keyEvent); 1029 Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar); 1030 } 1031 this.element.style.display = "none"; 1032 this.hidden = true; 1033 this.hideShowCovered(); 1034 }; 1035 1036 /** 1037 * Shows the calendar at a given absolute position (beware that, depending on 1038 * the calendar element style -- position property -- this might be relative 1039 * to the parent's containing rectangle). 1040 */ 1041 Calendar.prototype.showAt = function (x, y) { 1042 var s = this.element.style; 1043 s.left = x + "px"; 1044 s.top = y + "px"; 1045 this.show(); 1046 }; 1047 1048 /** Shows the calendar near a given element. */ 1049 Calendar.prototype.showAtElement = function (el) { 1050 var p = Calendar.getAbsolutePos(el); 1051 this.showAt(p.x, p.y + el.offsetHeight); 1052 }; 1053 1054 /** Customizes the date format. */ 1055 Calendar.prototype.setDateFormat = function (str) { 1056 this.dateFormat = str; 1057 }; 1058 1059 /** Customizes the tooltip date format. */ 1060 Calendar.prototype.setTtDateFormat = function (str) { 1061 this.ttDateFormat = str; 1062 }; 1063 1064 /** 1065 * Tries to identify the date represented in a string. If successful it also 1066 * calls this.setDate which moves the calendar to the given date. 1067 */ 1068 Calendar.prototype.parseDate = function (str, fmt) { 1069 var y = 0; 1070 var m = -1; 1071 var d = 0; 1072 var a = str.split(/\W+/); 1073 if (!fmt) { 1074 fmt = this.dateFormat; 1075 } 1076 var b = fmt.split(/\W+/); 1077 var i = 0, j = 0; 1078 for (i = 0; i < a.length; ++i) { 1079 if (b[i] == "D" || b[i] == "DD") { 1080 continue; 1081 } 1082 if (b[i] == "d" || b[i] == "dd") { 1083 d = parseInt(a[i]); 1084 } 1085 if (b[i] == "m" || b[i] == "mm") { 1086 m = parseInt(a[i]) - 1; 1087 } 1088 if (b[i] == "y") { 1089 y = parseInt(a[i]); 1090 } 1091 if (b[i] == "yy") { 1092 y = parseInt(a[i]) + 1900; 1093 } 1094 if (b[i] == "M" || b[i] == "MM") { 1095 for (j = 0; j < 12; ++j) { 1096 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; } 1097 } 1098 } 1099 } 1100 if (y != 0 && m != -1 && d != 0) { 1101 this.setDate(new Date(y, m, d)); 1102 return; 1103 } 1104 y = 0; m = -1; d = 0; 1105 for (i = 0; i < a.length; ++i) { 1106 if (a[i].search(/[a-zA-Z]+/) != -1) { 1107 var t = -1; 1108 for (j = 0; j < 12; ++j) { 1109 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; } 1110 } 1111 if (t != -1) { 1112 if (m != -1) { 1113 d = m+1; 1114 } 1115 m = t; 1116 } 1117 } else if (parseInt(a[i]) <= 12 && m == -1) { 1118 m = a[i]-1; 1119 } else if (parseInt(a[i]) > 31 && y == 0) { 1120 y = a[i]; 1121 } else if (d == 0) { 1122 d = a[i]; 1123 } 1124 } 1125 if (y == 0) { 1126 var today = new Date(); 1127 y = today.getFullYear(); 1128 } 1129 if (m != -1 && d != 0) { 1130 this.setDate(new Date(y, m, d)); 1131 } 1132 }; 1133 1134 Calendar.prototype.hideShowCovered = function () { 1135 var tags = new Array("applet", "iframe", "select"); 1136 var el = this.element; 1137 1138 var p = Calendar.getAbsolutePos(el); 1139 var EX1 = p.x; 1140 var EX2 = el.offsetWidth + EX1; 1141 var EY1 = p.y; 1142 var EY2 = el.offsetHeight + EY1; 1143 1144 for (var k = tags.length; k > 0; ) { 1145 var ar = document.getElementsByTagName(tags[--k]); 1146 var cc = null; 1147 1148 for (var i = ar.length; i > 0;) { 1149 cc = ar[--i]; 1150 1151 p = Calendar.getAbsolutePos(cc); 1152 var CX1 = p.x; 1153 var CX2 = cc.offsetWidth + CX1; 1154 var CY1 = p.y; 1155 var CY2 = cc.offsetHeight + CY1; 1156 1157 if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) { 1158 cc.style.visibility = "visible"; 1159 } else { 1160 cc.style.visibility = "hidden"; 1161 } 1162 } 1163 } 1164 }; 1165 1166 /** Internal function; it displays the bar with the names of the weekday. */ 1167 Calendar.prototype._displayWeekdays = function () { 1168 var MON = this.mondayFirst ? 0 : 1; 1169 var SUN = this.mondayFirst ? 6 : 0; 1170 var SAT = this.mondayFirst ? 5 : 6; 1171 var cell = this.firstdayname; 1172 for (var i = 0; i < 7; ++i) { 1173 cell.className = "day name"; 1174 if (!i) { 1175 cell.ttip = this.mondayFirst ? Calendar._TT["SUN_FIRST"] : Calendar._TT["MON_FIRST"]; 1176 cell.navtype = 100; 1177 cell.calendar = this; 1178 Calendar._add_evs(cell); 1179 } 1180 if (i == SUN || i == SAT) { 1181 Calendar.addClass(cell, "weekend"); 1182 } 1183 cell.firstChild.data = Calendar._DN3[i + 1 - MON]; 1184 cell = cell.nextSibling; 1185 } 1186 }; 1187 1188 /** Internal function. Hides all combo boxes that might be displayed. */ 1189 Calendar.prototype._hideCombos = function () { 1190 this.monthsCombo.style.display = "none"; 1191 this.yearsCombo.style.display = "none"; 1192 }; 1193 1194 /** Internal function. Starts dragging the element. */ 1195 Calendar.prototype._dragStart = function (ev) { 1196 if (this.dragging) { 1197 return; 1198 } 1199 this.dragging = true; 1200 var posX; 1201 var posY; 1202 if (Calendar.is_ie) { 1203 posY = window.event.clientY + document.body.scrollTop; 1204 posX = window.event.clientX + document.body.scrollLeft; 1205 } else { 1206 posY = ev.clientY + window.scrollY; 1207 posX = ev.clientX + window.scrollX; 1208 } 1209 var st = this.element.style; 1210 this.xOffs = posX - parseInt(st.left); 1211 this.yOffs = posY - parseInt(st.top); 1212 with (Calendar) { 1213 addEvent(document, "mousemove", calDragIt); 1214 addEvent(document, "mouseover", stopEvent); 1215 addEvent(document, "mouseup", calDragEnd); 1216 } 1217 }; 1218 1219 // BEGIN: DATE OBJECT PATCHES 1220 1221 /** Adds the number of days array to the Date object. */ 1222 Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31); 1223 1224 /** Constants used for time computations */ 1225 Date.SECOND = 1000 /* milliseconds */; 1226 Date.MINUTE = 60 * Date.SECOND; 1227 Date.HOUR = 60 * Date.MINUTE; 1228 Date.DAY = 24 * Date.HOUR; 1229 Date.WEEK = 7 * Date.DAY; 1230 1231 /** Returns the number of days in the current month */ 1232 Date.prototype.getMonthDays = function(month) { 1233 var year = this.getFullYear(); 1234 if (typeof month == "undefined") { 1235 month = this.getMonth(); 1236 } 1237 if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) { 1238 return 29; 1239 } else { 1240 return Date._MD[month]; 1241 } 1242 }; 1243 1244 /** Returns the number of the week. The algorithm was "stolen" from PPK's 1245 * website, hope it's correct :) http://www.xs4all.nl/~ppk/js/week.html */ 1246 Date.prototype.getWeekNumber = function() { 1247 var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0); 1248 var then = new Date(this.getFullYear(), 0, 1, 0, 0, 0); 1249 var time = now - then; 1250 var day = then.getDay(); 1251 (day > 3) && (day -= 4) || (day += 3); 1252 return Math.round(((time / Date.DAY) + day) / 7); 1253 }; 1254 1255 /** Checks dates equality (ignores time) */ 1256 Date.prototype.equalsTo = function(date) { 1257 return ((this.getFullYear() == date.getFullYear()) && 1258 (this.getMonth() == date.getMonth()) && 1259 (this.getDate() == date.getDate())); 1260 }; 1261 1262 /** Prints the date in a string according to the given format. */ 1263 Date.prototype.print = function (frm) { 1264 var str = new String(frm); 1265 var m = this.getMonth(); 1266 var d = this.getDate(); 1267 var y = this.getFullYear(); 1268 var wn = this.getWeekNumber(); 1269 var w = this.getDay(); 1270 var s = new Array(); 1271 s["d"] = d; 1272 s["dd"] = (d < 10) ? ("0" + d) : d; 1273 s["m"] = 1+m; 1274 s["mm"] = (m < 9) ? ("0" + (1+m)) : (1+m); 1275 s["y"] = y; 1276 s["yy"] = new String(y).substr(2, 2); 1277 s["w"] = wn; 1278 s["ww"] = (wn < 10) ? ("0" + wn) : wn; 1279 with (Calendar) { 1280 s["D"] = _DN3[w]; 1281 s["DD"] = _DN[w]; 1282 s["M"] = _MN3[m]; 1283 s["MM"] = _MN[m]; 1284 } 1285 var re = /(.*)(\W|^)(d|dd|m|mm|y|yy|MM|M|DD|D|w|ww)(\W|$)(.*)/; 1286 while (re.exec(str) != null) { 1287 str = RegExp.$1 + RegExp.$2 + s[RegExp.$3] + RegExp.$4 + RegExp.$5; 1288 } 1289 return str; 1290 }; 1291 1292 // END: DATE OBJECT PATCHES 1293 1294 // global object that remembers the calendar 1295 window.calendar = null;
titre
Description
Corps
titre
Description
Corps
titre
Description
Corps
titre
Corps
| Généré le : Sun Nov 25 11:44:32 2007 | par Balluche grâce à PHPXref 0.7 |
|
|