| @@ -1,1467 +1,608 @@ | ||
| 1 | -// =================================================================== | |
| 2 | -// Author: Matt Kruse <matt@mattkruse.com> | |
| 3 | -// WWW: http://www.mattkruse.com/ | |
| 4 | -// | |
| 5 | -// NOTICE: You may use this code for any purpose, commercial or | |
| 6 | -// private, without any further permission from the author. You may | |
| 7 | -// remove this notice from your final code if you wish, however it is | |
| 8 | -// appreciated by the author if at least my web site address is kept. | |
| 9 | -// | |
| 10 | -// You may *NOT* re-distribute this code in any way except through its | |
| 11 | -// use. That means, you can include it in your product, or your web | |
| 12 | -// site, or any other form where the code is actually being used. You | |
| 13 | -// may not put the plain javascript up on your site for download or | |
| 14 | -// include it in your javascript libraries for download. | |
| 15 | -// If you wish to share this code with others, please just point them | |
| 16 | -// to the URL instead. | |
| 17 | -// Please DO NOT link directly to my .js files from your site. Copy | |
| 18 | -// the files to your server and use them there. Thank you. | |
| 19 | -// =================================================================== | |
| 20 | - | |
| 21 | - | |
| 22 | -/* SOURCE FILE: AnchorPosition.js */ | |
| 23 | - | |
| 24 | -/* | |
| 25 | -AnchorPosition.js | |
| 26 | -Author: Matt Kruse | |
| 27 | -Last modified: 10/11/02 | |
| 28 | - | |
| 29 | -DESCRIPTION: These functions find the position of an <A> tag in a document, | |
| 30 | -so other elements can be positioned relative to it. | |
| 31 | - | |
| 32 | -COMPATABILITY: Netscape 4.x,6.x,Mozilla, IE 5.x,6.x on Windows. Some small | |
| 33 | -positioning errors - usually with Window positioning - occur on the | |
| 34 | -Macintosh platform. | |
| 35 | - | |
| 36 | -FUNCTIONS: | |
| 37 | -getAnchorPosition(anchorname) | |
| 38 | - Returns an Object() having .x and .y properties of the pixel coordinates | |
| 39 | - of the upper-left corner of the anchor. Position is relative to the PAGE. | |
| 40 | - | |
| 41 | -getAnchorWindowPosition(anchorname) | |
| 42 | - Returns an Object() having .x and .y properties of the pixel coordinates | |
| 43 | - of the upper-left corner of the anchor, relative to the WHOLE SCREEN. | |
| 44 | - | |
| 45 | -NOTES: | |
| 46 | - | |
| 47 | -1) For popping up separate browser windows, use getAnchorWindowPosition. | |
| 48 | - Otherwise, use getAnchorPosition | |
| 49 | - | |
| 50 | -2) Your anchor tag MUST contain both NAME and ID attributes which are the | |
| 51 | - same. For example: | |
| 52 | - <A NAME="test" ID="test"> </A> | |
| 53 | - | |
| 54 | -3) There must be at least a space between <A> </A> for IE5.5 to see the | |
| 55 | - anchor tag correctly. Do not do <A></A> with no space. | |
| 56 | -*/ | |
| 57 | - | |
| 58 | -// getAnchorPosition(anchorname) | |
| 59 | -// This function returns an object having .x and .y properties which are the coordinates | |
| 60 | -// of the named anchor, relative to the page. | |
| 61 | -function getAnchorPosition(anchorname) { | |
| 62 | - // This function will return an Object with x and y properties | |
| 63 | - var useWindow=false; | |
| 64 | - var coordinates=new Object(); | |
| 65 | - var x=0,y=0; | |
| 66 | - // Browser capability sniffing | |
| 67 | - var use_gebi=false, use_css=false, use_layers=false; | |
| 68 | - if (document.getElementById) { use_gebi=true; } | |
| 69 | - else if (document.all) { use_css=true; } | |
| 70 | - else if (document.layers) { use_layers=true; } | |
| 71 | - // Logic to find position | |
| 72 | - if (use_gebi && document.all) { | |
| 73 | - x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]); | |
| 74 | - y=AnchorPosition_getPageOffsetTop(document.all[anchorname]); | |
| 75 | - } | |
| 76 | - else if (use_gebi) { | |
| 77 | - var o=document.getElementById(anchorname); | |
| 78 | - x=AnchorPosition_getPageOffsetLeft(o); | |
| 79 | - y=AnchorPosition_getPageOffsetTop(o); | |
| 80 | - } | |
| 81 | - else if (use_css) { | |
| 82 | - x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]); | |
| 83 | - y=AnchorPosition_getPageOffsetTop(document.all[anchorname]); | |
| 84 | - } | |
| 85 | - else if (use_layers) { | |
| 86 | - var found=0; | |
| 87 | - for (var i=0; i<document.anchors.length; i++) { | |
| 88 | - if (document.anchors[i].name==anchorname) { found=1; break; } | |
| 89 | - } | |
| 90 | - if (found==0) { | |
| 91 | - coordinates.x=0; coordinates.y=0; return coordinates; | |
| 92 | - } | |
| 93 | - x=document.anchors[i].x; | |
| 94 | - y=document.anchors[i].y; | |
| 95 | - } | |
| 96 | - else { | |
| 97 | - coordinates.x=0; coordinates.y=0; return coordinates; | |
| 98 | - } | |
| 99 | - coordinates.x=x; | |
| 100 | - coordinates.y=y; | |
| 101 | - return coordinates; | |
| 102 | - } | |
| 103 | - | |
| 104 | -// getAnchorWindowPosition(anchorname) | |
| 105 | -// This function returns an object having .x and .y properties which are the coordinates | |
| 106 | -// of the named anchor, relative to the window | |
| 107 | -function getAnchorWindowPosition(anchorname) { | |
| 108 | - var coordinates=getAnchorPosition(anchorname); | |
| 109 | - var x=0; | |
| 110 | - var y=0; | |
| 111 | - if (document.getElementById) { | |
| 112 | - if (isNaN(window.screenX)) { | |
| 113 | - x=coordinates.x-document.body.scrollLeft+window.screenLeft; | |
| 114 | - y=coordinates.y-document.body.scrollTop+window.screenTop; | |
| 115 | - } | |
| 116 | - else { | |
| 117 | - x=coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset; | |
| 118 | - y=coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset; | |
| 119 | - } | |
| 120 | - } | |
| 121 | - else if (document.all) { | |
| 122 | - x=coordinates.x-document.body.scrollLeft+window.screenLeft; | |
| 123 | - y=coordinates.y-document.body.scrollTop+window.screenTop; | |
| 124 | - } | |
| 125 | - else if (document.layers) { | |
| 126 | - x=coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset; | |
| 127 | - y=coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset; | |
| 128 | - } | |
| 129 | - coordinates.x=x; | |
| 130 | - coordinates.y=y; | |
| 131 | - return coordinates; | |
| 132 | - } | |
| 133 | - | |
| 134 | -// Functions for IE to get position of an object | |
| 135 | -function AnchorPosition_getPageOffsetLeft (el) { | |
| 136 | - var ol=el.offsetLeft; | |
| 137 | - while ((el=el.offsetParent) != null) { ol += el.offsetLeft; } | |
| 138 | - return ol; | |
| 139 | - } | |
| 140 | -function AnchorPosition_getWindowOffsetLeft (el) { | |
| 141 | - return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft; | |
| 142 | - } | |
| 143 | -function AnchorPosition_getPageOffsetTop (el) { | |
| 144 | - var ot=el.offsetTop; | |
| 145 | - while((el=el.offsetParent) != null) { ot += el.offsetTop; } | |
| 146 | - return ot; | |
| 147 | - } | |
| 148 | -function AnchorPosition_getWindowOffsetTop (el) { | |
| 149 | - return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop; | |
| 150 | - } | |
| 151 | - | |
| 152 | -/* SOURCE FILE: date.js */ | |
| 153 | - | |
| 154 | -// HISTORY | |
| 155 | -// ------------------------------------------------------------------ | |
| 156 | -// May 17, 2003: Fixed bug in parseDate() for dates <1970 | |
| 157 | -// March 11, 2003: Added parseDate() function | |
| 158 | -// March 11, 2003: Added "NNN" formatting option. Doesn't match up | |
| 159 | -// perfectly with SimpleDateFormat formats, but | |
| 160 | -// backwards-compatability was required. | |
| 161 | - | |
| 162 | -// ------------------------------------------------------------------ | |
| 163 | -// These functions use the same 'format' strings as the | |
| 164 | -// java.text.SimpleDateFormat class, with minor exceptions. | |
| 165 | -// The format string consists of the following abbreviations: | |
| 166 | -// | |
| 167 | -// Field | Full Form | Short Form | |
| 168 | -// -------------+--------------------+----------------------- | |
| 169 | -// Year | yyyy (4 digits) | yy (2 digits), y (2 or 4 digits) | |
| 170 | -// Month | MMM (name or abbr.)| MM (2 digits), M (1 or 2 digits) | |
| 171 | -// | NNN (abbr.) | | |
| 172 | -// Day of Month | dd (2 digits) | d (1 or 2 digits) | |
| 173 | -// Day of Week | EE (name) | E (abbr) | |
| 174 | -// Hour (1-12) | hh (2 digits) | h (1 or 2 digits) | |
| 175 | -// Hour (0-23) | HH (2 digits) | H (1 or 2 digits) | |
| 176 | -// Hour (0-11) | KK (2 digits) | K (1 or 2 digits) | |
| 177 | -// Hour (1-24) | kk (2 digits) | k (1 or 2 digits) | |
| 178 | -// Minute | mm (2 digits) | m (1 or 2 digits) | |
| 179 | -// Second | ss (2 digits) | s (1 or 2 digits) | |
| 180 | -// AM/PM | a | | |
| 181 | -// | |
| 182 | -// NOTE THE DIFFERENCE BETWEEN MM and mm! Month=MM, not mm! | |
| 183 | -// Examples: | |
| 184 | -// "MMM d, y" matches: January 01, 2000 | |
| 185 | -// Dec 1, 1900 | |
| 186 | -// Nov 20, 00 | |
| 187 | -// "M/d/yy" matches: 01/20/00 | |
| 188 | -// 9/2/00 | |
| 189 | -// "MMM dd, yyyy hh:mm:ssa" matches: "January 01, 2000 12:30:45AM" | |
| 190 | -// ------------------------------------------------------------------ | |
| 191 | - | |
| 192 | -var MONTH_NAMES=new Array('January','February','March','April','May','June','July','August','September','October','November','December','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'); | |
| 193 | -var DAY_NAMES=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sun','Mon','Tue','Wed','Thu','Fri','Sat'); | |
| 194 | -function LZ(x) {return(x<0||x>9?"":"0")+x} | |
| 195 | - | |
| 196 | -// ------------------------------------------------------------------ | |
| 197 | -// isDate ( date_string, format_string ) | |
| 198 | -// Returns true if date string matches format of format string and | |
| 199 | -// is a valid date. Else returns false. | |
| 200 | -// It is recommended that you trim whitespace around the value before | |
| 201 | -// passing it to this function, as whitespace is NOT ignored! | |
| 202 | -// ------------------------------------------------------------------ | |
| 203 | -function isDate(val,format) { | |
| 204 | - var date=getDateFromFormat(val,format); | |
| 205 | - if (date==0) { return false; } | |
| 206 | - return true; | |
| 207 | - } | |
| 208 | - | |
| 209 | -// ------------------------------------------------------------------- | |
| 210 | -// compareDates(date1,date1format,date2,date2format) | |
| 211 | -// Compare two date strings to see which is greater. | |
| 212 | -// Returns: | |
| 213 | -// 1 if date1 is greater than date2 | |
| 214 | -// 0 if date2 is greater than date1 of if they are the same | |
| 215 | -// -1 if either of the dates is in an invalid format | |
| 216 | -// ------------------------------------------------------------------- | |
| 217 | -function compareDates(date1,dateformat1,date2,dateformat2) { | |
| 218 | - var d1=getDateFromFormat(date1,dateformat1); | |
| 219 | - var d2=getDateFromFormat(date2,dateformat2); | |
| 220 | - if (d1==0 || d2==0) { | |
| 221 | - return -1; | |
| 222 | - } | |
| 223 | - else if (d1 > d2) { | |
| 224 | - return 1; | |
| 225 | - } | |
| 226 | - return 0; | |
| 227 | - } | |
| 228 | - | |
| 229 | -// ------------------------------------------------------------------ | |
| 230 | -// formatDate (date_object, format) | |
| 231 | -// Returns a date in the output format specified. | |
| 232 | -// The format string uses the same abbreviations as in getDateFromFormat() | |
| 233 | -// ------------------------------------------------------------------ | |
| 234 | -function formatDate(date,format) { | |
| 235 | - format=format+""; | |
| 236 | - var result=""; | |
| 237 | - var i_format=0; | |
| 238 | - var c=""; | |
| 239 | - var token=""; | |
| 240 | - var y=date.getYear()+""; | |
| 241 | - var M=date.getMonth()+1; | |
| 242 | - var d=date.getDate(); | |
| 243 | - var E=date.getDay(); | |
| 244 | - var H=date.getHours(); | |
| 245 | - var m=date.getMinutes(); | |
| 246 | - var s=date.getSeconds(); | |
| 247 | - var yyyy,yy,MMM,MM,dd,hh,h,mm,ss,ampm,HH,H,KK,K,kk,k; | |
| 248 | - // Convert real date parts into formatted versions | |
| 249 | - var value=new Object(); | |
| 250 | - if (y.length < 4) {y=""+(y-0+1900);} | |
| 251 | - value["y"]=""+y; | |
| 252 | - value["yyyy"]=y; | |
| 253 | - value["yy"]=y.substring(2,4); | |
| 254 | - value["M"]=M; | |
| 255 | - value["MM"]=LZ(M); | |
| 256 | - value["MMM"]=MONTH_NAMES[M-1]; | |
| 257 | - value["NNN"]=MONTH_NAMES[M+11]; | |
| 258 | - value["d"]=d; | |
| 259 | - value["dd"]=LZ(d); | |
| 260 | - value["E"]=DAY_NAMES[E+7]; | |
| 261 | - value["EE"]=DAY_NAMES[E]; | |
| 262 | - value["H"]=H; | |
| 263 | - value["HH"]=LZ(H); | |
| 264 | - if (H==0){value["h"]=12;} | |
| 265 | - else if (H>12){value["h"]=H-12;} | |
| 266 | - else {value["h"]=H;} | |
| 267 | - value["hh"]=LZ(value["h"]); | |
| 268 | - if (H>11){value["K"]=H-12;} else {value["K"]=H;} | |
| 269 | - value["k"]=H+1; | |
| 270 | - value["KK"]=LZ(value["K"]); | |
| 271 | - value["kk"]=LZ(value["k"]); | |
| 272 | - if (H > 11) { value["a"]="PM"; } | |
| 273 | - else { value["a"]="AM"; } | |
| 274 | - value["m"]=m; | |
| 275 | - value["mm"]=LZ(m); | |
| 276 | - value["s"]=s; | |
| 277 | - value["ss"]=LZ(s); | |
| 278 | - while (i_format < format.length) { | |
| 279 | - c=format.charAt(i_format); | |
| 280 | - token=""; | |
| 281 | - while ((format.charAt(i_format)==c) && (i_format < format.length)) { | |
| 282 | - token += format.charAt(i_format++); | |
| 283 | - } | |
| 284 | - if (value[token] != null) { result=result + value[token]; } | |
| 285 | - else { result=result + token; } | |
| 286 | - } | |
| 287 | - return result; | |
| 288 | - } | |
| 289 | - | |
| 290 | -// ------------------------------------------------------------------ | |
| 291 | -// Utility functions for parsing in getDateFromFormat() | |
| 292 | -// ------------------------------------------------------------------ | |
| 293 | -function _isInteger(val) { | |
| 294 | - var digits="1234567890"; | |
| 295 | - for (var i=0; i < val.length; i++) { | |
| 296 | - if (digits.indexOf(val.charAt(i))==-1) { return false; } | |
| 297 | - } | |
| 298 | - return true; | |
| 299 | - } | |
| 300 | -function _getInt(str,i,minlength,maxlength) { | |
| 301 | - for (var x=maxlength; x>=minlength; x--) { | |
| 302 | - var token=str.substring(i,i+x); | |
| 303 | - if (token.length < minlength) { return null; } | |
| 304 | - if (_isInteger(token)) { return token; } | |
| 305 | - } | |
| 306 | - return null; | |
| 307 | - } | |
| 308 | - | |
| 309 | -// ------------------------------------------------------------------ | |
| 310 | -// getDateFromFormat( date_string , format_string ) | |
| 311 | -// | |
| 312 | -// This function takes a date string and a format string. It matches | |
| 313 | -// If the date string matches the format string, it returns the | |
| 314 | -// getTime() of the date. If it does not match, it returns 0. | |
| 315 | -// ------------------------------------------------------------------ | |
| 316 | -function getDateFromFormat(val,format) { | |
| 317 | - val=val+""; | |
| 318 | - format=format+""; | |
| 319 | - var i_val=0; | |
| 320 | - var i_format=0; | |
| 321 | - var c=""; | |
| 322 | - var token=""; | |
| 323 | - var token2=""; | |
| 324 | - var x,y; | |
| 325 | - var now=new Date(); | |
| 326 | - var year=now.getYear(); | |
| 327 | - var month=now.getMonth()+1; | |
| 328 | - var date=1; | |
| 329 | - var hh=now.getHours(); | |
| 330 | - var mm=now.getMinutes(); | |
| 331 | - var ss=now.getSeconds(); | |
| 332 | - var ampm=""; | |
| 333 | - | |
| 334 | - while (i_format < format.length) { | |
| 335 | - // Get next token from format string | |
| 336 | - c=format.charAt(i_format); | |
| 337 | - token=""; | |
| 338 | - while ((format.charAt(i_format)==c) && (i_format < format.length)) { | |
| 339 | - token += format.charAt(i_format++); | |
| 340 | - } | |
| 341 | - // Extract contents of value based on format token | |
| 342 | - if (token=="yyyy" || token=="yy" || token=="y") { | |
| 343 | - if (token=="yyyy") { x=4;y=4; } | |
| 344 | - if (token=="yy") { x=2;y=2; } | |
| 345 | - if (token=="y") { x=2;y=4; } | |
| 346 | - year=_getInt(val,i_val,x,y); | |
| 347 | - if (year==null) { return 0; } | |
| 348 | - i_val += year.length; | |
| 349 | - if (year.length==2) { | |
| 350 | - if (year > 70) { year=1900+(year-0); } | |
| 351 | - else { year=2000+(year-0); } | |
| 352 | - } | |
| 353 | - } | |
| 354 | - else if (token=="MMM"||token=="NNN"){ | |
| 355 | - month=0; | |
| 356 | - for (var i=0; i<MONTH_NAMES.length; i++) { | |
| 357 | - var month_name=MONTH_NAMES[i]; | |
| 358 | - if (val.substring(i_val,i_val+month_name.length).toLowerCase()==month_name.toLowerCase()) { | |
| 359 | - if (token=="MMM"||(token=="NNN"&&i>11)) { | |
| 360 | - month=i+1; | |
| 361 | - if (month>12) { month -= 12; } | |
| 362 | - i_val += month_name.length; | |
| 363 | - break; | |
| 364 | - } | |
| 365 | - } | |
| 366 | - } | |
| 367 | - if ((month < 1)||(month>12)){return 0;} | |
| 368 | - } | |
| 369 | - else if (token=="EE"||token=="E"){ | |
| 370 | - for (var i=0; i<DAY_NAMES.length; i++) { | |
| 371 | - var day_name=DAY_NAMES[i]; | |
| 372 | - if (val.substring(i_val,i_val+day_name.length).toLowerCase()==day_name.toLowerCase()) { | |
| 373 | - i_val += day_name.length; | |
| 374 | - break; | |
| 375 | - } | |
| 376 | - } | |
| 377 | - } | |
| 378 | - else if (token=="MM"||token=="M") { | |
| 379 | - month=_getInt(val,i_val,token.length,2); | |
| 380 | - if(month==null||(month<1)||(month>12)){return 0;} | |
| 381 | - i_val+=month.length;} | |
| 382 | - else if (token=="dd"||token=="d") { | |
| 383 | - date=_getInt(val,i_val,token.length,2); | |
| 384 | - if(date==null||(date<1)||(date>31)){return 0;} | |
| 385 | - i_val+=date.length;} | |
| 386 | - else if (token=="hh"||token=="h") { | |
| 387 | - hh=_getInt(val,i_val,token.length,2); | |
| 388 | - if(hh==null||(hh<1)||(hh>12)){return 0;} | |
| 389 | - i_val+=hh.length;} | |
| 390 | - else if (token=="HH"||token=="H") { | |
| 391 | - hh=_getInt(val,i_val,token.length,2); | |
| 392 | - if(hh==null||(hh<0)||(hh>23)){return 0;} | |
| 393 | - i_val+=hh.length;} | |
| 394 | - else if (token=="KK"||token=="K") { | |
| 395 | - hh=_getInt(val,i_val,token.length,2); | |
| 396 | - if(hh==null||(hh<0)||(hh>11)){return 0;} | |
| 397 | - i_val+=hh.length;} | |
| 398 | - else if (token=="kk"||token=="k") { | |
| 399 | - hh=_getInt(val,i_val,token.length,2); | |
| 400 | - if(hh==null||(hh<1)||(hh>24)){return 0;} | |
| 401 | - i_val+=hh.length;hh--;} | |
| 402 | - else if (token=="mm"||token=="m") { | |
| 403 | - mm=_getInt(val,i_val,token.length,2); | |
| 404 | - if(mm==null||(mm<0)||(mm>59)){return 0;} | |
| 405 | - i_val+=mm.length;} | |
| 406 | - else if (token=="ss"||token=="s") { | |
| 407 | - ss=_getInt(val,i_val,token.length,2); | |
| 408 | - if(ss==null||(ss<0)||(ss>59)){return 0;} | |
| 409 | - i_val+=ss.length;} | |
| 410 | - else if (token=="a") { | |
| 411 | - if (val.substring(i_val,i_val+2).toLowerCase()=="am") {ampm="AM";} | |
| 412 | - else if (val.substring(i_val,i_val+2).toLowerCase()=="pm") {ampm="PM";} | |
| 413 | - else {return 0;} | |
| 414 | - i_val+=2;} | |
| 415 | - else { | |
| 416 | - if (val.substring(i_val,i_val+token.length)!=token) {return 0;} | |
| 417 | - else {i_val+=token.length;} | |
| 418 | - } | |
| 419 | - } | |
| 420 | - // If there are any trailing characters left in the value, it doesn't match | |
| 421 | - if (i_val != val.length) { return 0; } | |
| 422 | - // Is date valid for month? | |
| 423 | - if (month==2) { | |
| 424 | - // Check for leap year | |
| 425 | - if ( ( (year%4==0)&&(year%100 != 0) ) || (year%400==0) ) { // leap year | |
| 426 | - if (date > 29){ return 0; } | |
| 427 | - } | |
| 428 | - else { if (date > 28) { return 0; } } | |
| 429 | - } | |
| 430 | - if ((month==4)||(month==6)||(month==9)||(month==11)) { | |
| 431 | - if (date > 30) { return 0; } | |
| 432 | - } | |
| 433 | - // Correct hours value | |
| 434 | - if (hh<12 && ampm=="PM") { hh=hh-0+12; } | |
| 435 | - else if (hh>11 && ampm=="AM") { hh-=12; } | |
| 436 | - var newdate=new Date(year,month-1,date,hh,mm,ss); | |
| 437 | - return newdate.getTime(); | |
| 438 | - } | |
| 439 | - | |
| 440 | -// ------------------------------------------------------------------ | |
| 441 | -// parseDate( date_string [, prefer_euro_format] ) | |
| 442 | -// | |
| 443 | -// This function takes a date string and tries to match it to a | |
| 444 | -// number of possible date formats to get the value. It will try to | |
| 445 | -// match against the following international formats, in this order: | |
| 446 | -// y-M-d MMM d, y MMM d,y y-MMM-d d-MMM-y MMM d | |
| 447 | -// M/d/y M-d-y M.d.y MMM-d M/d M-d | |
| 448 | -// d/M/y d-M-y d.M.y d-MMM d/M d-M | |
| 449 | -// A second argument may be passed to instruct the method to search | |
| 450 | -// for formats like d/M/y (european format) before M/d/y (American). | |
| 451 | -// Returns a Date object or null if no patterns match. | |
| 452 | -// ------------------------------------------------------------------ | |
| 453 | -function parseDate(val) { | |
| 454 | - var preferEuro=(arguments.length==2)?arguments[1]:false; | |
| 455 | - generalFormats=new Array('y-M-d','MMM d, y','MMM d,y','y-MMM-d','d-MMM-y','MMM d'); | |
| 456 | - monthFirst=new Array('M/d/y','M-d-y','M.d.y','MMM-d','M/d','M-d'); | |
| 457 | - dateFirst =new Array('d/M/y','d-M-y','d.M.y','d-MMM','d/M','d-M'); | |
| 458 | - var checkList=new Array('generalFormats',preferEuro?'dateFirst':'monthFirst',preferEuro?'monthFirst':'dateFirst'); | |
| 459 | - var d=null; | |
| 460 | - for (var i=0; i<checkList.length; i++) { | |
| 461 | - var l=window[checkList[i]]; | |
| 462 | - for (var j=0; j<l.length; j++) { | |
| 463 | - d=getDateFromFormat(val,l[j]); | |
| 464 | - if (d!=0) { return new Date(d); } | |
| 465 | - } | |
| 466 | - } | |
| 467 | - return null; | |
| 468 | - } | |
| 469 | - | |
| 470 | -/* SOURCE FILE: PopupWindow.js */ | |
| 471 | - | |
| 472 | -/* | |
| 473 | -PopupWindow.js | |
| 474 | -Author: Matt Kruse | |
| 475 | -Last modified: 02/16/04 | |
| 476 | - | |
| 477 | -DESCRIPTION: This object allows you to easily and quickly popup a window | |
| 478 | -in a certain place. The window can either be a DIV or a separate browser | |
| 479 | -window. | |
| 480 | - | |
| 481 | -COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small | |
| 482 | -positioning errors - usually with Window positioning - occur on the | |
| 483 | -Macintosh platform. Due to bugs in Netscape 4.x, populating the popup | |
| 484 | -window with <STYLE> tags may cause errors. | |
| 485 | - | |
| 486 | -USAGE: | |
| 487 | -// Create an object for a WINDOW popup | |
| 488 | -var win = new PopupWindow(); | |
| 489 | - | |
| 490 | -// Create an object for a DIV window using the DIV named 'mydiv' | |
| 491 | -var win = new PopupWindow('mydiv'); | |
| 492 | - | |
| 493 | -// Set the window to automatically hide itself when the user clicks | |
| 494 | -// anywhere else on the page except the popup | |
| 495 | -win.autoHide(); | |
| 496 | - | |
| 497 | -// Show the window relative to the anchor name passed in | |
| 498 | -win.showPopup(anchorname); | |
| 499 | - | |
| 500 | -// Hide the popup | |
| 501 | -win.hidePopup(); | |
| 502 | - | |
| 503 | -// Set the size of the popup window (only applies to WINDOW popups | |
| 504 | -win.setSize(width,height); | |
| 505 | - | |
| 506 | -// Populate the contents of the popup window that will be shown. If you | |
| 507 | -// change the contents while it is displayed, you will need to refresh() | |
| 508 | -win.populate(string); | |
| 509 | - | |
| 510 | -// set the URL of the window, rather than populating its contents | |
| 511 | -// manually | |
| 512 | -win.setUrl("http://www.site.com/"); | |
| 513 | - | |
| 514 | -// Refresh the contents of the popup | |
| 515 | -win.refresh(); | |
| 516 | - | |
| 517 | -// Specify how many pixels to the right of the anchor the popup will appear | |
| 518 | -win.offsetX = 50; | |
| 519 | - | |
| 520 | -// Specify how many pixels below the anchor the popup will appear | |
| 521 | -win.offsetY = 100; | |
| 522 | - | |
| 523 | -NOTES: | |
| 524 | -1) Requires the functions in AnchorPosition.js | |
| 525 | - | |
| 526 | -2) Your anchor tag MUST contain both NAME and ID attributes which are the | |
| 527 | - same. For example: | |
| 528 | - <A NAME="test" ID="test"> </A> | |
| 529 | - | |
| 530 | -3) There must be at least a space between <A> </A> for IE5.5 to see the | |
| 531 | - anchor tag correctly. Do not do <A></A> with no space. | |
| 532 | - | |
| 533 | -4) When a PopupWindow object is created, a handler for 'onmouseup' is | |
| 534 | - attached to any event handler you may have already defined. Do NOT define | |
| 535 | - an event handler for 'onmouseup' after you define a PopupWindow object or | |
| 536 | - the autoHide() will not work correctly. | |
| 537 | -*/ | |
| 538 | - | |
| 539 | -// Set the position of the popup window based on the anchor | |
| 540 | -function PopupWindow_getXYPosition(anchorname) { | |
| 541 | - var coordinates; | |
| 542 | - if (this.type == "WINDOW") { | |
| 543 | - coordinates = getAnchorWindowPosition(anchorname); | |
| 544 | - } | |
| 545 | - else { | |
| 546 | - coordinates = getAnchorPosition(anchorname); | |
| 547 | - } | |
| 548 | - this.x = coordinates.x; | |
| 549 | - this.y = coordinates.y; | |
| 550 | - } | |
| 551 | -// Set width/height of DIV/popup window | |
| 552 | -function PopupWindow_setSize(width,height) { | |
| 553 | - this.width = width; | |
| 554 | - this.height = height; | |
| 555 | - } | |
| 556 | -// Fill the window with contents | |
| 557 | -function PopupWindow_populate(contents) { | |
| 558 | - this.contents = contents; | |
| 559 | - this.populated = false; | |
| 560 | - } | |
| 561 | -// Set the URL to go to | |
| 562 | -function PopupWindow_setUrl(url) { | |
| 563 | - this.url = url; | |
| 564 | - } | |
| 565 | -// Set the window popup properties | |
| 566 | -function PopupWindow_setWindowProperties(props) { | |
| 567 | - this.windowProperties = props; | |
| 568 | - } | |
| 569 | -// Refresh the displayed contents of the popup | |
| 570 | -function PopupWindow_refresh() { | |
| 571 | - if (this.divName != null) { | |
| 572 | - // refresh the DIV object | |
| 573 | - if (this.use_gebi) { | |
| 574 | - document.getElementById(this.divName).innerHTML = this.contents; | |
| 575 | - } | |
| 576 | - else if (this.use_css) { | |
| 577 | - document.all[this.divName].innerHTML = this.contents; | |
| 578 | - } | |
| 579 | - else if (this.use_layers) { | |
| 580 | - var d = document.layers[this.divName]; | |
| 581 | - d.document.open(); | |
| 582 | - d.document.writeln(this.contents); | |
| 583 | - d.document.close(); | |
| 584 | - } | |
| 585 | - } | |
| 586 | - else { | |
| 587 | - if (this.popupWindow != null && !this.popupWindow.closed) { | |
| 588 | - if (this.url!="") { | |
| 589 | - this.popupWindow.location.href=this.url; | |
| 590 | - } | |
| 591 | - else { | |
| 592 | - this.popupWindow.document.open(); | |
| 593 | - this.popupWindow.document.writeln(this.contents); | |
| 594 | - this.popupWindow.document.close(); | |
| 595 | - } | |
| 596 | - this.popupWindow.focus(); | |
| 597 | - } | |
| 598 | - } | |
| 599 | - } | |
| 600 | -// Position and show the popup, relative to an anchor object | |
| 601 | -function PopupWindow_showPopup(anchorname) { | |
| 602 | - this.getXYPosition(anchorname); | |
| 603 | - this.x += this.offsetX; | |
| 604 | - this.y += this.offsetY; | |
| 605 | - if (!this.populated && (this.contents != "")) { | |
| 606 | - this.populated = true; | |
| 607 | - this.refresh(); | |
| 608 | - } | |
| 609 | - if (this.divName != null) { | |
| 610 | - // Show the DIV object | |
| 611 | - if (this.use_gebi) { | |
| 612 | - document.getElementById(this.divName).style.left = this.x + "px"; | |
| 613 | - document.getElementById(this.divName).style.top = this.y + "px"; | |
| 614 | - document.getElementById(this.divName).style.visibility = "visible"; | |
| 615 | - } | |
| 616 | - else if (this.use_css) { | |
| 617 | - document.all[this.divName].style.left = this.x; | |
| 618 | - document.all[this.divName].style.top = this.y; | |
| 619 | - document.all[this.divName].style.visibility = "visible"; | |
| 620 | - } | |
| 621 | - else if (this.use_layers) { | |
| 622 | - document.layers[this.divName].left = this.x; | |
| 623 | - document.layers[this.divName].top = this.y; | |
| 624 | - document.layers[this.divName].visibility = "visible"; | |
| 625 | - } | |
| 626 | - } | |
| 627 | - else { | |
| 628 | - if (this.popupWindow == null || this.popupWindow.closed) { | |
| 629 | - // If the popup window will go off-screen, move it so it doesn't | |
| 630 | - if (this.x<0) { this.x=0; } | |
| 631 | - if (this.y<0) { this.y=0; } | |
| 632 | - if (screen && screen.availHeight) { | |
| 633 | - if ((this.y + this.height) > screen.availHeight) { | |
| 634 | - this.y = screen.availHeight - this.height; | |
| 635 | - } | |
| 636 | - } | |
| 637 | - if (screen && screen.availWidth) { | |
| 638 | - if ((this.x + this.width) > screen.availWidth) { | |
| 639 | - this.x = screen.availWidth - this.width; | |
| 640 | - } | |
| 641 | - } | |
| 642 | - var avoidAboutBlank = window.opera || ( document.layers && !navigator.mimeTypes['*'] ) || navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled ); | |
| 643 | - this.popupWindow = window.open(avoidAboutBlank?"":"about:blank","window_"+anchorname,this.windowProperties+",width="+this.width+",height="+this.height+",screenX="+this.x+",left="+this.x+",screenY="+this.y+",top="+this.y+""); | |
| 644 | - } | |
| 645 | - this.refresh(); | |
| 646 | - } | |
| 647 | - } | |
| 648 | -// Hide the popup | |
| 649 | -function PopupWindow_hidePopup() { | |
| 650 | - if (this.divName != null) { | |
| 651 | - if (this.use_gebi) { | |
| 652 | - document.getElementById(this.divName).style.visibility = "hidden"; | |
| 653 | - } | |
| 654 | - else if (this.use_css) { | |
| 655 | - document.all[this.divName].style.visibility = "hidden"; | |
| 656 | - } | |
| 657 | - else if (this.use_layers) { | |
| 658 | - document.layers[this.divName].visibility = "hidden"; | |
| 659 | - } | |
| 660 | - } | |
| 661 | - else { | |
| 662 | - if (this.popupWindow && !this.popupWindow.closed) { | |
| 663 | - this.popupWindow.close(); | |
| 664 | - this.popupWindow = null; | |
| 665 | - } | |
| 666 | - } | |
| 667 | - } | |
| 668 | -// Pass an event and return whether or not it was the popup DIV that was clicked | |
| 669 | -function PopupWindow_isClicked(e) { | |
| 670 | - if (this.divName != null) { | |
| 671 | - if (this.use_layers) { | |
| 672 | - var clickX = e.pageX; | |
| 673 | - var clickY = e.pageY; | |
| 674 | - var t = document.layers[this.divName]; | |
| 675 | - if ((clickX > t.left) && (clickX < t.left+t.clip.width) && (clickY > t.top) && (clickY < t.top+t.clip.height)) { | |
| 676 | - return true; | |
| 677 | - } | |
| 678 | - else { return false; } | |
| 679 | - } | |
| 680 | - else if (document.all) { // Need to hard-code this to trap IE for error-handling | |
| 681 | - var t = window.event.srcElement; | |
| 682 | - while (t.parentElement != null) { | |
| 683 | - if (t.id==this.divName) { | |
| 684 | - return true; | |
| 685 | - } | |
| 686 | - t = t.parentElement; | |
| 687 | - } | |
| 688 | - return false; | |
| 689 | - } | |
| 690 | - else if (this.use_gebi && e) { | |
| 691 | - var t = e.originalTarget; | |
| 692 | - while (t.parentNode != null) { | |
| 693 | - if (t.id==this.divName) { | |
| 694 | - return true; | |
| 695 | - } | |
| 696 | - t = t.parentNode; | |
| 697 | - } | |
| 698 | - return false; | |
| 699 | - } | |
| 700 | - return false; | |
| 701 | - } | |
| 702 | - return false; | |
| 703 | - } | |
| 704 | - | |
| 705 | -// Check an onMouseDown event to see if we should hide | |
| 706 | -function PopupWindow_hideIfNotClicked(e) { | |
| 707 | - if (this.autoHideEnabled && !this.isClicked(e)) { | |
| 708 | - this.hidePopup(); | |
| 709 | - } | |
| 710 | - } | |
| 711 | -// Call this to make the DIV disable automatically when mouse is clicked outside it | |
| 712 | -function PopupWindow_autoHide() { | |
| 713 | - this.autoHideEnabled = true; | |
| 714 | - } | |
| 715 | -// This global function checks all PopupWindow objects onmouseup to see if they should be hidden | |
| 716 | -function PopupWindow_hidePopupWindows(e) { | |
| 717 | - for (var i=0; i<popupWindowObjects.length; i++) { | |
| 718 | - if (popupWindowObjects[i] != null) { | |
| 719 | - var p = popupWindowObjects[i]; | |
| 720 | - p.hideIfNotClicked(e); | |
| 721 | - } | |
| 722 | - } | |
| 723 | - } | |
| 724 | -// Run this immediately to attach the event listener | |
| 725 | -function PopupWindow_attachListener() { | |
| 726 | - if (document.layers) { | |
| 727 | - document.captureEvents(Event.MOUSEUP); | |
| 728 | - } | |
| 729 | - window.popupWindowOldEventListener = document.onmouseup; | |
| 730 | - if (window.popupWindowOldEventListener != null) { | |
| 731 | - document.onmouseup = new Function("window.popupWindowOldEventListener(); PopupWindow_hidePopupWindows();"); | |
| 732 | - } | |
| 733 | - else { | |
| 734 | - document.onmouseup = PopupWindow_hidePopupWindows; | |
| 735 | - } | |
| 736 | - } | |
| 737 | -// CONSTRUCTOR for the PopupWindow object | |
| 738 | -// Pass it a DIV name to use a DHTML popup, otherwise will default to window popup | |
| 739 | -function PopupWindow() { | |
| 740 | - if (!window.popupWindowIndex) { window.popupWindowIndex = 0; } | |
| 741 | - if (!window.popupWindowObjects) { window.popupWindowObjects = new Array(); } | |
| 742 | - if (!window.listenerAttached) { | |
| 743 | - window.listenerAttached = true; | |
| 744 | - PopupWindow_attachListener(); | |
| 745 | - } | |
| 746 | - this.index = popupWindowIndex++; | |
| 747 | - popupWindowObjects[this.index] = this; | |
| 748 | - this.divName = null; | |
| 749 | - this.popupWindow = null; | |
| 750 | - this.width=0; | |
| 751 | - this.height=0; | |
| 752 | - this.populated = false; | |
| 753 | - this.visible = false; | |
| 754 | - this.autoHideEnabled = false; | |
| 755 | - | |
| 756 | - this.contents = ""; | |
| 757 | - this.url=""; | |
| 758 | - this.windowProperties="toolbar=no,location=no,status=no,menubar=no,scrollbars=auto,resizable,alwaysRaised,dependent,titlebar=no"; | |
| 759 | - if (arguments.length>0) { | |
| 760 | - this.type="DIV"; | |
| 761 | - this.divName = arguments[0]; | |
| 762 | - } | |
| 763 | - else { | |
| 764 | - this.type="WINDOW"; | |
| 765 | - } | |
| 766 | - this.use_gebi = false; | |
| 767 | - this.use_css = false; | |
| 768 | - this.use_layers = false; | |
| 769 | - if (document.getElementById) { this.use_gebi = true; } | |
| 770 | - else if (document.all) { this.use_css = true; } | |
| 771 | - else if (document.layers) { this.use_layers = true; } | |
| 772 | - else { this.type = "WINDOW"; } | |
| 773 | - this.offsetX = 0; | |
| 774 | - this.offsetY = 0; | |
| 775 | - // Method mappings | |
| 776 | - this.getXYPosition = PopupWindow_getXYPosition; | |
| 777 | - this.populate = PopupWindow_populate; | |
| 778 | - this.setUrl = PopupWindow_setUrl; | |
| 779 | - this.setWindowProperties = PopupWindow_setWindowProperties; | |
| 780 | - this.refresh = PopupWindow_refresh; | |
| 781 | - this.showPopup = PopupWindow_showPopup; | |
| 782 | - this.hidePopup = PopupWindow_hidePopup; | |
| 783 | - this.setSize = PopupWindow_setSize; | |
| 784 | - this.isClicked = PopupWindow_isClicked; | |
| 785 | - this.autoHide = PopupWindow_autoHide; | |
| 786 | - this.hideIfNotClicked = PopupWindow_hideIfNotClicked; | |
| 787 | - } | |
| 788 | - | |
| 789 | -/* SOURCE FILE: CalendarPopup.js */ | |
| 790 | - | |
| 791 | -// HISTORY | |
| 792 | -// ------------------------------------------------------------------ | |
| 793 | -// Feb 7, 2005: Fixed a CSS styles to use px unit | |
| 794 | -// March 29, 2004: Added check in select() method for the form field | |
| 795 | -// being disabled. If it is, just return and don't do anything. | |
| 796 | -// March 24, 2004: Fixed bug - when month name and abbreviations were | |
| 797 | -// changed, date format still used original values. | |
| 798 | -// January 26, 2004: Added support for drop-down month and year | |
| 799 | -// navigation (Thanks to Chris Reid for the idea) | |
| 800 | -// September 22, 2003: Fixed a minor problem in YEAR calendar with | |
| 801 | -// CSS prefix. | |
| 802 | -// August 19, 2003: Renamed the function to get styles, and made it | |
| 803 | -// work correctly without an object reference | |
| 804 | -// August 18, 2003: Changed showYearNavigation and | |
| 805 | -// showYearNavigationInput to optionally take an argument of | |
| 806 | -// true or false | |
| 807 | -// July 31, 2003: Added text input option for year navigation. | |
| 808 | -// Added a per-calendar CSS prefix option to optionally use | |
| 809 | -// different styles for different calendars. | |
| 810 | -// July 29, 2003: Fixed bug causing the Today link to be clickable | |
| 811 | -// even though today falls in a disabled date range. | |
| 812 | -// Changed formatting to use pure CSS, allowing greater control | |
| 813 | -// over look-and-feel options. | |
| 814 | -// June 11, 2003: Fixed bug causing the Today link to be unselectable | |
| 815 | -// under certain cases when some days of week are disabled | |
| 816 | -// March 14, 2003: Added ability to disable individual dates or date | |
| 817 | -// ranges, display as light gray and strike-through | |
| 818 | -// March 14, 2003: Removed dependency on graypixel.gif and instead | |
| 819 | -/// use table border coloring | |
| 820 | -// March 12, 2003: Modified showCalendar() function to allow optional | |
| 821 | -// start-date parameter | |
| 822 | -// March 11, 2003: Modified select() function to allow optional | |
| 823 | -// start-date parameter | |
| 824 | -/* | |
| 825 | -DESCRIPTION: This object implements a popup calendar to allow the user to | |
| 826 | -select a date, month, quarter, or year. | |
| 827 | - | |
| 828 | -COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small | |
| 829 | -positioning errors - usually with Window positioning - occur on the | |
| 830 | -Macintosh platform. | |
| 831 | -The calendar can be modified to work for any location in the world by | |
| 832 | -changing which weekday is displayed as the first column, changing the month | |
| 833 | -names, and changing the column headers for each day. | |
| 834 | - | |
| 835 | -USAGE: | |
| 836 | -// Create a new CalendarPopup object of type WINDOW | |
| 837 | -var cal = new CalendarPopup(); | |
| 838 | - | |
| 839 | -// Create a new CalendarPopup object of type DIV using the DIV named 'mydiv' | |
| 840 | -var cal = new CalendarPopup('mydiv'); | |
| 841 | - | |
| 842 | -// Easy method to link the popup calendar with an input box. | |
| 843 | -cal.select(inputObject, anchorname, dateFormat); | |
| 844 | -// Same method, but passing a default date other than the field's current value | |
| 845 | -cal.select(inputObject, anchorname, dateFormat, '01/02/2000'); | |
| 846 | -// This is an example call to the popup calendar from a link to populate an | |
| 847 | -// input box. Note that to use this, date.js must also be included!! | |
| 848 | -<A HREF="#" onClick="cal.select(document.forms[0].date,'anchorname','MM/dd/yyyy'); return false;">Select</A> | |
| 849 | - | |
| 850 | -// Set the type of date select to be used. By default it is 'date'. | |
| 851 | -cal.setDisplayType(type); | |
| 852 | - | |
| 853 | -// When a date, month, quarter, or year is clicked, a function is called and | |
| 854 | -// passed the details. You must write this function, and tell the calendar | |
| 855 | -// popup what the function name is. | |
| 856 | -// Function to be called for 'date' select receives y, m, d | |
| 857 | -cal.setReturnFunction(functionname); | |
| 858 | -// Function to be called for 'month' select receives y, m | |
| 859 | -cal.setReturnMonthFunction(functionname); | |
| 860 | -// Function to be called for 'quarter' select receives y, q | |
| 861 | -cal.setReturnQuarterFunction(functionname); | |
| 862 | -// Function to be called for 'year' select receives y | |
| 863 | -cal.setReturnYearFunction(functionname); | |
| 864 | - | |
| 865 | -// Show the calendar relative to a given anchor | |
| 866 | -cal.showCalendar(anchorname); | |
| 867 | - | |
| 868 | -// Hide the calendar. The calendar is set to autoHide automatically | |
| 869 | -cal.hideCalendar(); | |
| 870 | - | |
| 871 | -// Set the month names to be used. Default are English month names | |
| 872 | -cal.setMonthNames("January","February","March",...); | |
| 873 | - | |
| 874 | -// Set the month abbreviations to be used. Default are English month abbreviations | |
| 875 | -cal.setMonthAbbreviations("Jan","Feb","Mar",...); | |
| 876 | - | |
| 877 | -// Show navigation for changing by the year, not just one month at a time | |
| 878 | -cal.showYearNavigation(); | |
| 879 | - | |
| 880 | -// Show month and year dropdowns, for quicker selection of month of dates | |
| 881 | -cal.showNavigationDropdowns(); | |
| 882 | - | |
| 883 | -// Set the text to be used above each day column. The days start with | |
| 884 | -// sunday regardless of the value of WeekStartDay | |
| 885 | -cal.setDayHeaders("S","M","T",...); | |
| 886 | - | |
| 887 | -// Set the day for the first column in the calendar grid. By default this | |
| 888 | -// is Sunday (0) but it may be changed to fit the conventions of other | |
| 889 | -// countries. | |
| 890 | -cal.setWeekStartDay(1); // week is Monday - Sunday | |
| 891 | - | |
| 892 | -// Set the weekdays which should be disabled in the 'date' select popup. You can | |
| 893 | -// then allow someone to only select week end dates, or Tuedays, for example | |
| 894 | -cal.setDisabledWeekDays(0,1); // To disable selecting the 1st or 2nd days of the week | |
| 895 | - | |
| 896 | -// Selectively disable individual days or date ranges. Disabled days will not | |
| 897 | -// be clickable, and show as strike-through text on current browsers. | |
| 898 | -// Date format is any format recognized by parseDate() in date.js | |
| 899 | -// Pass a single date to disable: | |
| 900 | -cal.addDisabledDates("2003-01-01"); | |
| 901 | -// Pass null as the first parameter to mean "anything up to and including" the | |
| 902 | -// passed date: | |
| 903 | -cal.addDisabledDates(null, "01/02/03"); | |
| 904 | -// Pass null as the second parameter to mean "including the passed date and | |
| 905 | -// anything after it: | |
| 906 | -cal.addDisabledDates("Jan 01, 2003", null); | |
| 907 | -// Pass two dates to disable all dates inbetween and including the two | |
| 908 | -cal.addDisabledDates("January 01, 2003", "Dec 31, 2003"); | |
| 909 | - | |
| 910 | -// When the 'year' select is displayed, set the number of years back from the | |
| 911 | -// current year to start listing years. Default is 2. | |
| 912 | -// This is also used for year drop-down, to decide how many years +/- to display | |
| 913 | -cal.setYearSelectStartOffset(2); | |
| 914 | - | |
| 915 | -// Text for the word "Today" appearing on the calendar | |
| 916 | -cal.setTodayText("Today"); | |
| 917 | - | |
| 918 | -// The calendar uses CSS classes for formatting. If you want your calendar to | |
| 919 | -// have unique styles, you can set the prefix that will be added to all the | |
| 920 | -// classes in the output. | |
| 921 | -// For example, normal output may have this: | |
| 922 | -// <SPAN CLASS="cpTodayTextDisabled">Today<SPAN> | |
| 923 | -// But if you set the prefix like this: | |
| 924 | -cal.setCssPrefix("Test"); | |
| 925 | -// The output will then look like: | |
| 926 | -// <SPAN CLASS="TestcpTodayTextDisabled">Today<SPAN> | |
| 927 | -// And you can define that style somewhere in your page. | |
| 928 | - | |
| 929 | -// When using Year navigation, you can make the year be an input box, so | |
| 930 | -// the user can manually change it and jump to any year | |
| 931 | -cal.showYearNavigationInput(); | |
| 932 | - | |
| 933 | -// Set the calendar offset to be different than the default. By default it | |
| 934 | -// will appear just below and to the right of the anchorname. So if you have | |
| 935 | -// a text box where the date will go and and anchor immediately after the | |
| 936 | -// text box, the calendar will display immediately under the text box. | |
| 937 | -cal.offsetX = 20; | |
| 938 | -cal.offsetY = 20; | |
| 939 | - | |
| 940 | -NOTES: | |
| 941 | -1) Requires the functions in AnchorPosition.js and PopupWindow.js | |
| 942 | - | |
| 943 | -2) Your anchor tag MUST contain both NAME and ID attributes which are the | |
| 944 | - same. For example: | |
| 945 | - <A NAME="test" ID="test"> </A> | |
| 946 | - | |
| 947 | -3) There must be at least a space between <A> </A> for IE5.5 to see the | |
| 948 | - anchor tag correctly. Do not do <A></A> with no space. | |
| 949 | - | |
| 950 | -4) When a CalendarPopup object is created, a handler for 'onmouseup' is | |
| 951 | - attached to any event handler you may have already defined. Do NOT define | |
| 952 | - an event handler for 'onmouseup' after you define a CalendarPopup object | |
| 953 | - or the autoHide() will not work correctly. | |
| 954 | - | |
| 955 | -5) The calendar popup display uses style sheets to make it look nice. | |
| 956 | - | |
| 957 | -*/ | |
| 958 | - | |
| 959 | -// CONSTRUCTOR for the CalendarPopup Object | |
| 960 | -function CalendarPopup() { | |
| 961 | - var c; | |
| 962 | - if (arguments.length>0) { | |
| 963 | - c = new PopupWindow(arguments[0]); | |
| 964 | - } | |
| 965 | - else { | |
| 966 | - c = new PopupWindow(); | |
| 967 | - c.setSize(150,175); | |
| 968 | - } | |
| 969 | - c.offsetX = -152; | |
| 970 | - c.offsetY = 25; | |
| 971 | - c.autoHide(); | |
| 972 | - // Calendar-specific properties | |
| 973 | - c.monthNames = new Array("January","February","March","April","May","June","July","August","September","October","November","December"); | |
| 974 | - c.monthAbbreviations = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); | |
| 975 | - c.dayHeaders = new Array("S","M","T","W","T","F","S"); | |
| 976 | - c.returnFunction = "CP_tmpReturnFunction"; | |
| 977 | - c.returnMonthFunction = "CP_tmpReturnMonthFunction"; | |
| 978 | - c.returnQuarterFunction = "CP_tmpReturnQuarterFunction"; | |
| 979 | - c.returnYearFunction = "CP_tmpReturnYearFunction"; | |
| 980 | - c.weekStartDay = 0; | |
| 981 | - c.isShowYearNavigation = false; | |
| 982 | - c.displayType = "date"; | |
| 983 | - c.disabledWeekDays = new Object(); | |
| 984 | - c.disabledDatesExpression = ""; | |
| 985 | - c.yearSelectStartOffset = 2; | |
| 986 | - c.currentDate = null; | |
| 987 | - c.todayText="Today"; | |
| 988 | - c.cssPrefix=""; | |
| 989 | - c.isShowNavigationDropdowns=false; | |
| 990 | - c.isShowYearNavigationInput=false; | |
| 991 | - window.CP_calendarObject = null; | |
| 992 | - window.CP_targetInput = null; | |
| 993 | - window.CP_dateFormat = "MM/dd/yyyy"; | |
| 994 | - // Method mappings | |
| 995 | - c.copyMonthNamesToWindow = CP_copyMonthNamesToWindow; | |
| 996 | - c.setReturnFunction = CP_setReturnFunction; | |
| 997 | - c.setReturnMonthFunction = CP_setReturnMonthFunction; | |
| 998 | - c.setReturnQuarterFunction = CP_setReturnQuarterFunction; | |
| 999 | - c.setReturnYearFunction = CP_setReturnYearFunction; | |
| 1000 | - c.setMonthNames = CP_setMonthNames; | |
| 1001 | - c.setMonthAbbreviations = CP_setMonthAbbreviations; | |
| 1002 | - c.setDayHeaders = CP_setDayHeaders; | |
| 1003 | - c.setWeekStartDay = CP_setWeekStartDay; | |
| 1004 | - c.setDisplayType = CP_setDisplayType; | |
| 1005 | - c.setDisabledWeekDays = CP_setDisabledWeekDays; | |
| 1006 | - c.addDisabledDates = CP_addDisabledDates; | |
| 1007 | - c.setYearSelectStartOffset = CP_setYearSelectStartOffset; | |
| 1008 | - c.setTodayText = CP_setTodayText; | |
| 1009 | - c.showYearNavigation = CP_showYearNavigation; | |
| 1010 | - c.showCalendar = CP_showCalendar; | |
| 1011 | - c.hideCalendar = CP_hideCalendar; | |
| 1012 | - c.getStyles = getCalendarStyles; | |
| 1013 | - c.refreshCalendar = CP_refreshCalendar; | |
| 1014 | - c.getCalendar = CP_getCalendar; | |
| 1015 | - c.select = CP_select; | |
| 1016 | - c.setCssPrefix = CP_setCssPrefix; | |
| 1017 | - c.showNavigationDropdowns = CP_showNavigationDropdowns; | |
| 1018 | - c.showYearNavigationInput = CP_showYearNavigationInput; | |
| 1019 | - c.copyMonthNamesToWindow(); | |
| 1020 | - // Return the object | |
| 1021 | - return c; | |
| 1022 | - } | |
| 1023 | -function CP_copyMonthNamesToWindow() { | |
| 1024 | - // Copy these values over to the date.js | |
| 1025 | - if (typeof(window.MONTH_NAMES)!="undefined" && window.MONTH_NAMES!=null) { | |
| 1026 | - window.MONTH_NAMES = new Array(); | |
| 1027 | - for (var i=0; i<this.monthNames.length; i++) { | |
| 1028 | - window.MONTH_NAMES[window.MONTH_NAMES.length] = this.monthNames[i]; | |
| 1029 | - } | |
| 1030 | - for (var i=0; i<this.monthAbbreviations.length; i++) { | |
| 1031 | - window.MONTH_NAMES[window.MONTH_NAMES.length] = this.monthAbbreviations[i]; | |
| 1032 | - } | |
| 1033 | - } | |
| 1034 | -} | |
| 1035 | -// Temporary default functions to be called when items clicked, so no error is thrown | |
| 1036 | -function CP_tmpReturnFunction(y,m,d) { | |
| 1037 | - if (window.CP_targetInput!=null) { | |
| 1038 | - var dt = new Date(y,m-1,d,0,0,0); | |
| 1039 | - if (window.CP_calendarObject!=null) { window.CP_calendarObject.copyMonthNamesToWindow(); } | |
| 1040 | - window.CP_targetInput.value = formatDate(dt,window.CP_dateFormat); | |
| 1041 | - // Kieran - fixed issue with end date not becoming begin date after begin date is set | |
| 1042 | - if (CP_targetInput.name == 'event_begin') { | |
| 1043 | - document.forms['quoteform'].event_end.value = formatDate(dt,window.CP_dateFormat); | |
| 1044 | - } | |
| 1045 | - } | |
| 1046 | - else { | |
| 1047 | - alert('Use setReturnFunction() to define which function will get the clicked results!'); | |
| 1048 | - } | |
| 1049 | - } | |
| 1050 | -function CP_tmpReturnMonthFunction(y,m) { | |
| 1051 | - alert('Use setReturnMonthFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , month='+m); | |
| 1052 | - } | |
| 1053 | -function CP_tmpReturnQuarterFunction(y,q) { | |
| 1054 | - alert('Use setReturnQuarterFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , quarter='+q); | |
| 1055 | - } | |
| 1056 | -function CP_tmpReturnYearFunction(y) { | |
| 1057 | - alert('Use setReturnYearFunction() to define which function will get the clicked results!\nYou clicked: year='+y); | |
| 1058 | - } | |
| 1059 | - | |
| 1060 | -// Set the name of the functions to call to get the clicked item | |
| 1061 | -function CP_setReturnFunction(name) { this.returnFunction = name; } | |
| 1062 | -function CP_setReturnMonthFunction(name) { this.returnMonthFunction = name; } | |
| 1063 | -function CP_setReturnQuarterFunction(name) { this.returnQuarterFunction = name; } | |
| 1064 | -function CP_setReturnYearFunction(name) { this.returnYearFunction = name; } | |
| 1065 | - | |
| 1066 | -// Over-ride the built-in month names | |
| 1067 | -function CP_setMonthNames() { | |
| 1068 | - for (var i=0; i<arguments.length; i++) { this.monthNames[i] = arguments[i]; } | |
| 1069 | - this.copyMonthNamesToWindow(); | |
| 1070 | - } | |
| 1071 | - | |
| 1072 | -// Over-ride the built-in month abbreviations | |
| 1073 | -function CP_setMonthAbbreviations() { | |
| 1074 | - for (var i=0; i<arguments.length; i++) { this.monthAbbreviations[i] = arguments[i]; } | |
| 1075 | - this.copyMonthNamesToWindow(); | |
| 1076 | - } | |
| 1077 | - | |
| 1078 | -// Over-ride the built-in column headers for each day | |
| 1079 | -function CP_setDayHeaders() { | |
| 1080 | - for (var i=0; i<arguments.length; i++) { this.dayHeaders[i] = arguments[i]; } | |
| 1081 | - } | |
| 1082 | - | |
| 1083 | -// Set the day of the week (0-7) that the calendar display starts on | |
| 1084 | -// This is for countries other than the US whose calendar displays start on Monday(1), for example | |
| 1085 | -function CP_setWeekStartDay(day) { this.weekStartDay = day; } | |
| 1086 | - | |
| 1087 | -// Show next/last year navigation links | |
| 1088 | -function CP_showYearNavigation() { this.isShowYearNavigation = (arguments.length>0)?arguments[0]:true; } | |
| 1089 | - | |
| 1090 | -// Which type of calendar to display | |
| 1091 | -function CP_setDisplayType(type) { | |
| 1092 | - if (type!="date"&&type!="week-end"&&type!="month"&&type!="quarter"&&type!="year") { alert("Invalid display type! Must be one of: date,week-end,month,quarter,year"); return false; } | |
| 1093 | - this.displayType=type; | |
| 1094 | - } | |
| 1095 | - | |
| 1096 | -// How many years back to start by default for year display | |
| 1097 | -function CP_setYearSelectStartOffset(num) { this.yearSelectStartOffset=num; } | |
| 1098 | - | |
| 1099 | -// Set which weekdays should not be clickable | |
| 1100 | -function CP_setDisabledWeekDays() { | |
| 1101 | - this.disabledWeekDays = new Object(); | |
| 1102 | - for (var i=0; i<arguments.length; i++) { this.disabledWeekDays[arguments[i]] = true; } | |
| 1103 | - } | |
| 1104 | - | |
| 1105 | -// Disable individual dates or ranges | |
| 1106 | -// Builds an internal logical test which is run via eval() for efficiency | |
| 1107 | -function CP_addDisabledDates(start, end) { | |
| 1108 | - if (arguments.length==1) { end=start; } | |
| 1109 | - if (start==null && end==null) { return; } | |
| 1110 | - if (this.disabledDatesExpression!="") { this.disabledDatesExpression+= "||"; } | |
| 1111 | - if (start!=null) { start = parseDate(start); start=""+start.getFullYear()+LZ(start.getMonth()+1)+LZ(start.getDate());} | |
| 1112 | - if (end!=null) { end=parseDate(end); end=""+end.getFullYear()+LZ(end.getMonth()+1)+LZ(end.getDate());} | |
| 1113 | - if (start==null) { this.disabledDatesExpression+="(ds<="+end+")"; } | |
| 1114 | - else if (end ==null) { this.disabledDatesExpression+="(ds>="+start+")"; } | |
| 1115 | - else { this.disabledDatesExpression+="(ds>="+start+"&&ds<="+end+")"; } | |
| 1116 | - } | |
| 1117 | - | |
| 1118 | -// Set the text to use for the "Today" link | |
| 1119 | -function CP_setTodayText(text) { | |
| 1120 | - this.todayText = text; | |
| 1121 | - } | |
| 1122 | - | |
| 1123 | -// Set the prefix to be added to all CSS classes when writing output | |
| 1124 | -function CP_setCssPrefix(val) { | |
| 1125 | - this.cssPrefix = val; | |
| 1126 | - } | |
| 1127 | - | |
| 1128 | -// Show the navigation as an dropdowns that can be manually changed | |
| 1129 | -function CP_showNavigationDropdowns() { this.isShowNavigationDropdowns = (arguments.length>0)?arguments[0]:true; } | |
| 1130 | - | |
| 1131 | -// Show the year navigation as an input box that can be manually changed | |
| 1132 | -function CP_showYearNavigationInput() { this.isShowYearNavigationInput = (arguments.length>0)?arguments[0]:true; } | |
| 1133 | - | |
| 1134 | -// Hide a calendar object | |
| 1135 | -function CP_hideCalendar() { | |
| 1136 | - if (arguments.length > 0) { window.popupWindowObjects[arguments[0]].hidePopup(); } | |
| 1137 | - else { this.hidePopup(); } | |
| 1138 | - } | |
| 1139 | - | |
| 1140 | -// Refresh the contents of the calendar display | |
| 1141 | -function CP_refreshCalendar(index) { | |
| 1142 | - var calObject = window.popupWindowObjects[index]; | |
| 1143 | - if (arguments.length>1) { | |
| 1144 | - calObject.populate(calObject.getCalendar(arguments[1],arguments[2],arguments[3],arguments[4],arguments[5])); | |
| 1145 | - } | |
| 1146 | - else { | |
| 1147 | - calObject.populate(calObject.getCalendar()); | |
| 1148 | - } | |
| 1149 | - calObject.refresh(); | |
| 1150 | - } | |
| 1151 | - | |
| 1152 | -// Populate the calendar and display it | |
| 1153 | -function CP_showCalendar(anchorname) { | |
| 1154 | - if (arguments.length>1) { | |
| 1155 | - if (arguments[1]==null||arguments[1]=="") { | |
| 1156 | - this.currentDate=new Date(); | |
| 1157 | - } | |
| 1158 | - else { | |
| 1159 | - this.currentDate=new Date(parseDate(arguments[1])); | |
| 1160 | - } | |
| 1161 | - } | |
| 1162 | - this.populate(this.getCalendar()); | |
| 1163 | - this.showPopup(anchorname); | |
| 1164 | - } | |
| 1165 | - | |
| 1166 | -// Simple method to interface popup calendar with a text-entry box | |
| 1167 | -function CP_select(inputobj, linkname, format) { | |
| 1168 | - var selectedDate=(arguments.length>3)?arguments[3]:null; | |
| 1169 | - if (!window.getDateFromFormat) { | |
| 1170 | - alert("calendar.select: To use this method you must also include 'date.js' for date formatting"); | |
| 1171 | - return; | |
| 1172 | - } | |
| 1173 | - if (this.displayType!="date"&&this.displayType!="week-end") { | |
| 1174 | - alert("calendar.select: This function can only be used with displayType 'date' or 'week-end'"); | |
| 1175 | - return; | |
| 1176 | - } | |
| 1177 | - if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea") { | |
| 1178 | - alert("calendar.select: Input object passed is not a valid form input object"); | |
| 1179 | - window.CP_targetInput=null; | |
| 1180 | - return; | |
| 1181 | - } | |
| 1182 | - if (inputobj.disabled) { return; } // Can't use calendar input on disabled form input! | |
| 1183 | - window.CP_targetInput = inputobj; | |
| 1184 | - window.CP_calendarObject = this; | |
| 1185 | - this.currentDate=null; | |
| 1186 | - var time=0; | |
| 1187 | - if (selectedDate!=null) { | |
| 1188 | - time = getDateFromFormat(selectedDate,format) | |
| 1189 | - } | |
| 1190 | - else if (inputobj.value!="") { | |
| 1191 | - time = getDateFromFormat(inputobj.value,format); | |
| 1192 | - } | |
| 1193 | - if (selectedDate!=null || inputobj.value!="") { | |
| 1194 | - if (time==0) { this.currentDate=null; } | |
| 1195 | - else { this.currentDate=new Date(time); } | |
| 1196 | - } | |
| 1197 | - window.CP_dateFormat = format; | |
| 1198 | - this.showCalendar(linkname); | |
| 1199 | - } | |
| 1200 | - | |
| 1201 | -// Get style block needed to display the calendar correctly | |
| 1202 | -function getCalendarStyles() { | |
| 1203 | - var result = ""; | |
| 1204 | - var p = ""; | |
| 1205 | - if (this!=null && typeof(this.cssPrefix)!="undefined" && this.cssPrefix!=null && this.cssPrefix!="") { p=this.cssPrefix; } | |
| 1206 | - result += "<STYLE>\n"; | |
| 1207 | - result += "."+p+"cpYearNavigation,."+p+"cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; }\n"; | |
| 1208 | - result += "."+p+"cpDayColumnHeader, ."+p+"cpYearNavigation,."+p+"cpMonthNavigation,."+p+"cpCurrentMonthDate,."+p+"cpCurrentMonthDateDisabled,."+p+"cpOtherMonthDate,."+p+"cpOtherMonthDateDisabled,."+p+"cpCurrentDate,."+p+"cpCurrentDateDisabled,."+p+"cpTodayText,."+p+"cpTodayTextDisabled,."+p+"cpText { font-family:arial; font-size:8pt; }\n"; | |
| 1209 | - result += "TD."+p+"cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }\n"; | |
| 1210 | - result += "."+p+"cpCurrentMonthDate, ."+p+"cpOtherMonthDate, ."+p+"cpCurrentDate { text-align:right; text-decoration:none; }\n"; | |
| 1211 | - result += "."+p+"cpCurrentMonthDateDisabled, ."+p+"cpOtherMonthDateDisabled, ."+p+"cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }\n"; | |
| 1212 | - result += "."+p+"cpCurrentMonthDate, .cpCurrentDate { color:#000000; }\n"; | |
| 1213 | - result += "."+p+"cpOtherMonthDate { color:#808080; }\n"; | |
| 1214 | - result += "TD."+p+"cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }\n"; | |
| 1215 | - result += "TD."+p+"cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }\n"; | |
| 1216 | - result += "TD."+p+"cpTodayText, TD."+p+"cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}\n"; | |
| 1217 | - result += "A."+p+"cpTodayText, SPAN."+p+"cpTodayTextDisabled { height:20px; }\n"; | |
| 1218 | - result += "A."+p+"cpTodayText { color:black; }\n"; | |
| 1219 | - result += "."+p+"cpTodayTextDisabled { color:#D0D0D0; }\n"; | |
| 1220 | - result += "."+p+"cpBorder { border:solid thin #808080; }\n"; | |
| 1221 | - result += "</STYLE>\n"; | |
| 1222 | - return result; | |
| 1223 | - } | |
| 1224 | - | |
| 1225 | -// Return a string containing all the calendar code to be displayed | |
| 1226 | -function CP_getCalendar() { | |
| 1227 | - var now = new Date(); | |
| 1228 | - // Reference to window | |
| 1229 | - if (this.type == "WINDOW") { var windowref = "window.opener."; } | |
| 1230 | - else { var windowref = ""; } | |
| 1231 | - var result = ""; | |
| 1232 | - // If POPUP, write entire HTML document | |
| 1233 | - if (this.type == "WINDOW") { | |
| 1234 | - result += "<HTML><HEAD><TITLE>Calendar</TITLE>"+this.getStyles()+"</HEAD><BODY MARGINWIDTH=0 MARGINHEIGHT=0 TOPMARGIN=0 RIGHTMARGIN=0 LEFTMARGIN=0>\n"; | |
| 1235 | - result += '<CENTER><TABLE WIDTH=100% BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>\n'; | |
| 1236 | - } | |
| 1237 | - else { | |
| 1238 | - result += '<TABLE CLASS="'+this.cssPrefix+'cpBorder" WIDTH=144 BORDER=1 BORDERWIDTH=1 CELLSPACING=0 CELLPADDING=1>\n'; | |
| 1239 | - result += '<TR><TD ALIGN=CENTER>\n'; | |
| 1240 | - result += '<CENTER>\n'; | |
| 1241 | - } | |
| 1242 | - // Code for DATE display (default) | |
| 1243 | - // ------------------------------- | |
| 1244 | - if (this.displayType=="date" || this.displayType=="week-end") { | |
| 1245 | - if (this.currentDate==null) { this.currentDate = now; } | |
| 1246 | - if (arguments.length > 0) { var month = arguments[0]; } | |
| 1247 | - else { var month = this.currentDate.getMonth()+1; } | |
| 1248 | - if (arguments.length > 1 && arguments[1]>0 && arguments[1]-0==arguments[1]) { var year = arguments[1]; } | |
| 1249 | - else { var year = this.currentDate.getFullYear(); } | |
| 1250 | - var daysinmonth= new Array(0,31,28,31,30,31,30,31,31,30,31,30,31); | |
| 1251 | - if ( ( (year%4 == 0)&&(year%100 != 0) ) || (year%400 == 0) ) { | |
| 1252 | - daysinmonth[2] = 29; | |
| 1253 | - } | |
| 1254 | - var current_month = new Date(year,month-1,1); | |
| 1255 | - var display_year = year; | |
| 1256 | - var display_month = month; | |
| 1257 | - var display_date = 1; | |
| 1258 | - var weekday= current_month.getDay(); | |
| 1259 | - var offset = 0; | |
| 1260 | - | |
| 1261 | - offset = (weekday >= this.weekStartDay) ? weekday-this.weekStartDay : 7-this.weekStartDay+weekday ; | |
| 1262 | - if (offset > 0) { | |
| 1263 | - display_month--; | |
| 1264 | - if (display_month < 1) { display_month = 12; display_year--; } | |
| 1265 | - display_date = daysinmonth[display_month]-offset+1; | |
| 1266 | - } | |
| 1267 | - var next_month = month+1; | |
| 1268 | - var next_month_year = year; | |
| 1269 | - if (next_month > 12) { next_month=1; next_month_year++; } | |
| 1270 | - var last_month = month-1; | |
| 1271 | - var last_month_year = year; | |
| 1272 | - if (last_month < 1) { last_month=12; last_month_year--; } | |
| 1273 | - var date_class; | |
| 1274 | - if (this.type!="WINDOW") { | |
| 1275 | - result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>"; | |
| 1276 | - } | |
| 1277 | - result += '<TR>\n'; | |
| 1278 | - var refresh = windowref+'CP_refreshCalendar'; | |
| 1279 | - var refreshLink = 'javascript:' + refresh; | |
| 1280 | - if (this.isShowNavigationDropdowns) { | |
| 1281 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="78" COLSPAN="3"><select CLASS="'+this.cssPrefix+'cpMonthNavigation" name="cpMonth" onChange="'+refresh+'('+this.index+',this.options[this.selectedIndex].value-0,'+(year-0)+');">'; | |
| 1282 | - for( var monthCounter=1; monthCounter<=12; monthCounter++ ) { | |
| 1283 | - var selected = (monthCounter==month) ? 'SELECTED' : ''; | |
| 1284 | - result += '<option value="'+monthCounter+'" '+selected+'>'+this.monthNames[monthCounter-1]+'</option>'; | |
| 1285 | - } | |
| 1286 | - result += '</select></TD>'; | |
| 1287 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"> </TD>'; | |
| 1288 | - | |
| 1289 | - result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="56" COLSPAN="3"><select CLASS="'+this.cssPrefix+'cpYearNavigation" name="cpYear" onChange="'+refresh+'('+this.index+','+month+',this.options[this.selectedIndex].value-0);">'; | |
| 1290 | - for( var yearCounter=year-this.yearSelectStartOffset; yearCounter<=year+this.yearSelectStartOffset; yearCounter++ ) { | |
| 1291 | - var selected = (yearCounter==year) ? 'SELECTED' : ''; | |
| 1292 | - result += '<option value="'+yearCounter+'" '+selected+'>'+yearCounter+'</option>'; | |
| 1293 | - } | |
| 1294 | - result += '</select></TD>'; | |
| 1295 | - } | |
| 1296 | - else { | |
| 1297 | - if (this.isShowYearNavigation) { | |
| 1298 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+last_month+','+last_month_year+');"><</A></TD>'; | |
| 1299 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="58"><SPAN CLASS="'+this.cssPrefix+'cpMonthNavigation">'+this.monthNames[month-1]+'</SPAN></TD>'; | |
| 1300 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+next_month+','+next_month_year+');">></A></TD>'; | |
| 1301 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"> </TD>'; | |
| 1302 | - | |
| 1303 | - result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="'+refreshLink+'('+this.index+','+month+','+(year-1)+');"><</A></TD>'; | |
| 1304 | - if (this.isShowYearNavigationInput) { | |
| 1305 | - result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="36"><INPUT NAME="cpYear" CLASS="'+this.cssPrefix+'cpYearNavigation" SIZE="4" MAXLENGTH="4" VALUE="'+year+'" onBlur="'+refresh+'('+this.index+','+month+',this.value-0);"></TD>'; | |
| 1306 | - } | |
| 1307 | - else { | |
| 1308 | - result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="36"><SPAN CLASS="'+this.cssPrefix+'cpYearNavigation">'+year+'</SPAN></TD>'; | |
| 1309 | - } | |
| 1310 | - result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="'+refreshLink+'('+this.index+','+month+','+(year+1)+');">></A></TD>'; | |
| 1311 | - } | |
| 1312 | - else { | |
| 1313 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+last_month+','+last_month_year+');"><<</A></TD>\n'; | |
| 1314 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="100"><SPAN CLASS="'+this.cssPrefix+'cpMonthNavigation">'+this.monthNames[month-1]+' '+year+'</SPAN></TD>\n'; | |
| 1315 | - result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+next_month+','+next_month_year+');">>></A></TD>\n'; | |
| 1316 | - } | |
| 1317 | - } | |
| 1318 | - result += '</TR></TABLE>\n'; | |
| 1319 | - result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=0 CELLPADDING=1 ALIGN=CENTER>\n'; | |
| 1320 | - result += '<TR>\n'; | |
| 1321 | - for (var j=0; j<7; j++) { | |
| 1322 | - | |
| 1323 | - result += '<TD CLASS="'+this.cssPrefix+'cpDayColumnHeader" WIDTH="14%"><SPAN CLASS="'+this.cssPrefix+'cpDayColumnHeader">'+this.dayHeaders[(this.weekStartDay+j)%7]+'</TD>\n'; | |
| 1324 | - } | |
| 1325 | - result += '</TR>\n'; | |
| 1326 | - for (var row=1; row<=6; row++) { | |
| 1327 | - result += '<TR>\n'; | |
| 1328 | - for (var col=1; col<=7; col++) { | |
| 1329 | - var disabled=false; | |
| 1330 | - if (this.disabledDatesExpression!="") { | |
| 1331 | - var ds=""+display_year+LZ(display_month)+LZ(display_date); | |
| 1332 | - eval("disabled=("+this.disabledDatesExpression+")"); | |
| 1333 | - } | |
| 1334 | - var dateClass = ""; | |
| 1335 | - if ((display_month == this.currentDate.getMonth()+1) && (display_date==this.currentDate.getDate()) && (display_year==this.currentDate.getFullYear())) { | |
| 1336 | - dateClass = "cpCurrentDate"; | |
| 1337 | - } | |
| 1338 | - else if (display_month == month) { | |
| 1339 | - dateClass = "cpCurrentMonthDate"; | |
| 1340 | - } | |
| 1341 | - else { | |
| 1342 | - dateClass = "cpOtherMonthDate"; | |
| 1343 | - } | |
| 1344 | - if (disabled || this.disabledWeekDays[col-1]) { | |
| 1345 | - result += ' <TD CLASS="'+this.cssPrefix+dateClass+'"><SPAN CLASS="'+this.cssPrefix+dateClass+'Disabled">'+display_date+'</SPAN></TD>\n'; | |
| 1346 | - } | |
| 1347 | - else { | |
| 1348 | - var selected_date = display_date; | |
| 1349 | - var selected_month = display_month; | |
| 1350 | - var selected_year = display_year; | |
| 1351 | - if (this.displayType=="week-end") { | |
| 1352 | - var d = new Date(selected_year,selected_month-1,selected_date,0,0,0,0); | |
| 1353 | - d.setDate(d.getDate() + (7-col)); | |
| 1354 | - selected_year = d.getYear(); | |
| 1355 | - if (selected_year < 1000) { selected_year += 1900; } | |
| 1356 | - selected_month = d.getMonth()+1; | |
| 1357 | - selected_date = d.getDate(); | |
| 1358 | - } | |
| 1359 | - result += ' <TD CLASS="'+this.cssPrefix+dateClass+'"><A HREF="javascript:'+windowref+this.returnFunction+'('+selected_year+','+selected_month+','+selected_date+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+this.cssPrefix+dateClass+'">'+display_date+'</A></TD>\n'; | |
| 1360 | - } | |
| 1361 | - display_date++; | |
| 1362 | - if (display_date > daysinmonth[display_month]) { | |
| 1363 | - display_date=1; | |
| 1364 | - display_month++; | |
| 1365 | - } | |
| 1366 | - if (display_month > 12) { | |
| 1367 | - display_month=1; | |
| 1368 | - display_year++; | |
| 1369 | - } | |
| 1370 | - } | |
| 1371 | - result += '</TR>'; | |
| 1372 | - } | |
| 1373 | - var current_weekday = now.getDay() - this.weekStartDay; | |
| 1374 | - if (current_weekday < 0) { | |
| 1375 | - current_weekday += 7; | |
| 1376 | - } | |
| 1377 | - result += '<TR>\n'; | |
| 1378 | - result += ' <TD COLSPAN=7 ALIGN=CENTER CLASS="'+this.cssPrefix+'cpTodayText">\n'; | |
| 1379 | - if (this.disabledDatesExpression!="") { | |
| 1380 | - var ds=""+now.getFullYear()+LZ(now.getMonth()+1)+LZ(now.getDate()); | |
| 1381 | - eval("disabled=("+this.disabledDatesExpression+")"); | |
| 1382 | - } | |
| 1383 | - if (disabled || this.disabledWeekDays[current_weekday+1]) { | |
| 1384 | - result += ' <SPAN CLASS="'+this.cssPrefix+'cpTodayTextDisabled">'+this.todayText+'</SPAN>\n'; | |
| 1385 | - } | |
| 1386 | - else { | |
| 1387 | - result += ' <A CLASS="'+this.cssPrefix+'cpTodayText" HREF="javascript:'+windowref+this.returnFunction+'(\''+now.getFullYear()+'\',\''+(now.getMonth()+1)+'\',\''+now.getDate()+'\');'+windowref+'CP_hideCalendar(\''+this.index+'\');">'+this.todayText+'</A>\n'; | |
| 1388 | - } | |
| 1389 | - result += ' <BR>\n'; | |
| 1390 | - result += ' </TD></TR></TABLE></CENTER></TD></TR></TABLE>\n'; | |
| 1391 | - } | |
| 1392 | - | |
| 1393 | - // Code common for MONTH, QUARTER, YEAR | |
| 1394 | - // ------------------------------------ | |
| 1395 | - if (this.displayType=="month" || this.displayType=="quarter" || this.displayType=="year") { | |
| 1396 | - if (arguments.length > 0) { var year = arguments[0]; } | |
| 1397 | - else { | |
| 1398 | - if (this.displayType=="year") { var year = now.getFullYear()-this.yearSelectStartOffset; } | |
| 1399 | - else { var year = now.getFullYear(); } | |
| 1400 | - } | |
| 1401 | - if (this.displayType!="year" && this.isShowYearNavigation) { | |
| 1402 | - result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>"; | |
| 1403 | - result += '<TR>\n'; | |
| 1404 | - result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year-1)+');"><<</A></TD>\n'; | |
| 1405 | - result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="100">'+year+'</TD>\n'; | |
| 1406 | - result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year+1)+');">>></A></TD>\n'; | |
| 1407 | - result += '</TR></TABLE>\n'; | |
| 1408 | - } | |
| 1409 | - } | |
| 1410 | - | |
| 1411 | - // Code for MONTH display | |
| 1412 | - // ---------------------- | |
| 1413 | - if (this.displayType=="month") { | |
| 1414 | - // If POPUP, write entire HTML document | |
| 1415 | - result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n'; | |
| 1416 | - for (var i=0; i<4; i++) { | |
| 1417 | - result += '<TR>'; | |
| 1418 | - for (var j=0; j<3; j++) { | |
| 1419 | - var monthindex = ((i*3)+j); | |
| 1420 | - result += '<TD WIDTH=33% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnMonthFunction+'('+year+','+(monthindex+1)+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">'+this.monthAbbreviations[monthindex]+'</A></TD>'; | |
| 1421 | - } | |
| 1422 | - result += '</TR>'; | |
| 1423 | - } | |
| 1424 | - result += '</TABLE></CENTER></TD></TR></TABLE>\n'; | |
| 1425 | - } | |
| 1426 | - | |
| 1427 | - // Code for QUARTER display | |
| 1428 | - // ------------------------ | |
| 1429 | - if (this.displayType=="quarter") { | |
| 1430 | - result += '<BR><TABLE WIDTH=120 BORDER=1 CELLSPACING=0 CELLPADDING=0 ALIGN=CENTER>\n'; | |
| 1431 | - for (var i=0; i<2; i++) { | |
| 1432 | - result += '<TR>'; | |
| 1433 | - for (var j=0; j<2; j++) { | |
| 1434 | - var quarter = ((i*2)+j+1); | |
| 1435 | - result += '<TD WIDTH=50% ALIGN=CENTER><BR><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnQuarterFunction+'('+year+','+quarter+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">Q'+quarter+'</A><BR><BR></TD>'; | |
| 1436 | - } | |
| 1437 | - result += '</TR>'; | |
| 1438 | - } | |
| 1439 | - result += '</TABLE></CENTER></TD></TR></TABLE>\n'; | |
| 1440 | - } | |
| 1441 | - | |
| 1442 | - // Code for YEAR display | |
| 1443 | - // --------------------- | |
| 1444 | - if (this.displayType=="year") { | |
| 1445 | - var yearColumnSize = 4; | |
| 1446 | - result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>"; | |
| 1447 | - result += '<TR>\n'; | |
| 1448 | - result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year-(yearColumnSize*2))+');"><<</A></TD>\n'; | |
| 1449 | - result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar('+this.index+','+(year+(yearColumnSize*2))+');">>></A></TD>\n'; | |
| 1450 | - result += '</TR></TABLE>\n'; | |
| 1451 | - result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n'; | |
| 1452 | - for (var i=0; i<yearColumnSize; i++) { | |
| 1453 | - for (var j=0; j<2; j++) { | |
| 1454 | - var currentyear = year+(j*yearColumnSize)+i; | |
| 1455 | - result += '<TD WIDTH=50% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnYearFunction+'('+currentyear+');'+windowref+'CP_hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">'+currentyear+'</A></TD>'; | |
| 1456 | - } | |
| 1457 | - result += '</TR>'; | |
| 1458 | - } | |
| 1459 | - result += '</TABLE></CENTER></TD></TR></TABLE>\n'; | |
| 1460 | - } | |
| 1461 | - // Common | |
| 1462 | - if (this.type == "WINDOW") { | |
| 1463 | - result += "</BODY></HTML>\n"; | |
| 1464 | - } | |
| 1465 | - return result; | |
| 1466 | - } | |
| 1467 | - | |
| 1 | +/* | |
| 2 | + * CalendarJS v1.5 | |
| 3 | + * | |
| 4 | + * Copyright 2011-2012, Dimitar Ivanov (http://www.bulgaria-web-developers.com/projects/javascript/calendar/) | |
| 5 | + * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL Version 3 | |
| 6 | + * (http://www.opensource.org/licenses/gpl-3.0.html) license. | |
| 7 | + * | |
| 8 | + * Date: Thu Jul 26 23:15:56 2012 +0300 | |
| 9 | + */ | |
| 10 | +(function (window, undefined) { | |
| 11 | + var now = new Date(), | |
| 12 | + today = [now.getFullYear(), now.getMonth(), now.getDate()].join('-'), | |
| 13 | + midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate()), | |
| 14 | + d = window.document; | |
| 15 | + | |
| 16 | + function Calendar(options) { | |
| 17 | + this.version = "1.5"; | |
| 18 | + this.isOpen = false; | |
| 19 | + this.focus = false; | |
| 20 | + this.id = null; | |
| 21 | + this.container = null; | |
| 22 | + this.element = null; | |
| 23 | + this.selectedDate = null; | |
| 24 | + this.opts = { | |
| 25 | + year: new Date().getFullYear(), | |
| 26 | + month: new Date().getMonth(), | |
| 27 | + dayNames: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], | |
| 28 | + dayNamesFull: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], | |
| 29 | + monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], | |
| 30 | + monthNamesFull: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], | |
| 31 | + startDay: 0, | |
| 32 | + weekNumbers: false, | |
| 33 | + selectOtherMonths: false, | |
| 34 | + showOtherMonths: true, | |
| 35 | + showNavigation: true, | |
| 36 | + months: 1, | |
| 37 | + inline: false, | |
| 38 | + disablePast: false, | |
| 39 | + dateFormat: 'Y-m-d', | |
| 40 | + position: 'right', | |
| 41 | + minDate: null, | |
| 42 | + onBeforeOpen: function () {}, | |
| 43 | + onBeforeClose: function () {}, | |
| 44 | + onOpen: function () {}, | |
| 45 | + onClose: function () {}, | |
| 46 | + onSelect: function () {}, | |
| 47 | + onBeforeShowDay: function () { | |
| 48 | + return [true, '']; | |
| 49 | + } | |
| 50 | + }; | |
| 51 | + for (var key in options) { | |
| 52 | + if (options.hasOwnProperty(key)) { | |
| 53 | + this.opts[key] = options[key]; | |
| 54 | + } | |
| 55 | + } | |
| 56 | + this.init.call(this); | |
| 57 | + } | |
| 58 | + /* Static functions */ | |
| 59 | + Calendar.Util = { | |
| 60 | + addClass: function (ele, cls) { | |
| 61 | + if (ele && !this.hasClass(ele, cls)) { | |
| 62 | + ele.className += ele.className.length > 0 ? " " + cls : cls; | |
| 63 | + } | |
| 64 | + }, | |
| 65 | + hasClass: function (ele, cls) { | |
| 66 | + if (ele && typeof ele.className != 'undefined' && typeof ele.nodeType != 'undefined' && ele.nodeType === 1) { | |
| 67 | + return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); | |
| 68 | + } | |
| 69 | + return false; | |
| 70 | + }, | |
| 71 | + removeClass: function (ele, cls) { | |
| 72 | + if (this.hasClass(ele, cls)) { | |
| 73 | + var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)'); | |
| 74 | + ele.className = ele.className.replace(reg, ' '); | |
| 75 | + } | |
| 76 | + }, | |
| 77 | + addEvent: function (obj, type, fn) { | |
| 78 | + if (obj.addEventListener) { | |
| 79 | + obj.addEventListener(type, fn, false); | |
| 80 | + } else if (obj.attachEvent) { | |
| 81 | + obj["e" + type + fn] = fn; | |
| 82 | + obj[type + fn] = function () { | |
| 83 | + obj["e" + type + fn](window.event); | |
| 84 | + }; | |
| 85 | + obj.attachEvent("on" + type, obj[type + fn]); | |
| 86 | + } else { | |
| 87 | + obj["on" + type] = obj["e" + type + fn]; | |
| 88 | + } | |
| 89 | + }, | |
| 90 | + getElementsByClass: function (searchClass, node, tag) { | |
| 91 | + var classElements = []; | |
| 92 | + if (node === null) { | |
| 93 | + node = d; | |
| 94 | + } | |
| 95 | + if (tag === null) { | |
| 96 | + tag = '*'; | |
| 97 | + } | |
| 98 | + var els = node.getElementsByTagName(tag); | |
| 99 | + var elsLen = els.length; | |
| 100 | + var pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)"); | |
| 101 | + for (var i = 0, j = 0; i < elsLen; i++) { | |
| 102 | + if (pattern.test(els[i].className)) { | |
| 103 | + classElements[j] = els[i]; | |
| 104 | + j++; | |
| 105 | + } | |
| 106 | + } | |
| 107 | + return classElements; | |
| 108 | + }, | |
| 109 | + getEventTarget: function (e) { | |
| 110 | + var targ; | |
| 111 | + if (!e) { | |
| 112 | + e = window.event; | |
| 113 | + } | |
| 114 | + if (e.target) { | |
| 115 | + targ = e.target; | |
| 116 | + } else if (e.srcElement) { | |
| 117 | + targ = e.srcElement; | |
| 118 | + } | |
| 119 | + if (targ.nodeType == 3) { | |
| 120 | + targ = targ.parentNode; | |
| 121 | + } | |
| 122 | + return targ; | |
| 123 | + } | |
| 124 | + }; | |
| 125 | + /* Private functions */ | |
| 126 | + function emptyRow(weekNumbers) { | |
| 127 | + var i, cell, cols = weekNumbers ? 8 : 7, | |
| 128 | + row = d.createElement('tr'); | |
| 129 | + for (i = 0; i < cols; i++) { | |
| 130 | + cell = d.createElement('td'); | |
| 131 | + Calendar.Util.addClass(cell, 'bcal-empty'); | |
| 132 | + row.appendChild(cell); | |
| 133 | + } | |
| 134 | + return row; | |
| 135 | + } | |
| 136 | + /** | |
| 137 | + * @param Object obj | |
| 138 | + * @return Array | |
| 139 | + */ | |
| 140 | + function findPos(obj) { | |
| 141 | + var curleft = 0, curtop = 0; | |
| 142 | + if (obj.offsetParent) { | |
| 143 | + do { | |
| 144 | + curleft += obj.offsetLeft; | |
| 145 | + curtop += obj.offsetTop; | |
| 146 | + } while (obj = obj.offsetParent); | |
| 147 | + return [curleft, curtop]; | |
| 148 | + } | |
| 149 | + } | |
| 150 | + /** | |
| 151 | + * @param Number i | |
| 152 | + * @param Number month | |
| 153 | + * @return Number | |
| 154 | + */ | |
| 155 | + function getIndex(i, months) { | |
| 156 | + if (i > 0 && i < months - 1) { | |
| 157 | + return 0; | |
| 158 | + } else if (i > 0 && i === months - 1) { | |
| 159 | + return 2; | |
| 160 | + } else if (i === 0 && i === months - 1) { | |
| 161 | + return 3; | |
| 162 | + } else if (i === 0 && i < months - 1) { | |
| 163 | + return 1; | |
| 164 | + } | |
| 165 | + } | |
| 166 | + /** | |
| 167 | + * Format date | |
| 168 | + * | |
| 169 | + * @param String format | |
| 170 | + * @param Number date | |
| 171 | + * @return String | |
| 172 | + */ | |
| 173 | + function _formatDate(format, date) { | |
| 174 | + | |
| 175 | + function pad(input) { | |
| 176 | + return (input + "").length === 2 ? input : "0" + input; | |
| 177 | + } | |
| 178 | + | |
| 179 | + var i, len, f, | |
| 180 | + output = [], | |
| 181 | + dt = new Date(date); | |
| 182 | + for (i = 0, len = format.length; i < len; i++) { | |
| 183 | + f = format.charAt(i); | |
| 184 | + switch (f) { | |
| 185 | + case 'Y': | |
| 186 | + output.push(dt.getFullYear()); | |
| 187 | + break; | |
| 188 | + case 'y': | |
| 189 | + output.push((dt.getFullYear() + "").slice(-2)); | |
| 190 | + break; | |
| 191 | + case 'm': | |
| 192 | + output.push(pad(dt.getMonth() + 1)); | |
| 193 | + break; | |
| 194 | + case 'n': | |
| 195 | + output.push(dt.getMonth() + 1); | |
| 196 | + break; | |
| 197 | + case 'F': | |
| 198 | + output.push(this.opts.monthNamesFull[dt.getMonth()]); | |
| 199 | + break; | |
| 200 | + case 'M': | |
| 201 | + output.push(this.opts.monthNames[dt.getMonth()]); | |
| 202 | + break; | |
| 203 | + case 'd': | |
| 204 | + output.push(pad(dt.getDate())); | |
| 205 | + break; | |
| 206 | + case 'j': | |
| 207 | + output.push(dt.getDate()); | |
| 208 | + break; | |
| 209 | + case 'D': | |
| 210 | + output.push(this.opts.dayNamesFull[dt.getDay()].slice(0, 3)); | |
| 211 | + break; | |
| 212 | + case 'l': | |
| 213 | + output.push(this.opts.dayNamesFull[dt.getDay()]); | |
| 214 | + break; | |
| 215 | + default: | |
| 216 | + output.push(f); | |
| 217 | + } | |
| 218 | + } | |
| 219 | + return output.join(""); | |
| 220 | + } | |
| 221 | + | |
| 222 | + function is(type, obj) { | |
| 223 | + var clas = Object.prototype.toString.call(obj).slice(8, -1); | |
| 224 | + return obj !== undefined && obj !== null && clas === type; | |
| 225 | + } | |
| 226 | + | |
| 227 | + Calendar.prototype = { | |
| 228 | + /** | |
| 229 | + * @return Instance of calendar | |
| 230 | + */ | |
| 231 | + init: function () { | |
| 232 | + var self = this, | |
| 233 | + i = 0, attrname, | |
| 234 | + body = d.getElementsByTagName("body")[0], | |
| 235 | + div = d.createElement('div'); | |
| 236 | + self.id = Math.floor(Math.random() * 9999999); | |
| 237 | + self.element = d.getElementById(self.opts.element); | |
| 238 | + if (!self.element) { | |
| 239 | + return; | |
| 240 | + } | |
| 241 | + if (self.element.nodeType === 1 && self.element.nodeName == "INPUT" && self.element.value.length > 0) { | |
| 242 | + var now = new Date(self.element.value); | |
| 243 | + self.selectedDate = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()); | |
| 244 | + self.opts.year = self.selectedDate.getFullYear(); | |
| 245 | + self.opts.month = self.selectedDate.getMonth(); | |
| 246 | + } | |
| 247 | + self.element.style.cursor = 'pointer'; | |
| 248 | + div.setAttribute('id', ['bcal-container', self.id].join('-')); | |
| 249 | + Calendar.Util.addClass(div, 'bcal-container'); | |
| 250 | + if (!self.opts.inline) { | |
| 251 | + div.style.display = 'none'; | |
| 252 | + div.style.position = 'absolute'; | |
| 253 | + Calendar.Util.addEvent(self.element, 'focus', function (e) { | |
| 254 | + if (self.isOpen) { | |
| 255 | + self.close(); | |
| 256 | + } else { | |
| 257 | + self.open(); | |
| 258 | + } | |
| 259 | + }); | |
| 260 | + Calendar.Util.addEvent(self.element, 'blur', function (e) { | |
| 261 | + if (self.isOpen && !self.focus) { | |
| 262 | + self.close(); | |
| 263 | + } | |
| 264 | + }); | |
| 265 | + Calendar.Util.addEvent(self.element, 'keydown', function (e) { | |
| 266 | + var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; | |
| 267 | + switch (key) { | |
| 268 | + case 9: //Tab | |
| 269 | + self.close(); | |
| 270 | + break; | |
| 271 | + case 27: //Escape | |
| 272 | + self.close(); | |
| 273 | + break; | |
| 274 | + } | |
| 275 | + }); | |
| 276 | + Calendar.Util.addEvent(document, "mousedown", function (e) { | |
| 277 | + var target = Calendar.Util.getEventTarget(e); | |
| 278 | + if (Calendar.Util.hasClass(target, "bcal-container") || | |
| 279 | + Calendar.Util.hasClass(target, "bcal-table") || | |
| 280 | + Calendar.Util.hasClass(target, "bcal-date") || | |
| 281 | + Calendar.Util.hasClass(target, "bcal-today") || | |
| 282 | + Calendar.Util.hasClass(target, "bcal-empty") || | |
| 283 | + Calendar.Util.hasClass(target, "bcal-selected") || | |
| 284 | + Calendar.Util.hasClass(target, "bcal-week") || | |
| 285 | + Calendar.Util.hasClass(target, "bcal-nav") || | |
| 286 | + Calendar.Util.hasClass(target, "bcal-navi") || | |
| 287 | + Calendar.Util.hasClass(target, "bcal-month") || | |
| 288 | + Calendar.Util.hasClass(target, "bcal-wday") || | |
| 289 | + Calendar.Util.hasClass(target, "bcal-wnum") || | |
| 290 | + Calendar.Util.hasClass(target.parentNode, "bcal-container") || | |
| 291 | + Calendar.Util.hasClass(target.parentNode, "bcal-table")) { | |
| 292 | + | |
| 293 | + } else { | |
| 294 | + self.close(); | |
| 295 | + } | |
| 296 | + }); | |
| 297 | + body.appendChild(div); | |
| 298 | + } else { | |
| 299 | + self.element.appendChild(div); | |
| 300 | + } | |
| 301 | + self.container = div; | |
| 302 | + var y = self.opts.year, m = self.opts.month; | |
| 303 | + for (i = 0; i < self.opts.months; i++) { | |
| 304 | + self.draw(y, m + i, getIndex(i, self.opts.months)); | |
| 305 | + } | |
| 306 | + return self; | |
| 307 | + }, | |
| 308 | + /** | |
| 309 | + * @param String format | |
| 310 | + * @param Number date | |
| 311 | + * @return String | |
| 312 | + */ | |
| 313 | + formatDate: function () { | |
| 314 | + return _formatDate.apply(this, arguments); | |
| 315 | + }, | |
| 316 | + /** | |
| 317 | + * @param Number year | |
| 318 | + * @param Number month | |
| 319 | + * @param Number index (0 - without navigation, 1 - prev navigation, 2 - next navigation, 3 - prev and next navigation) | |
| 320 | + * @param Number id | |
| 321 | + */ | |
| 322 | + draw: function (year, month, index, id) { | |
| 323 | + var self = this, | |
| 324 | + autoId = typeof id === 'undefined' ? Math.floor(Math.random() * 9999999) : id, | |
| 325 | + firstOfMonth = new Date(year, month, 1), | |
| 326 | + daysInMonth = new Date(year, month + 1, 0).getDate(), | |
| 327 | + daysInPrevMonth = new Date(year, month, 0).getDate(), | |
| 328 | + startDay = firstOfMonth.getUTCDay(), | |
| 329 | + first = firstOfMonth.getDay(), | |
| 330 | + i, day, date, rows = 0, cols = self.opts.weekNumbers ? 8 : 7, | |
| 331 | + table = d.createElement('table'), | |
| 332 | + thead = d.createElement('thead'), | |
| 333 | + tbody = d.createElement('tbody'), | |
| 334 | + row, cell, text, a, b, jsdate, current, oBsd, | |
| 335 | + s_arr, si, slen, | |
| 336 | + minDate = false; | |
| 337 | + | |
| 338 | + if (self.opts.minDate !== null) { | |
| 339 | + minDate = true; | |
| 340 | + } | |
| 341 | + | |
| 342 | + row = d.createElement('tr'); | |
| 343 | + // Prev month link | |
| 344 | + cell = d.createElement('th'); | |
| 345 | + if (self.opts.showNavigation && (index === 1 || index === 3)) { | |
| 346 | + Calendar.Util.addEvent(cell, 'click', function (e) { | |
| 347 | + self.container.innerHTML = ''; | |
| 348 | + for (i = 0; i < self.opts.months; i++) { | |
| 349 | + self.draw(year, month - self.opts.months + i, getIndex(i, self.opts.months)); | |
| 350 | + if (i === 0) { | |
| 351 | + self.opts.month = month - self.opts.months; | |
| 352 | + self.opts.year = year; | |
| 353 | + } | |
| 354 | + } | |
| 355 | + }); | |
| 356 | + cell.style.cursor = 'pointer'; | |
| 357 | + Calendar.Util.addClass(cell, "bcal-nav"); | |
| 358 | + text = d.createTextNode('<'); | |
| 359 | + cell.appendChild(text); | |
| 360 | + } else { | |
| 361 | + Calendar.Util.addClass(cell, "bcal-navi"); | |
| 362 | + } | |
| 363 | + row.appendChild(cell); | |
| 364 | + | |
| 365 | + // Month name, Year | |
| 366 | + cell = d.createElement('th'); | |
| 367 | + cell.colSpan = (cols === 7) ? 5 : 6; | |
| 368 | + Calendar.Util.addClass(cell, "bcal-month"); | |
| 369 | + cell.appendChild(d.createTextNode(self.opts.monthNamesFull[firstOfMonth.getMonth()] + ' ' + firstOfMonth.getFullYear())); | |
| 370 | + row.appendChild(cell); | |
| 371 | + | |
| 372 | + // Next month link | |
| 373 | + cell = d.createElement('th'); | |
| 374 | + if (self.opts.showNavigation && (index === 2 || index === 3)) { | |
| 375 | + cell.style.cursor = 'pointer'; | |
| 376 | + Calendar.Util.addClass(cell, "bcal-nav"); | |
| 377 | + text = d.createTextNode('>'); | |
| 378 | + Calendar.Util.addEvent(cell, 'click', function (e) { | |
| 379 | + self.container.innerHTML = ''; | |
| 380 | + for (i = 0; i < self.opts.months; i++) { | |
| 381 | + self.draw(year, month + i + 1, getIndex(i, self.opts.months)); | |
| 382 | + if (i === 0) { | |
| 383 | + self.opts.month = month + 1; | |
| 384 | + self.opts.year = year; | |
| 385 | + } | |
| 386 | + } | |
| 387 | + }); | |
| 388 | + cell.appendChild(text); | |
| 389 | + } else { | |
| 390 | + Calendar.Util.addClass(cell, "bcal-navi"); | |
| 391 | + } | |
| 392 | + row.appendChild(cell); | |
| 393 | + thead.appendChild(row); | |
| 394 | + | |
| 395 | + row = d.createElement('tr'); | |
| 396 | + if (self.opts.weekNumbers) { | |
| 397 | + cell = d.createElement('th'); | |
| 398 | + cell.appendChild(d.createTextNode('wk')); | |
| 399 | + Calendar.Util.addClass(cell, "bcal-wnum"); | |
| 400 | + row.appendChild(cell); | |
| 401 | + } | |
| 402 | + | |
| 403 | + for (i = 0; i < 7; i++) { | |
| 404 | + cell = d.createElement('th'); | |
| 405 | + text = d.createTextNode(self.opts.dayNames[(self.opts.startDay + i) % 7]); | |
| 406 | + Calendar.Util.addClass(cell, "bcal-wday"); | |
| 407 | + cell.appendChild(text); | |
| 408 | + row.appendChild(cell); | |
| 409 | + } | |
| 410 | + thead.appendChild(row); | |
| 411 | + table.appendChild(thead); | |
| 412 | + | |
| 413 | + day = self.opts.startDay + 1 - first; | |
| 414 | + while (day > 1) { | |
| 415 | + day -= 7; | |
| 416 | + } | |
| 417 | + while (day <= daysInMonth) { | |
| 418 | + jsdate = new Date(year, month, day + startDay); | |
| 419 | + row = d.createElement('tr'); | |
| 420 | + if (self.opts.weekNumbers) { | |
| 421 | + cell = d.createElement('td'); | |
| 422 | + Calendar.Util.addClass(cell, 'bcal-week'); | |
| 423 | + a = new Date(jsdate.getFullYear(), jsdate.getMonth(), jsdate.getDate() - (jsdate.getDay() || 7) + 3); | |
| 424 | + b = new Date(a.getFullYear(), 0, 4); | |
| 425 | + cell.appendChild(d.createTextNode(1 + Math.round((a - b) / 864e5 / 7))); | |
| 426 | + row.appendChild(cell); | |
| 427 | + } | |
| 428 | + | |
| 429 | + for (i = 0; i < 7; i++) { | |
| 430 | + cell = d.createElement('td'); | |
| 431 | + if (day > 0 && day <= daysInMonth) { | |
| 432 | + current = new Date(year, month, day); | |
| 433 | + cell.setAttribute('bcal-date', current.getTime()); | |
| 434 | + Calendar.Util.addClass(cell, 'bcal-date'); | |
| 435 | + if (today === [current.getFullYear(), current.getMonth(), current.getDate()].join('-')) { | |
| 436 | + Calendar.Util.addClass(cell, 'bcal-today'); | |
| 437 | + } | |
| 438 | + text = d.createTextNode(day); | |
| 439 | + cell.appendChild(text); | |
| 440 | + oBsd = self.opts.onBeforeShowDay.apply(self, [current]); | |
| 441 | + if (self.opts.disablePast === true && current < midnight) { | |
| 442 | + Calendar.Util.addClass(cell, 'bcal-past'); | |
| 443 | + } else if (minDate && current < self.opts.minDate) { | |
| 444 | + Calendar.Util.addClass(cell, 'bcal-past'); | |
| 445 | + } else if (oBsd[0] === false) { | |
| 446 | + Calendar.Util.addClass(cell, oBsd[1]); | |
| 447 | + } else { | |
| 448 | + self.bind.call(self, cell); | |
| 449 | + } | |
| 450 | + | |
| 451 | + } else { | |
| 452 | + if (self.opts.showOtherMonths) { | |
| 453 | + var _day = day > 0 ? day - daysInMonth: daysInPrevMonth + day, | |
| 454 | + _month = day > 0 ? month + 1 : month - 1; | |
| 455 | + text = d.createTextNode(_day); | |
| 456 | + cell.appendChild(text); | |
| 457 | + | |
| 458 | + current = new Date(year, _month, _day); | |
| 459 | + cell.setAttribute('bcal-date', current.getTime()); | |
| 460 | + | |
| 461 | + if (self.opts.selectOtherMonths) { | |
| 462 | + self.bind.call(self, cell); | |
| 463 | + } | |
| 464 | + } | |
| 465 | + Calendar.Util.addClass(cell, 'bcal-empty'); | |
| 466 | + } | |
| 467 | + if (self.selectedDate !== null && self.selectedDate.getTime() === current.getTime() && self.opts.month === month) { | |
| 468 | + Calendar.Util.addClass(cell, 'bcal-selected'); | |
| 469 | + } | |
| 470 | + row.appendChild(cell); | |
| 471 | + tbody.appendChild(row); | |
| 472 | + day++; | |
| 473 | + } | |
| 474 | + rows++; | |
| 475 | + } | |
| 476 | + if (rows === 5) { | |
| 477 | + tbody.appendChild(emptyRow(self.opts.weekNumbers)); | |
| 478 | + } else if (rows === 4) { | |
| 479 | + tbody.appendChild(emptyRow(self.opts.weekNumbers)); | |
| 480 | + tbody.appendChild(emptyRow(self.opts.weekNumbers)); | |
| 481 | + } | |
| 482 | + | |
| 483 | + Calendar.Util.addClass(table, 'bcal-table'); | |
| 484 | + table.setAttribute('id', ['bcal-table', autoId].join('-')); | |
| 485 | + table.appendChild(tbody); | |
| 486 | + | |
| 487 | + Calendar.Util.addEvent(table, 'click', function (e) { | |
| 488 | + self.focus = true; | |
| 489 | + }); | |
| 490 | + | |
| 491 | + var tbl = d.getElementById(['bcal-table', autoId].join('-')); | |
| 492 | + if (tbl) { | |
| 493 | + self.container.removeChild(tbl); | |
| 494 | + } | |
| 495 | + self.container.appendChild(table); | |
| 496 | + }, | |
| 497 | + bind: function (cell) { | |
| 498 | + var self = this, | |
| 499 | + s_arr, si, slen; | |
| 500 | + Calendar.Util.addEvent(cell, 'click', (function (self, cell) { | |
| 501 | + return function () { | |
| 502 | + s_arr = Calendar.Util.getElementsByClass('bcal-selected', self.container, 'td'); | |
| 503 | + for (si = 0, slen = s_arr.length; si < slen; si++) { | |
| 504 | + Calendar.Util.removeClass(s_arr[si], 'bcal-selected'); | |
| 505 | + } | |
| 506 | + Calendar.Util.addClass(cell, 'bcal-selected'); | |
| 507 | + var ts = parseInt(cell.getAttribute('bcal-date'), 10); | |
| 508 | + self.selectedDate = new Date(ts); | |
| 509 | + self.opts.year = self.selectedDate.getFullYear(); | |
| 510 | + self.opts.month = self.selectedDate.getMonth(); | |
| 511 | + if (self.opts.element && !self.opts.inline) { | |
| 512 | + self.close(); | |
| 513 | + self.element.value = self.formatDate(self.opts.dateFormat, ts); | |
| 514 | + } | |
| 515 | + self.opts.onSelect.apply(self, [self.element, self.formatDate(self.opts.dateFormat, ts), ts, cell]); | |
| 516 | + self.refresh.call(self); | |
| 517 | + }; | |
| 518 | + })(self, cell)); | |
| 519 | + }, | |
| 520 | + /** | |
| 521 | + * @return Instance of calendar | |
| 522 | + */ | |
| 523 | + open: function () { | |
| 524 | + var self = this, | |
| 525 | + pos = findPos(self.element), | |
| 526 | + result; | |
| 527 | + result = self.opts.onBeforeOpen.apply(self, []); | |
| 528 | + if (result === false) { | |
| 529 | + return self; | |
| 530 | + } | |
| 531 | + switch (self.opts.position) { | |
| 532 | + case 'right': | |
| 533 | + self.container.style.top = (pos[1]) + 'px'; | |
| 534 | + self.container.style.left = (pos[0]+self.element.offsetWidth) + 'px'; | |
| 535 | + break; | |
| 536 | + case 'bottom': | |
| 537 | + self.container.style.top = (pos[1] + self.element.offsetHeight) + 'px'; | |
| 538 | + self.container.style.left = pos[0] + 'px'; | |
| 539 | + break; | |
| 540 | + case 'top': | |
| 541 | + self.container.style.display = ''; | |
| 542 | + self.container.style.top = (pos[1] - self.container.offsetHeight) + 'px'; | |
| 543 | + self.container.style.left = pos[0] + 'px'; | |
| 544 | + break; | |
| 545 | + } | |
| 546 | + | |
| 547 | + self.container.style.display = ''; | |
| 548 | + self.opts.onOpen.apply(self, [self.element]); | |
| 549 | + self.isOpen = true; | |
| 550 | + self.focus = true; | |
| 551 | + return self; | |
| 552 | + }, | |
| 553 | + /** | |
| 554 | + * @return Instance of calendar | |
| 555 | + */ | |
| 556 | + close: function () { | |
| 557 | + var self = this, | |
| 558 | + result; | |
| 559 | + result = self.opts.onBeforeClose.apply(self, []); | |
| 560 | + if (result === false) { | |
| 561 | + return self; | |
| 562 | + } | |
| 563 | + self.container.style.display = 'none'; | |
| 564 | + self.opts.onClose.apply(self, []); | |
| 565 | + self.isOpen = false; | |
| 566 | + self.focus = false; | |
| 567 | + return self; | |
| 568 | + }, | |
| 569 | + detach: function () { | |
| 570 | + var self = this; | |
| 571 | + self.element.style.cursor = 'text'; | |
| 572 | + self.container.parentNode.removeChild(self.container); | |
| 573 | + return self.element; | |
| 574 | + }, | |
| 575 | + option: function (optName) { | |
| 576 | + var self = this; | |
| 577 | + switch (arguments.length) { | |
| 578 | + case 1: | |
| 579 | + if (is('String', optName) && self.opts[optName]) { | |
| 580 | + return self.opts[optName]; | |
| 581 | + } else if (is('Object', optName)) { | |
| 582 | + for (var x in optName) { | |
| 583 | + if (optName.hasOwnProperty(x)) { | |
| 584 | + self.opts[x] = optName[x]; | |
| 585 | + } | |
| 586 | + } | |
| 587 | + } | |
| 588 | + break; | |
| 589 | + case 2: | |
| 590 | + if (self.opts[optName]) { | |
| 591 | + self.opts[optName] = arguments[1]; | |
| 592 | + } | |
| 593 | + break; | |
| 594 | + } | |
| 595 | + return self; | |
| 596 | + }, | |
| 597 | + refresh: function () { | |
| 598 | + var self = this; | |
| 599 | + self.container.innerHTML = ''; | |
| 600 | + var y = self.opts.year, m = self.opts.month; | |
| 601 | + for (i = 0; i < self.opts.months; i++) { | |
| 602 | + self.draw(y, m + i, getIndex(i, self.opts.months)); | |
| 603 | + } | |
| 604 | + return self; | |
| 605 | + } | |
| 606 | + }; | |
| 607 | + return (window.Calendar = Calendar); | |
| 608 | +})(window); | |