calendar.js 48 KB

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