/* Copyright (c) 2007 Paul Bakaus (paul.bakaus@googlemail.com) and Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net) * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. * * $LastChangedDate: 2007-08-17 14:14:11 -0400 (Fri, 17 Aug 2007) $ * $Rev: 2759 $ * * Version: 1.1.2 * * Requires: jQuery 1.1.3+ */ (function($){ // store a copy of the core height and width methods var height = $.fn.height, width = $.fn.width; $.fn.extend({ /** * If used on document, returns the document's height (innerHeight). * If used on window, returns the viewport's (window) height. * See core docs on height() to see what happens when used on an element. * * @example $("#testdiv").height() * @result 200 * * @example $(document).height() * @result 800 * * @example $(window).height() * @result 400 * * @name height * @type Number * @cat Plugins/Dimensions */ height: function() { if ( !this[0] ) error(); if ( this[0] == window ) if ( $.browser.opera || ($.browser.safari && parseInt($.browser.version) > 520) ) return self.innerHeight - (($(document).height() > self.innerHeight) ? getScrollbarWidth() : 0); else if ( $.browser.safari ) return self.innerHeight; else return $.boxModel && document.documentElement.clientHeight || document.body.clientHeight; if ( this[0] == document ) return Math.max( ($.boxModel && document.documentElement.scrollHeight || document.body.scrollHeight), document.body.offsetHeight ); return height.apply(this, arguments); }, /** * If used on document, returns the document's width (innerWidth). * If used on window, returns the viewport's (window) width. * See core docs on width() to see what happens when used on an element. * * @example $("#testdiv").width() * @result 200 * * @example $(document).width() * @result 800 * * @example $(window).width() * @result 400 * * @name width * @type Number * @cat Plugins/Dimensions */ width: function() { if (!this[0]) error(); if ( this[0] == window ) if ( $.browser.opera || ($.browser.safari && parseInt($.browser.version) > 520) ) return self.innerWidth - (($(document).width() > self.innerWidth) ? getScrollbarWidth() : 0); else if ( $.browser.safari ) return self.innerWidth; else return $.boxModel && document.documentElement.clientWidth || document.body.clientWidth; if ( this[0] == document ) if ($.browser.mozilla) { // mozilla reports scrollWidth and offsetWidth as the same var scrollLeft = self.pageXOffset; self.scrollTo(99999999, self.pageYOffset); var scrollWidth = self.pageXOffset; self.scrollTo(scrollLeft, self.pageYOffset); return document.body.offsetWidth + scrollWidth; } else return Math.max( (($.boxModel && !$.browser.safari) && document.documentElement.scrollWidth || document.body.scrollWidth), document.body.offsetWidth ); return width.apply(this, arguments); }, /** * Gets the inner height (excludes the border and includes the padding) for the first matched element. * If used on document, returns the document's height (innerHeight). * If used on window, returns the viewport's (window) height. * * @example $("#testdiv").innerHeight() * @result 210 * * @name innerHeight * @type Number * @cat Plugins/Dimensions */ innerHeight: function() { if (!this[0]) error(); return this[0] == window || this[0] == document ? this.height() : this.is(':visible') ? this[0].offsetHeight - num(this, 'borderTopWidth') - num(this, 'borderBottomWidth') : this.height() + num(this, 'paddingTop') + num(this, 'paddingBottom'); }, /** * Gets the inner width (excludes the border and includes the padding) for the first matched element. * If used on document, returns the document's width (innerWidth). * If used on window, returns the viewport's (window) width. * * @example $("#testdiv").innerWidth() * @result 210 * * @name innerWidth * @type Number * @cat Plugins/Dimensions */ innerWidth: function() { if (!this[0]) error(); return this[0] == window || this[0] == document ? this.width() : this.is(':visible') ? this[0].offsetWidth - num(this, 'borderLeftWidth') - num(this, 'borderRightWidth') : this.width() + num(this, 'paddingLeft') + num(this, 'paddingRight'); }, /** * Gets the outer height (includes the border and padding) for the first matched element. * If used on document, returns the document's height (innerHeight). * If used on window, returns the viewport's (window) height. * * The margin can be included in the calculation by passing an options map with margin * set to true. * * @example $("#testdiv").outerHeight() * @result 220 * * @example $("#testdiv").outerHeight({ margin: true }) * @result 240 * * @name outerHeight * @type Number * @param Map options Optional settings to configure the way the outer height is calculated. * @cat Plugins/Dimensions */ outerHeight: function(options) { if (!this[0]) error(); options = $.extend({ margin: false }, options || {}); return this[0] == window || this[0] == document ? this.height() : this.is(':visible') ? this[0].offsetHeight + (options.margin ? (num(this, 'marginTop') + num(this, 'marginBottom')) : 0) : this.height() + num(this,'borderTopWidth') + num(this, 'borderBottomWidth') + num(this, 'paddingTop') + num(this, 'paddingBottom') + (options.margin ? (num(this, 'marginTop') + num(this, 'marginBottom')) : 0); }, /** * Gets the outer width (including the border and padding) for the first matched element. * If used on document, returns the document's width (innerWidth). * If used on window, returns the viewport's (window) width. * * The margin can be included in the calculation by passing an options map with margin * set to true. * * @example $("#testdiv").outerWidth() * @result 1000 * * @example $("#testdiv").outerWidth({ margin: true }) * @result 1020 * * @name outerHeight * @type Number * @param Map options Optional settings to configure the way the outer width is calculated. * @cat Plugins/Dimensions */ outerWidth: function(options) { if (!this[0]) error(); options = $.extend({ margin: false }, options || {}); return this[0] == window || this[0] == document ? this.width() : this.is(':visible') ? this[0].offsetWidth + (options.margin ? (num(this, 'marginLeft') + num(this, 'marginRight')) : 0) : this.width() + num(this, 'borderLeftWidth') + num(this, 'borderRightWidth') + num(this, 'paddingLeft') + num(this, 'paddingRight') + (options.margin ? (num(this, 'marginLeft') + num(this, 'marginRight')) : 0); }, /** * Gets how many pixels the user has scrolled to the right (scrollLeft). * Works on containers with overflow: auto and window/document. * * @example $(window).scrollLeft() * @result 100 * * @example $(document).scrollLeft() * @result 100 * * @example $("#testdiv").scrollLeft() * @result 100 * * @name scrollLeft * @type Number * @cat Plugins/Dimensions */ /** * Sets the scrollLeft property for each element and continues the chain. * Works on containers with overflow: auto and window/document. * * @example $(window).scrollLeft(100).scrollLeft() * @result 100 * * @example $(document).scrollLeft(100).scrollLeft() * @result 100 * * @example $("#testdiv").scrollLeft(100).scrollLeft() * @result 100 * * @name scrollLeft * @param Number value A positive number representing the desired scrollLeft. * @type jQuery * @cat Plugins/Dimensions */ scrollLeft: function(val) { if (!this[0]) error(); if ( val != undefined ) // set the scroll left return this.each(function() { if (this == window || this == document) window.scrollTo( val, $(window).scrollTop() ); else this.scrollLeft = val; }); // return the scroll left offest in pixels if ( this[0] == window || this[0] == document ) return self.pageXOffset || $.boxModel && document.documentElement.scrollLeft || document.body.scrollLeft; return this[0].scrollLeft; }, /** * Gets how many pixels the user has scrolled to the bottom (scrollTop). * Works on containers with overflow: auto and window/document. * * @example $(window).scrollTop() * @result 100 * * @example $(document).scrollTop() * @result 100 * * @example $("#testdiv").scrollTop() * @result 100 * * @name scrollTop * @type Number * @cat Plugins/Dimensions */ /** * Sets the scrollTop property for each element and continues the chain. * Works on containers with overflow: auto and window/document. * * @example $(window).scrollTop(100).scrollTop() * @result 100 * * @example $(document).scrollTop(100).scrollTop() * @result 100 * * @example $("#testdiv").scrollTop(100).scrollTop() * @result 100 * * @name scrollTop * @param Number value A positive number representing the desired scrollTop. * @type jQuery * @cat Plugins/Dimensions */ scrollTop: function(val) { if (!this[0]) error(); if ( val != undefined ) // set the scroll top return this.each(function() { if (this == window || this == document) window.scrollTo( $(window).scrollLeft(), val ); else this.scrollTop = val; }); // return the scroll top offset in pixels if ( this[0] == window || this[0] == document ) return self.pageYOffset || $.boxModel && document.documentElement.scrollTop || document.body.scrollTop; return this[0].scrollTop; }, /** * Gets the top and left positioned offset in pixels. * The positioned offset is the offset between a positioned * parent and the element itself. * * For accurate calculations make sure to use pixel values for margins, borders and padding. * * @example $("#testdiv").position() * @result { top: 100, left: 100 } * * @example var position = {}; * $("#testdiv").position(position) * @result position = { top: 100, left: 100 } * * @name position * @param Object returnObject Optional An object to store the return value in, so as not to break the chain. If passed in the * chain will not be broken and the result will be assigned to this object. * @type Object * @cat Plugins/Dimensions */ position: function(returnObject) { return this.offset({ margin: false, scroll: false, relativeTo: this.offsetParent() }, returnObject); }, /** * Gets the location of the element in pixels from the top left corner of the viewport. * The offset method takes an optional map of key value pairs to configure the way * the offset is calculated. Here are the different options. * * (Boolean) margin - Should the margin of the element be included in the calculations? True by default. * (Boolean) border - Should the border of the element be included in the calculations? False by default. * (Boolean) padding - Should the padding of the element be included in the calculations? False by default. * (Boolean) scroll - Should the scroll offsets of the parent elements be included in the calculations? True by default. * When true it adds the total scroll offsets of all parents to the total offset and also adds two * properties to the returned object, scrollTop and scrollLeft. * (Boolean) lite - When true it will use the offsetLite method instead of the full-blown, slower offset method. False by default. * Only use this when margins, borders and padding calculations don't matter. * (HTML Element) relativeTo - This should be a parent of the element and should have position (like absolute or relative). * It will retreive the offset relative to this parent element. By default it is the body element. * * Also an object can be passed as the second paramater to * catch the value of the return and continue the chain. * * For accurate calculations make sure to use pixel values for margins, borders and padding. * * Known issues: * - Issue: A div positioned relative or static without any content before it and its parent will report an offsetTop of 0 in Safari * Workaround: Place content before the relative div ... and set height and width to 0 and overflow to hidden * * @example $("#testdiv").offset() * @result { top: 100, left: 100, scrollTop: 10, scrollLeft: 10 } * * @example $("#testdiv").offset({ scroll: false }) * @result { top: 90, left: 90 } * * @example var offset = {} * $("#testdiv").offset({ scroll: false }, offset) * @result offset = { top: 90, left: 90 } * * @name offset * @param Map options Optional settings to configure the way the offset is calculated. * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the * chain will not be broken and the result will be assigned to this object. * @type Object * @cat Plugins/Dimensions */ offset: function(options, returnObject) { if (!this[0]) error(); var x = 0, y = 0, sl = 0, st = 0, elem = this[0], parent = this[0], op, parPos, elemPos = $.css(elem, 'position'), mo = $.browser.mozilla, ie = $.browser.msie, oa = $.browser.opera, sf = $.browser.safari, sf3 = $.browser.safari && parseInt($.browser.version) > 520, absparent = false, relparent = false, options = $.extend({ margin: true, border: false, padding: false, scroll: true, lite: false, relativeTo: document.body }, options || {}); // Use offsetLite if lite option is true if (options.lite) return this.offsetLite(options, returnObject); // Get the HTMLElement if relativeTo is a jquery collection if (options.relativeTo.jquery) options.relativeTo = options.relativeTo[0]; if (elem.tagName == 'BODY') { // Safari 2 is the only one to get offsetLeft and offsetTop properties of the body "correct" // Except they all mess up when the body is positioned absolute or relative x = elem.offsetLeft; y = elem.offsetTop; // Mozilla ignores margin and subtracts border from body element if (mo) { x += num(elem, 'marginLeft') + (num(elem, 'borderLeftWidth')*2); y += num(elem, 'marginTop') + (num(elem, 'borderTopWidth') *2); } else // Opera ignores margin if (oa) { x += num(elem, 'marginLeft'); y += num(elem, 'marginTop'); } else // IE does not add the border in Standards Mode if ((ie && jQuery.boxModel)) { x += num(elem, 'borderLeftWidth'); y += num(elem, 'borderTopWidth'); } else // Safari 3 doesn't not include border or margin if (sf3) { x += num(elem, 'marginLeft') + num(elem, 'borderLeftWidth'); y += num(elem, 'marginTop') + num(elem, 'borderTopWidth'); } } else { do { parPos = $.css(parent, 'position'); x += parent.offsetLeft; y += parent.offsetTop; // Mozilla and IE do not add the border // Mozilla adds the border for table cells if ((mo && !parent.tagName.match(/^t[d|h]$/i)) || ie || sf3) { // add borders to offset x += num(parent, 'borderLeftWidth'); y += num(parent, 'borderTopWidth'); // Mozilla does not include the border on body if an element isn't positioned absolute and is without an absolute parent if (mo && parPos == 'absolute') absparent = true; // IE does not include the border on the body if an element is position static and without an absolute or relative parent if (ie && parPos == 'relative') relparent = true; } op = parent.offsetParent || document.body; if (options.scroll || mo) { do { if (options.scroll) { // get scroll offsets sl += parent.scrollLeft; st += parent.scrollTop; } // Opera sometimes incorrectly reports scroll offset for elements with display set to table-row or inline if (oa && ($.css(parent, 'display') || '').match(/table-row|inline/)) { sl = sl - ((parent.scrollLeft == parent.offsetLeft) ? parent.scrollLeft : 0); st = st - ((parent.scrollTop == parent.offsetTop) ? parent.scrollTop : 0); } // Mozilla does not add the border for a parent that has overflow set to anything but visible if (mo && parent != elem && $.css(parent, 'overflow') != 'visible') { x += num(parent, 'borderLeftWidth'); y += num(parent, 'borderTopWidth'); } parent = parent.parentNode; } while (parent != op); } parent = op; // exit the loop if we are at the relativeTo option but not if it is the body or html tag if (parent == options.relativeTo && !(parent.tagName == 'BODY' || parent.tagName == 'HTML')) { // Mozilla does not add the border for a parent that has overflow set to anything but visible if (mo && parent != elem && $.css(parent, 'overflow') != 'visible') { x += num(parent, 'borderLeftWidth'); y += num(parent, 'borderTopWidth'); } // Safari 2 and opera includes border on positioned parents if ( ((sf && !sf3) || oa) && parPos != 'static' ) { x -= num(op, 'borderLeftWidth'); y -= num(op, 'borderTopWidth'); } break; } if (parent.tagName == 'BODY' || parent.tagName == 'HTML') { // Safari 2 and IE Standards Mode doesn't add the body margin for elments positioned with static or relative if (((sf && !sf3) || (ie && $.boxModel)) && elemPos != 'absolute' && elemPos != 'fixed') { x += num(parent, 'marginLeft'); y += num(parent, 'marginTop'); } // Safari 3 does not include the border on body // Mozilla does not include the border on body if an element isn't positioned absolute and is without an absolute parent // IE does not include the border on the body if an element is positioned static and without an absolute or relative parent if ( sf3 || (mo && !absparent && elemPos != 'fixed') || (ie && elemPos == 'static' && !relparent) ) { x += num(parent, 'borderLeftWidth'); y += num(parent, 'borderTopWidth'); } break; // Exit the loop } } while (parent); } var returnValue = handleOffsetReturn(elem, options, x, y, sl, st); if (returnObject) { $.extend(returnObject, returnValue); return this; } else { return returnValue; } }, /** * Gets the location of the element in pixels from the top left corner of the viewport. * This method is much faster than offset but not as accurate when borders and margins are * on the element and/or its parents. This method can be invoked * by setting the lite option to true in the offset method. * The offsetLite method takes an optional map of key value pairs to configure the way * the offset is calculated. Here are the different options. * * (Boolean) margin - Should the margin of the element be included in the calculations? True by default. * (Boolean) border - Should the border of the element be included in the calculations? False by default. * (Boolean) padding - Should the padding of the element be included in the calcuations? False by default. * (Boolean) scroll - Sould the scroll offsets of the parent elements be included int he calculations? True by default. * When true it adds the total scroll offsets of all parents to the total offset and also adds two * properties to the returned object, scrollTop and scrollLeft. * (HTML Element) relativeTo - This should be a parent of the element and should have position (like absolute or relative). * It will retreive the offset relative to this parent element. By default it is the body element. * * @name offsetLite * @param Map options Optional settings to configure the way the offset is calculated. * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the * chain will not be broken and the result will be assigned to this object. * @type Object * @cat Plugins/Dimensions */ offsetLite: function(options, returnObject) { if (!this[0]) error(); var x = 0, y = 0, sl = 0, st = 0, parent = this[0], offsetParent, options = $.extend({ margin: true, border: false, padding: false, scroll: true, relativeTo: document.body }, options || {}); // Get the HTMLElement if relativeTo is a jquery collection if (options.relativeTo.jquery) options.relativeTo = options.relativeTo[0]; do { x += parent.offsetLeft; y += parent.offsetTop; offsetParent = parent.offsetParent || document.body; if (options.scroll) { // get scroll offsets do { sl += parent.scrollLeft; st += parent.scrollTop; parent = parent.parentNode; } while(parent != offsetParent); } parent = offsetParent; } while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML' && parent != options.relativeTo); var returnValue = handleOffsetReturn(this[0], options, x, y, sl, st); if (returnObject) { $.extend(returnObject, returnValue); return this; } else { return returnValue; } }, /** * Returns a jQuery collection with the positioned parent of * the first matched element. This is the first parent of * the element that has position (as in relative or absolute). * * @name offsetParent * @type jQuery * @cat Plugins/Dimensions */ offsetParent: function() { if (!this[0]) error(); var offsetParent = this[0].offsetParent; while ( offsetParent && (offsetParent.tagName != 'BODY' && $.css(offsetParent, 'position') == 'static') ) offsetParent = offsetParent.offsetParent; return $(offsetParent); } }); /** * Throws an error message when no elements are in the jQuery collection * @private */ var error = function() { throw "Dimensions: jQuery collection is empty"; }; /** * Handles converting a CSS Style into an Integer. * @private */ var num = function(el, prop) { return parseInt($.css(el.jquery?el[0]:el,prop))||0; }; /** * Handles the return value of the offset and offsetLite methods. * @private */ var handleOffsetReturn = function(elem, options, x, y, sl, st) { if ( !options.margin ) { x -= num(elem, 'marginLeft'); y -= num(elem, 'marginTop'); } // Safari and Opera do not add the border for the element if ( options.border && (($.browser.safari && parseInt($.browser.version) < 520) || $.browser.opera) ) { x += num(elem, 'borderLeftWidth'); y += num(elem, 'borderTopWidth'); } else if ( !options.border && !(($.browser.safari && parseInt($.browser.version) < 520) || $.browser.opera) ) { x -= num(elem, 'borderLeftWidth'); y -= num(elem, 'borderTopWidth'); } if ( options.padding ) { x += num(elem, 'paddingLeft'); y += num(elem, 'paddingTop'); } // do not include scroll offset on the element ... opera sometimes reports scroll offset as actual offset if ( options.scroll && (!$.browser.opera || elem.offsetLeft != elem.scrollLeft && elem.offsetTop != elem.scrollLeft) ) { sl -= elem.scrollLeft; st -= elem.scrollTop; } return options.scroll ? { top: y - st, left: x - sl, scrollTop: st, scrollLeft: sl } : { top: y, left: x }; }; /** * Gets the width of the OS scrollbar * @private */ var scrollbarWidth = 0; var getScrollbarWidth = function() { if (!scrollbarWidth) { var testEl = $('
') .css({ width: 100, height: 100, overflow: 'auto', position: 'absolute', top: -1000, left: -1000 }) .appendTo('body'); scrollbarWidth = 100 - testEl .append('
') .find('div') .css({ width: '100%', height: 200 }) .width(); testEl.remove(); } return scrollbarWidth; }; })(jQuery); /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* * jQuery clueTip plugin * Version 0.9.0 (09/04/2007) * @requires jQuery v1.1.1 * @requires Dimensions plugin * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ //JSchmatz - used to hold the last link clicked in order to determine what to do when activate is on click var prevAttr = ''; (function($) { /* * @name clueTip * @type jQuery * @cat Plugins/tooltip * @return jQuery * @author Karl Swedberg * * @credit Inspired by Cody Lindley's jTip (http://www.codylindley.com) * @credit Thanks to Shelane Enos for the feature ideas * @credit Thanks to Glen Lipka, Jörn Zaefferer, and Dan G. Switzer for their expert advice * @credit Thanks to Torben Schreiter for identifying bugs and offering solutions * @credit Thanks to Jonathan Chaffer, as always, for help with the hard parts. :-) */ /** * * Displays a highly customizable tooltip when the user hovers (default) or clicks (optional) the matched element. * By default, the clueTip plugin loads a page indicated by the "rel" attribute via ajax and displays its contents. * If a "title" attribute is specified, its value is used as the clueTip's heading. * The attribute to be used for both the body and the heading of the clueTip is user-configurable. * Optionally, the clueTip's body can display content from an element on the same page. * * Just indicate the element's id (e.g. "#some-id") in the rel attribute. * Optionally, the clueTip's body can display content from the title attribute, when a delimiter is indicated. * * The string before the first instance of the delimiter is set as the clueTip's heading. * * All subsequent strings are wrapped in separate DIVs and placed in the clueTip's body. * The clueTip plugin allows for many, many more options. Pleasee see the examples and the option descriptions below... * * * @example $('#tip).cluetip(); * @desc This is the most basic clueTip. It displays a 275px-wide clueTip on mouseover of the element with an ID of "tip." On mouseout of the element, the clueTip is hidden. * * * @example $('a.clue').cluetip({ * hoverClass: 'highlight', * sticky: true, * closePosition: 'bottom', * closeText: 'close', * truncate: 60, * ajaxSettings: { * type: 'POST' * } * }); * @desc Displays a clueTip on mouseover of all elements with class="clue". The hovered element gets a class of "highlight" added to it (so that it can be styled appropriately. This is esp. useful for non-anchor elements.). The clueTip is "sticky," which means that it will not be hidden until the user either clicks on its "close" text/graphic or displays another clueTip. The "close" text/graphic is set to diplay at the bottom of the clueTip (default is top) and display an image rather than the default "Close" text. Moreover, the body of the clueTip is truncated to the first 60 characters, which are followed by an ellipsis (...). Finally, the clueTip retrieves the content using POST rather than the $.ajax method's default "GET." * * * * @param Object defaults (optional) Customize your clueTips * @option Number width: default is 275. The width of the clueTip * @option Number|String height: default is 'auto'. The height of the clueTip. Setting a specific height also sets
to overflow:auto * @option Boolean local: default is false. Whether to use content from the same page (using ID) for clueTip body * @option Boolean hideLocal: default is true. If local option is set to true, determine whether local content to be shown in clueTip should be hidden at its original location. * @option String attribute default is 'rel'. The attribute to be used for the URL of the ajaxed content * @option Boolean showtitle: default is true. Shows the title bar of the clueTip, whether a title attribute has been set or not. Change this to false to hide the title bar. * @option String cluetipClass: default is 'default'; this adds a class to the outermost clueTip div with a class name in the form of 'cluetip-' + clueTipClass. It also adds "clue-left-default" or "clue-right-default" to the same div, depending on whether the clueTip is to the left or to the right of the link element. This allows you to create your own clueTip theme in a separate CSS file or use one of the three pre-packaged themes: default, jtip, or rounded. * @option String titleAttribute: default is 'title'. The attribute to be used for the clueTip's heading, if the attribute exists for the hovered element. * @option String splitTitle: default is '' (empty string). A character used to split the title attribute into the clueTip title and divs within the clueTip body; if used, the clueTip will be populated only by the title attribute, * @option String hoverClass: default is empty string. designate one to apply to the hovered element * @option String closePosition: default is 'top'. Set to 'bottom' to put the closeText at the bottom of the clueTip body * @option String closeText: default is 'Close'. This determines the text to be clicked to close a clueTip when sticky is set to true. * @option Number truncate: default is 0. Set to some number greater than 0 to truncate the text in the body of the clueTip. This also removes all HTML/images from the clueTip body. * @option Boolean waitImage: default is true. Set to false to avoid having the plugin try to show/hide the image. * @option Boolean arrows: Default is false. Sets background-position-y to line up an arrow background image with the hovered element. * @option Boolean dropShadow: default is true; set it to false if you do not want the drop-shadow effect on the clueTip * @option Integer dropShadowSteps: default is 6; change this number to adjust the size of the drop shadow * @option Boolean sticky: default is false. Set to true to keep the clueTip visible until the user either closes it manually by clicking on the CloseText or display another clueTip. * @option Integer cluezIndex: default is 97; sets the z-index style property of the clueTip. * @option String positionBy: default is 'auto'. Available options: 'auto', 'mouse', or 'bottomTop'. Change to 'mouse' if you want to override positioning by element and position the clueTip based on where the mouse is instead. Change to 'bottomTop' if you want positioning to begin below the mouse when there is room or above if not -- rather than right or left of the elemnent and flush with element's top. * @option Object fx: default is: {open: 'show', openSpeed: '', close: 'hide', closeSpeed: ''}. Change these to apply one of jQuery's effects when opening or closing the clueTip * @option String activation: default is 'hover'. Set to 'toggle' to force the user to click the element in order to activate the clueTip. * @option Object hoverIntent: default is {sensitivity: 3, interval: 50, timeout: 0}. If jquery.hoverintent.js plugin is included in , hoverIntent() will be used with these settings instead of hover(). Set to false if for some reason you have the hoverintent plugin included but don't want to use it. For info on hoverIntent options, see http://cherne.net/brian/resources/jquery.hoverIntent.html * @option Function onShow: default is function (ct, c){} ; allows you to pass in your own function once the clueTip has shown. * @option Boolean ajaxCache: Default is true; caches the results of the ajax request to avoid unnecessary hits to the server. When set to false, the script will make an ajax request every time the clueTip is shown, which allows for dynamic content to be loaded. * @option Object ajaxProcess: Default is function(data) { data = $(data).not('style, meta, link, script, title); return data; } . When getting clueTip content via ajax, allows processing of it before it's displayed. The default value strips out elements typically found in the that might interfere with current page. * @option Object ajaxSettings: allows you to pass in standard $.ajax() parameters, not including error, complete, success, and url. Default is { dataType: 'html'} * */ var $cluetip, $cluetipInner, $cluetipOuter, $cluetipTitle, $dropShadow, imgCount; var msie6 = $.browser.msie && ($.browser.version && $.browser.version < 7 || (/5\.5|6.0/).test(navigator.userAgent)); $.fn.cluetip = function(options) { // set up default options var defaults = { width: 275, height: 'auto', local: false, hideLocal: true, attribute: 'rel', titleAttribute: 'title', splitTitle: '', showTitle: true, cluetipClass: 'default', hoverClass: '', waitImage: true, cursor: 'help', arrows: false, dropShadow: true, dropShadowSteps: 6, sticky: false, mouseOutClose: false, activation: 'hover', closePosition: 'top', closeText: 'Close', truncate: 0, cluezIndex: 151, // changed from 97 to get above jSelect boxes positionBy: 'auto', fx: { open: 'show', openSpeed: '', close: 'hide', closeSpeed: '' }, hoverIntent: { sensitivity: 3, interval: 50, timeout: 0 }, onShow: function (ct, c){}, ajaxCache: true, ajaxProcess: function(data) { data = $(data).not('style, meta, link, script, title'); return data; }, ajaxSettings: { dataType: 'html' } }; if (options && options.ajaxSettings) { $.extend(defaults.ajaxSettings, options.ajaxSettings); delete options.ajaxSettings; } if (options && options.fx) { $.extend(defaults.fx, options.fx); delete options.fx; } if (options && options.hoverIntent) { $.extend(defaults.hoverIntent, options.hoverIntent); delete options.hoverIntent; } $.extend(defaults, options); return this.each(function() { // start out with no contents (for ajax activation) var cluetipContents = false; var cluezIndex = parseInt(defaults.cluezIndex, 10)-1; var isActive = false; // create the cluetip divs if (!$cluetip) { $cluetipInner = $('
'); $cluetipTitle = $('

'); $cluetipOuter = $('
').append($cluetipInner).prepend($cluetipTitle); $cluetip = $('
').attr({'id': 'cluetip'}).css({zIndex: defaults.cluezIndex}) .append($cluetipOuter)[insertionType](insertionElement).hide(); $('
').css({position: 'absolute', zIndex: cluezIndex-1}) .insertBefore('#cluetip').hide(); $cluetip.css({position: 'absolute', zIndex: cluezIndex}); $cluetipOuter.css({position: 'relative', zIndex: cluezIndex+1}); } var dropShadowSteps = (defaults.dropShadow) ? +defaults.dropShadowSteps : 0; if (!$dropShadow) { $dropShadow = $([]); for (var i=0; i < dropShadowSteps; i++) { $dropShadow = $dropShadow.add($('
').css({zIndex: cluezIndex-i-1, opacity:.1, top: 1+i, left: 1+i})); }; $dropShadow.css({position: 'absolute', backgroundColor: '#000'}) .prependTo($cluetip); } var $this = $(this); var tipAttribute = $this.attr(defaults.attribute), ctClass = defaults.cluetipClass; if (!tipAttribute && !defaults.splitTitle) return true; // if hideLocal is set to true, on DOM ready hide the local content that will be displayed in the clueTip if (defaults.local && defaults.hideLocal) { $(tipAttribute).hide(); } // vertical measurement variables var tipHeight, wHeight; var defHeight = isNaN(parseInt(defaults.height, 10)) ? 'auto' : (/\D/g).test(defaults.height) ? defaults.height : defaults.height + 'px'; var sTop, linkTop, posY, tipY, mouseY; // horizontal measurement variables var tipWidth = parseInt(defaults.width, 10) + parseInt($cluetip.css('paddingLeft')) + parseInt($cluetip.css('paddingRight')) + dropShadowSteps; if( isNaN(tipWidth) ) tipWidth = 275; var linkWidth = this.offsetWidth; var linkLeft, posX, tipX, mouseX, winWidth; // parse the title var tipParts; var tipTitle = (defaults.attribute != 'title') ? $this.attr(defaults.titleAttribute) : ''; if (defaults.splitTitle) { tipParts = tipTitle.split(defaults.splitTitle); tipTitle = tipParts.shift(); } var localContent; /*************************************** * ACTIVATION ****************************************/ //activate clueTip var activate = function(event) { //added by JSchmatz prevAttr = tipAttribute; isActive = true; $cluetip.removeClass().css({width: defaults.width}); if (tipAttribute == $this.attr('href')) { $this.css('cursor', defaults.cursor); } $this.attr('title',''); if (defaults.hoverClass) { $this.addClass(defaults.hoverClass); } linkTop = posY = $this.offset().top; linkLeft = $this.offset().left; mouseX = event.pageX; mouseY = event.pageY; if ($this[0].tagName.toLowerCase() != 'area') { sTop = $(document).scrollTop(); winWidth = $(window).width(); } // position clueTip horizontally posX = (linkWidth > linkLeft && linkLeft > tipWidth) || linkLeft + linkWidth + tipWidth > winWidth ? linkLeft - tipWidth - 15 : linkWidth + linkLeft + 15; if ($this[0].tagName.toLowerCase() == 'area' || defaults.positionBy == 'mouse' || linkWidth + tipWidth > winWidth) { // position by mouse if (mouseX + 20 + tipWidth > winWidth) { posX = (mouseX - tipWidth - 20) >= 0 ? mouseX - tipWidth - 20 : mouseX - (tipWidth/2); } else { posX = mouseX + 20; } var pY = posX < 0 ? event.pageY + 20 : event.pageY; } posX < linkLeft ? $cluetip.addClass('clue-left-' + ctClass).removeClass('clue-right-' + ctClass) : $cluetip.addClass('clue-right-' + ctClass).removeClass('clue-left-' + ctClass); $cluetip.css({left: (posX > 0 && defaults.positionBy != 'bottomTop') ? posX : (mouseX + (tipWidth/2) > winWidth) ? winWidth/2 - tipWidth/2 : Math.max(mouseX - (tipWidth/2),0)}); wHeight = $(window).height(); /*************************************** * load the title attribute only (or user-selected attribute). * clueTip title is the string before the first delimiter * subsequent delimiters place clueTip body text on separate lines ***************************************/ if (tipParts) { for (var i=0; i < tipParts.length; i++){ if (i == 0) { $cluetipInner.html(tipParts[i]); } else { $cluetipInner.append('
' + tipParts[i] + '
'); } }; cluetipShow(pY); } /*************************************** * load external file via ajax ***************************************/ else if (!defaults.local && tipAttribute.indexOf('#') != 0) { if (cluetipContents && defaults.ajaxCache) { $cluetipInner.html(cluetipContents); cluetipShow(pY); } else { var ajaxSettings = defaults.ajaxSettings; ajaxSettings.url = tipAttribute; ajaxSettings.beforeSend = function() { $cluetipOuter.children().empty(); if (defaults.waitImage) { $('#cluetip-waitimage') .css({top: mouseY-10, left: parseInt(posX+(tipWidth/2),10)}) .show(); } }; ajaxSettings.error = function() { if (isActive) { $cluetipInner.html('sorry, the contents could not be loaded'); } }; ajaxSettings.success = function(data) { cluetipContents = defaults.ajaxProcess(data); if (isActive) { $cluetipInner.html(cluetipContents); } }; ajaxSettings.complete = function() { imgCount = $('#cluetip-inner img').length; if (imgCount) { $('#cluetip-inner img').load( function(){ imgCount--; if (imgCount<1) { $('#cluetip-waitimage').hide(); if (isActive) cluetipShow(pY); } }); } else { $('#cluetip-waitimage').hide(); cluetipShow(pY); } }; $.ajax(ajaxSettings); } /*************************************** * load an element from the same page ***************************************/ } else if (defaults.local && tipAttribute.indexOf('#') == 0){ var localContent = $(tipAttribute).html(); $cluetipInner.html(localContent); cluetipShow(pY); } }; // get dimensions and options for cluetip and prepare it to be shown var cluetipShow = function(bpY) { $cluetip.addClass('cluetip-' + ctClass); if (defaults.truncate) { var $truncloaded = $cluetipInner.text().slice(0,defaults.truncate) + '...'; $cluetipInner.html($truncloaded); } function doNothing() {}; //empty function tipTitle ? $cluetipTitle.show().html(tipTitle) : (defaults.showTitle) ? $cluetipTitle.show().html(' ') : $cluetipTitle.hide(); if (defaults.sticky) { var $closeLink = $(''); (defaults.closePosition == 'bottom') ? $closeLink.appendTo($cluetipInner) : (defaults.closePosition == 'title') ? $closeLink.prependTo($cluetipTitle) : $closeLink.prependTo($cluetipInner); $closeLink.click(function() { cluetipClose(); return false; }); if (defaults.mouseOutClose) { $cluetip.hover(function() {doNothing(); }, function() {$closeLink.trigger('click'); }); } else { $cluetip.unbind('mouseout'); } } // now that content is loaded, finish the positioning $cluetipOuter.css({overflow: defHeight == 'auto' ? 'visible' : 'auto', height: defHeight}); tipHeight = defHeight == 'auto' ? $cluetip.outerHeight() : parseInt(defHeight,10); tipY = posY; if ( (posX < mouseX && Math.max(posX, 0) + tipWidth > mouseX) || defaults.positionBy == 'bottomTop') { tipY = posY + tipHeight > sTop + wHeight && mouseY - sTop > tipHeight + 10 ? mouseY - tipHeight - 16 : mouseY + 20; } else if ( posY + tipHeight > sTop + wHeight ) { tipY = (tipHeight >= wHeight) ? sTop : sTop + wHeight - tipHeight - 10; } else if ($this.css('display') == 'block' || $this[0].tagName.toLowerCase() == 'area' || defaults.positionBy == "mouse") { tipY = bpY - 10; } else { tipY = posY - defaults.dropShadowSteps; } $cluetip.css({top: tipY + 'px'}); if (defaults.arrows) { // set up background positioning to align with element var bgPos = '0 0'; var bgY = (posY - tipY - defaults.dropShadowSteps); if ($cluetip.is('.clue-left-' + ctClass)) { bgPos = posX >=0 ? '100% ' + bgY + 'px' : '100% 0'; } else if ($cluetip.is('.clue-right-' +ctClass)) { bgPos = (posX >=0 && bgY > 0) ? '0 ' + bgY + 'px' : '0 0'; } } else { bgPos = '0 100%'; } $cluetip.css({backgroundPosition: bgPos}); // (first hide, then) ***SHOW THE CLUETIP*** $dropShadow.hide(); $cluetip.hide()[defaults.fx.open](defaults.fx.open != 'show' && defaults.fx.openSpeed); if (defaults.dropShadow) $dropShadow.css({height: tipHeight, width: defaults.width}).show(); // trigger the optional onShow function defaults.onShow($cluetip, $cluetipInner); }; /*************************************** =INACTIVATION -------------------------------------- */ var inactivate = function() { isActive = false; $('#cluetip-waitimage').hide(); //commented by JSchmatz //if (!defaults.sticky) { cluetipClose(); //}; if (defaults.hoverClass) { $this.removeClass(defaults.hoverClass); } }; // close cluetip and reset title attribute if one exists var cluetipClose = function() { $cluetipOuter .parent()[defaults.fx.close](defaults.fx.closeSpeed).removeClass().end() .children().empty(); if (tipTitle) { $this.attr('title', tipTitle); } }; /*************************************** =BIND EVENTS -------------------------------------- */ // activate by click if (defaults.activation == 'click'||defaults.activation == 'toggle') { $this.click(function(event) { if ($cluetip.is(':hidden')) { activate(event); } else { //edited by JSchmatz if(prevAttr != tipAttribute){ activate(event); }else{ inactivate(event); } } this.blur(); return false; }); // activate by hover // clicking is returned false if cluetip url is same as href url } else { $this.click(function() { if (tipAttribute == $this.attr('href')) { return false; } }); if ($.fn.hoverIntent && defaults.hoverIntent) { $this.hoverIntent({ sensitivity: defaults.hoverIntent.sensitivity, interval: defaults.hoverIntent.interval, over: function(event) {activate(event);}, timeout: defaults.hoverIntent.timeout, out: function(event) {inactivate(event);} }); } else { $this.hover(function(event) { activate(event); }, function(event) { inactivate(event); }); } } }); }; /* * Global defaults for clueTips. Apply to all calls to the clueTip plugin. * * @example $.cluetip.setup({ * insertionType: 'prependTo', * insertionElement: '#container' * }); * * @property * @name $.cluetip.setup * @type Map * @cat Plugins/tooltip * @option String insertionType: Default is 'appendTo'. Determines the method to be used for inserting the clueTip into the DOM. Permitted values are 'appendTo', 'prependTo', 'insertBefore', and 'insertAfter' * @option String insertionElement: Default is 'body'. Determines which element in the DOM the plugin will reference when inserting the clueTip. * */ var insertionType = 'appendTo', insertionElement = 'body'; $.cluetip = {}; $.cluetip.setup = function(options) { if (options && options.insertionType && (options.insertionType).match(/appendTo|prependTo|insertBefore|insertAfter/)) { insertionType = options.insertionType; } if (options && options.insertionElement) { insertionElement = options.insertionElement; } }; })(jQuery); /* tableHover plugin*/ eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(9($){2 q=9(a){2 b=a.u;2 d=b.8;2 e=[];6(2 i=0;i=0){A[13+s].1p(c)}}3((b==\'R\'&&n.1a)||(b==\'Q\'&&n.1n)||(b==\'V\'&&n.19)){s=c.10;w(--s>=0){7=c.B+s;3($.1B(7+1,n.17)>-1){1A}3(!d[7]){d[7]=[]}d[7].1p(c)}}3((b==\'R\'&&n.1k)||(b==\'Q\'&&n.1m)||(b==\'V\'&&n.1h)){c.E=4}}}};2 g=9(e){2 p=e.P;w(p!=U&&p.E!==4){p=p.D}3(p.E===4){l(p,4)}};2 j=9(e){2 p=e.P;w(p!=U&&p.E!==4){p=p.D}3(p.E===4){l(p,z)}};2 k=9(e){3(e.P.E&&n.F!=\'\'){2 x=e.P.B,y=e.P.D.T,s=\'\';$(\'1l.\'+n.F+\', 1j.\'+n.F,5).1i(n.F);3(x!=M[0]||y!=M[1]){3(n.J!=\'\'){s+=\',.\'+n.J}3(n.I!=\'\'){s+=\',.\'+n.I}3(n.H!=\'\'){s+=\',.\'+n.H}3(s!=\'\'){$(\'1l, 1j\',5).1y(s.1x(1)).1f(n.F)}M=[x,y]}1e{M=[-1,-1]}}};2 l=9(a,b){3(b){$.O.N=$.O.1f}1e{$.O.N=$.O.1i}2 h=d[a.B]||[],C=[],i=0,7,L;3(n.I!=\'\'){w(n.18&&++i max, other_conditions = !settings.leave || (settings.leave && jQuery(this).children().length == 0); if (too_long && other_conditions) { count = max - 1; count_is_valid = count < v.length && count >= 0; while (count_is_valid) { c = v.charAt(count); if (c.match(settings.chars)) { d = v.substring(0,count) + settings.trail[1]; jQuery(this).html(d); break; } count--; count_is_valid = count < v.length && count >= 0; } if (settings.trail[0] ) { jQuery(this).html("" + d + "").append("" + v + "").find("span:eq(1)").append(settings.trail[2]).css("display","none"); jQuery("a:eq(0)",this).click(function() { jQuery(this).parent().css("display","none").parent().find("span:eq(1)").css("display","inline"); return false; }); jQuery("a:eq(1)",this).click(function() { jQuery(this).parent().css("display","none").parent().find("span:eq(0)").css("display","inline"); return false; }); } } }); }; /* jQuery UI Date Picker v3.3 - previously jQuery Calendar Written by Marc Grabanski (m@marcgrabanski.com) and Keith Wood (kbwood@virginbroadband.com.au). Copyright (c) 2007 Marc Grabanski (http://marcgrabanski.com/code/ui-datepicker) Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. Date: 09-03-2007 */ /* Date picker manager. Use the singleton instance of this class, $.datepicker, to interact with the date picker. Settings for (groups of) date pickers are maintained in an instance object (DatepickerInstance), allowing multiple different settings on the same page. */ (function($) { // hide the namespace function Datepicker() { this.debug = false; // Change this to true to start debugging this._nextId = 0; // Next ID for a date picker instance this._inst = []; // List of instances indexed by ID this._curInst = null; // The current instance in use this._disabledInputs = []; // List of date picker inputs that have been disabled this._datepickerShowing = false; // True if the popup picker is showing , false if not this._inDialog = false; // True if showing within a "dialog", false if not this.regional = []; // Available regional settings, indexed by language code this.regional[''] = { // Default regional settings clearText: 'Clear', // Display text for clear link clearStatus: 'Erase the current date', // Status text for clear link closeText: 'Close', // Display text for close link closeStatus: 'Close without change', // Status text for close link prevText: '<Prev', // Display text for previous month link prevStatus: 'Show the previous month', // Status text for previous month link nextText: 'Next>', // Display text for next month link nextStatus: 'Show the next month', // Status text for next month link currentText: 'Today', // Display text for current month link currentStatus: 'Show the current month', // Status text for current month link monthNames: ['January','February','March','April','May','June', 'July','August','September','October','November','December'], // Names of months for drop-down and formatting monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting monthStatus: 'Show a different month', // Status text for selecting a month yearStatus: 'Show a different year', // Status text for selecting a year weekHeader: 'Wk', // Header for the week of the year column weekStatus: 'Week of the year', // Status text for the week of the year column dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday dayStatus: 'Set DD as first week day', // Status text for the day of the week selection dateStatus: 'Select DD, M d', // Status text for the date selection dateFormat: 'mm/dd/yy', // See format options on parseDate firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ... initStatus: 'Select a date', // Initial Status text on opening isRTL: false // True if right-to-left language, false if left-to-right }; this._defaults = { // Global defaults for all the date picker instances showOn: 'focus', // 'focus' for popup on focus, // 'button' for trigger button, or 'both' for either showAnim: 'show', // Name of jQuery animation for popup defaultDate: null, // Used when field is blank: actual date, // +/-number for offset from today, null for today appendText: '', // Display text following the input box, e.g. showing the format buttonText: '...', // Text for trigger button buttonImage: '', // URL for trigger button image buttonImageOnly: false, // True if the image appears alone, false if it appears on a button closeAtTop: true, // True to have the clear/close at the top, // false to have them at the bottom mandatory: false, // True to hide the Clear link, false to include it hideIfNoPrevNext: false, // True to hide next/previous month links // if not applicable, false to just disable them changeMonth: true, // True if month can be selected directly, false if only prev/next changeYear: true, // True if year can be selected directly, false if only prev/next yearRange: '-10:+10', // Range of years to display in drop-down, // either relative to current year (-nn:+nn) or absolute (nnnn:nnnn) changeFirstDay: true, // True to click on day name to change, false to remain as set showOtherMonths: false, // True to show dates in other months, false to leave blank showWeeks: false, // True to show week of the year, false to omit calculateWeek: this.iso8601Week, // How to calculate the week of the year, // takes a Date and returns the number of the week for it shortYearCutoff: '+10', // Short year values < this are in the current century, // > this are in the previous century, // string value starting with '+' for current year + value showStatus: false, // True to show status bar at bottom, false to not show it statusForDate: this.dateStatus, // Function to provide status text for a date - // takes date and instance as parameters, returns display text minDate: null, // The earliest selectable date, or null for no limit maxDate: null, // The latest selectable date, or null for no limit speed: 'medium', // Speed of display/closure beforeShowDay: null, // Function that takes a date and returns an array with // [0] = true if selectable, false if not, // [1] = custom CSS class name(s) or '', e.g. $.datepicker.noWeekends beforeShow: null, // Function that takes an input field and // returns a set of custom settings for the date picker onSelect: null, // Define a callback function when a date is selected numberOfMonths: 1, // Number of months to show at a time stepMonths: 1, // Number of months to step back/forward rangeSelect: false, // Allows for selecting a date range on one date picker rangeSeparator: ' - ' // Text between two dates in a range }; $.extend(this._defaults, this.regional['']); this._datepickerDiv = $('
'); } $.extend(Datepicker.prototype, { /* Class name added to elements to indicate already configured with a date picker. */ markerClassName: 'hasDatepicker', /* Debug logging (if enabled). */ log: function () { if (this.debug) { console.log.apply('', arguments); } }, /* Register a new date picker instance - with custom settings. */ _register: function(inst) { var id = this._nextId++; this._inst[id] = inst; return id; }, /* Retrieve a particular date picker instance based on its ID. */ _getInst: function(id) { return this._inst[id] || id; }, /* Override the default settings for all instances of the date picker. @param settings object - the new settings to use as defaults (anonymous object) @return the manager object */ setDefaults: function(settings) { extendRemove(this._defaults, settings || {}); return this; }, /* Handle keystrokes. */ _doKeyDown: function(e) { var inst = $.datepicker._getInst(this._calId); if ($.datepicker._datepickerShowing) { switch (e.keyCode) { case 9: $.datepicker.hideDatepicker(''); break; // hide on tab out case 13: $.datepicker._selectDay(inst, inst._selectedMonth, inst._selectedYear, $('td.datepicker_daysCellOver', inst._datepickerDiv)[0]); return false; // don't submit the form break; // select the value on enter case 27: $.datepicker.hideDatepicker(inst._get('speed')); break; // hide on escape case 33: $.datepicker._adjustDate(inst, (e.ctrlKey ? -1 : -inst._get('stepMonths')), (e.ctrlKey ? 'Y' : 'M')); break; // previous month/year on page up/+ ctrl case 34: $.datepicker._adjustDate(inst, (e.ctrlKey ? +1 : +inst._get('stepMonths')), (e.ctrlKey ? 'Y' : 'M')); break; // next month/year on page down/+ ctrl case 35: if (e.ctrlKey) $.datepicker._clearDate(inst); break; // clear on ctrl+end case 36: if (e.ctrlKey) $.datepicker._gotoToday(inst); break; // current on ctrl+home case 37: if (e.ctrlKey) $.datepicker._adjustDate(inst, -1, 'D'); break; // -1 day on ctrl+left case 38: if (e.ctrlKey) $.datepicker._adjustDate(inst, -7, 'D'); break; // -1 week on ctrl+up case 39: if (e.ctrlKey) $.datepicker._adjustDate(inst, +1, 'D'); break; // +1 day on ctrl+right case 40: if (e.ctrlKey) $.datepicker._adjustDate(inst, +7, 'D'); break; // +1 week on ctrl+down } } else if (e.keyCode == 36 && e.ctrlKey) { // display the date picker on ctrl+home $.datepicker.showFor(this); } }, /* Filter entered characters - based on date format. */ _doKeyPress: function(e) { var inst = $.datepicker._getInst(this._calId); var chars = $.datepicker._possibleChars(inst._get('dateFormat')); var chr = String.fromCharCode(e.charCode == undefined ? e.keyCode : e.charCode); return (chr < ' ' || !chars || chars.indexOf(chr) > -1); }, /* Attach the date picker to an input field. */ _connectDatepicker: function(target, inst) { var input = $(target); if (this._hasClass(input, this.markerClassName)) { return; } var appendText = inst._get('appendText'); var isRTL = inst._get('isRTL'); if (appendText) { if (isRTL) { input.before('' + appendText + ''); } else { input.after('' + appendText + ''); } } var showOn = inst._get('showOn'); if (showOn == 'focus' || showOn == 'both') { // pop-up date picker when in the marked field input.focus(this.showFor); } if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked var buttonText = inst._get('buttonText'); var buttonImage = inst._get('buttonImage'); var buttonImageOnly = inst._get('buttonImageOnly'); var trigger = $(buttonImageOnly ? '' + buttonText + '' : ''); input.wrap(''); if (isRTL) { input.before(trigger); } else { input.after(trigger); } trigger.click(this.showFor); } input.addClass(this.markerClassName).keydown(this._doKeyDown).keypress(this._doKeyPress); input[0]._calId = inst._id; }, /* Attach an inline date picker to a div. */ _inlineDatepicker: function(target, inst) { var input = $(target); if (this._hasClass(input, this.markerClassName)) { return; } input.addClass(this.markerClassName).append(inst._datepickerDiv); input[0]._calId = inst._id; this._updateDatepicker(inst); /* @todo: fix _inlineShow automatic resizing - Endless loop bug in IE6. - inst._datepickerDiv.resize doesn't ever fire in firefox. */ // inst._datepickerDiv.resize(function() { $.datepicker._inlineShow(inst); }); }, /* Tidy up after displaying the date picker. */ _inlineShow: function(inst) { var numMonths = inst._getNumberOfMonths(); // fix width for dynamic number of date pickers inst._datepickerDiv.width(numMonths[1] * $('.datepicker', inst._datepickerDiv[0]).width()); }, /* Does this element have a particular class? */ _hasClass: function(element, className) { var classes = element.attr('class'); return (classes && classes.indexOf(className) > -1); }, /* Pop-up the date picker in a "dialog" box. @param dateText string - the initial date to display (in the current format) @param onSelect function - the function(dateText) to call when a date is selected @param settings object - update the dialog date picker instance's settings (anonymous object) @param pos int[2] - coordinates for the dialog's position within the screen or event - with x/y coordinates or leave empty for default (screen centre) @return the manager object */ dialogDatepicker: function(dateText, onSelect, settings, pos) { var inst = this._dialogInst; // internal instance if (!inst) { inst = this._dialogInst = new DatepickerInstance({}, false); this._dialogInput = $(''); this._dialogInput.keydown(this._doKeyDown); $('body').append(this._dialogInput); this._dialogInput[0]._calId = inst._id; } extendRemove(inst._settings, settings || {}); this._dialogInput.val(dateText); this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null); if (!this._pos) { var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var browserHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; var scrollY = document.documentElement.scrollTop || document.body.scrollTop; this._pos = // should use actual width/height below [(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY]; } // move input on screen for focus, but hidden behind dialog this._dialogInput.css('left', this._pos[0] + 'px').css('top', this._pos[1] + 'px'); inst._settings.onSelect = onSelect; this._inDialog = true; this._datepickerDiv.addClass('datepicker_dialog'); this.showFor(this._dialogInput[0]); if ($.blockUI) { $.blockUI(this._datepickerDiv); } return this; }, /* Pop-up the date picker for a given input field. @param control element - the input field attached to the date picker or string - the ID or other jQuery selector of the input field or object - jQuery object for input field @return the manager object */ showFor: function(control) { control = (control.jquery ? control[0] : (typeof control == 'string' ? $(control)[0] : control)); var input = (control.nodeName && control.nodeName.toLowerCase() == 'input' ? control : this); if (input.nodeName.toLowerCase() != 'input') { // find from button/image trigger input = $('input', input.parentNode)[0]; } if ($.datepicker._lastInput == input) { // already here return; } if ($(input).isDisabledDatepicker()) { return; } var inst = $.datepicker._getInst(input._calId); var beforeShow = inst._get('beforeShow'); extendRemove(inst._settings, (beforeShow ? beforeShow.apply(input, [input, inst]) : {})); $.datepicker.hideDatepicker(''); $.datepicker._lastInput = input; inst._setDateFromField(input); if ($.datepicker._inDialog) { // hide cursor input.value = ''; } if (!$.datepicker._pos) { // position below input $.datepicker._pos = $.datepicker._findPos(input); $.datepicker._pos[1] += input.offsetHeight; // add the height } var isFixed = false; $(input).parents().each(function() { isFixed |= $(this).css('position') == 'fixed'; }); if (isFixed && $.browser.opera) { // correction for Opera when fixed and scrolled $.datepicker._pos[0] -= document.documentElement.scrollLeft; $.datepicker._pos[1] -= document.documentElement.scrollTop; } inst._datepickerDiv.css('position', ($.datepicker._inDialog && $.blockUI ? 'static' : (isFixed ? 'fixed' : 'absolute'))). css('left', $.datepicker._pos[0] + 'px').css('top', $.datepicker._pos[1] + 'px'); $.datepicker._pos = null; $.datepicker._showDatepicker(inst); return this; }, /* Construct and display the date picker. */ _showDatepicker: function(id) { var inst = this._getInst(id); inst._rangeStart = null; this._updateDatepicker(inst); if (!inst._inline) { var speed = inst._get('speed'); var postProcess = function() { $.datepicker._datepickerShowing = true; $.datepicker._afterShow(inst); }; var showAnim = inst._get('showAnim') || 'show'; inst._datepickerDiv[showAnim](speed, postProcess); if (speed == '') { postProcess(); } if (inst._input[0].type != 'hidden') { inst._input[0].focus(); } this._curInst = inst; } }, /* Generate the date picker content. */ _updateDatepicker: function(inst) { inst._datepickerDiv.empty().append(inst._generateDatepicker()); var numMonths = inst._getNumberOfMonths(); if (numMonths[0] != 1 || numMonths[1] != 1) { inst._datepickerDiv.addClass('datepicker_multi'); } else { inst._datepickerDiv.removeClass('datepicker_multi'); } if (inst._get('isRTL')) { inst._datepickerDiv.addClass('datepicker_rtl'); } else { inst._datepickerDiv.removeClass('datepicker_rtl'); } if (inst._input && inst._input[0].type != 'hidden') { inst._input[0].focus(); } }, /* Tidy up after displaying the date picker. */ _afterShow: function(inst) { var numMonths = inst._getNumberOfMonths(); // fix width for dynamic number of date pickers inst._datepickerDiv.width(numMonths[1] * $('.datepicker', inst._datepickerDiv[0]).width()); if ($.browser.msie && parseInt($.browser.version) < 7) { // fix IE < 7 select problems $('#datepicker_cover').css({width: inst._datepickerDiv.width() + 4, height: inst._datepickerDiv.height() + 4}); } // re-position on screen if necessary var isFixed = inst._datepickerDiv.css('position') == 'fixed'; var pos = inst._input ? $.datepicker._findPos(inst._input[0]) : null; var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var browserHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var scrollX = (isFixed ? 0 : document.documentElement.scrollLeft || document.body.scrollLeft); var scrollY = (isFixed ? 0 : document.documentElement.scrollTop || document.body.scrollTop); // reposition date picker horizontally if outside the browser window if ((inst._datepickerDiv.offset().left + inst._datepickerDiv.width() - (isFixed && $.browser.msie ? document.documentElement.scrollLeft : 0)) > (browserWidth + scrollX)) { inst._datepickerDiv.css('left', Math.max(scrollX, pos[0] + (inst._input ? $(inst._input[0]).width() : null) - inst._datepickerDiv.width() - (isFixed && $.browser.opera ? document.documentElement.scrollLeft : 0)) + 'px'); } // reposition date picker vertically if outside the browser window if ((inst._datepickerDiv.offset().top + inst._datepickerDiv.height() - (isFixed && $.browser.msie ? document.documentElement.scrollTop : 0)) > (browserHeight + scrollY) ) { inst._datepickerDiv.css('top', Math.max(scrollY, pos[1] - (this._inDialog ? 0 : inst._datepickerDiv.height()) - (isFixed && $.browser.opera ? document.documentElement.scrollTop : 0)) + 'px'); } }, /* Find an object's position on the screen. */ _findPos: function(obj) { while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) { obj = obj.nextSibling; } var curleft = curtop = 0; if (obj && obj.offsetParent) { curleft = obj.offsetLeft; curtop = obj.offsetTop; while (obj = obj.offsetParent) { var origcurleft = curleft; curleft += obj.offsetLeft; if (curleft < 0) { curleft = origcurleft; } curtop += obj.offsetTop; } } return [curleft,curtop]; }, /* Hide the date picker from view. @param speed string - the speed at which to close the date picker @return void */ hideDatepicker: function(speed) { var inst = this._curInst; if (!inst) { return; } var rangeSelect = inst._get('rangeSelect'); if (rangeSelect && this._stayOpen) { this._selectDate(inst, inst._formatDate( inst._currentDay, inst._currentMonth, inst._currentYear)); } this._stayOpen = false; if (this._datepickerShowing) { speed = (speed != null ? speed : inst._get('speed')); inst._datepickerDiv.hide(speed, function() { $.datepicker._tidyDialog(inst); }); if (speed == '') { this._tidyDialog(inst); } this._datepickerShowing = false; this._lastInput = null; inst._settings.prompt = null; if (this._inDialog) { this._dialogInput.css('position', 'absolute'). css('left', '0px').css('top', '-100px'); if ($.blockUI) { $.unblockUI(); $('body').append(this._datepickerDiv); } } this._inDialog = false; } this._curInst = null; }, /* Tidy up after a dialog display. */ _tidyDialog: function(inst) { inst._datepickerDiv.removeClass('datepicker_dialog'); $('.datepicker_prompt', inst._datepickerDiv).remove(); }, /* Close date picker if clicked elsewhere. */ _checkExternalClick: function(event) { if (!$.datepicker._curInst) { return; } var target = $(event.target); if ((target.parents("#datepicker_div").length == 0) && (target.attr('class') != 'datepicker_trigger') && $.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI)) { $.datepicker.hideDatepicker(''); } }, /* Adjust one of the date sub-fields. */ _adjustDate: function(id, offset, period) { var inst = this._getInst(id); inst._adjustDate(offset, period); this._updateDatepicker(inst); }, /* Action for current link. */ _gotoToday: function(id) { var date = new Date(); var inst = this._getInst(id); inst._currentDay = date.getDate(); inst._currentMonth = date.getMonth(); inst._currentYear = date.getFullYear(); this._selectDate(id, inst._formatDate( inst._currentDay, inst._currentMonth, inst._currentYear)); }, /* Action for selecting a new month/year. */ _selectMonthYear: function(id, select, period) { var inst = this._getInst(id); inst._selectingMonthYear = false; inst[period == 'M' ? '_selectedMonth' : '_selectedYear'] = select.options[select.selectedIndex].value - 0; this._adjustDate(inst); }, /* Restore input focus after not changing month/year. */ _clickMonthYear: function(id) { var inst = this._getInst(id); if (inst._input && inst._selectingMonthYear && !$.browser.msie) { inst._input[0].focus(); } inst._selectingMonthYear = !inst._selectingMonthYear; }, /* Action for changing the first week day. */ _changeFirstDay: function(id, day) { var inst = this._getInst(id); inst._settings.firstDay = day; this._updateDatepicker(inst); }, /* Action for selecting a day. */ _selectDay: function(id, month, year, td) { if (this._hasClass($(td), 'datepicker_unselectable')) { return; } var inst = this._getInst(id); var rangeSelect = inst._get('rangeSelect'); if (rangeSelect) { if (!this._stayOpen) { $('.datepicker td').removeClass('datepicker_currentDay'); $(td).addClass('datepicker_currentDay'); } this._stayOpen = !this._stayOpen; } inst._currentDay = $('a', td).html(); inst._currentMonth = month; inst._currentYear = year; this._selectDate(id, inst._formatDate( inst._currentDay, inst._currentMonth, inst._currentYear)); if (this._stayOpen) { inst._endDay = inst._endMonth = inst._endYear = null; inst._rangeStart = new Date(inst._currentYear, inst._currentMonth, inst._currentDay); this._updateDatepicker(inst); } else if (rangeSelect) { inst._endDay = inst._currentDay; inst._endMonth = inst._currentMonth; inst._endYear = inst._currentYear; inst._selectedDay = inst._currentDay = inst._rangeStart.getDate(); inst._selectedMonth = inst._currentMonth = inst._rangeStart.getMonth(); inst._selectedYear = inst._currentYear = inst._rangeStart.getFullYear(); inst._rangeStart = null; if (inst._inline) { this._updateDatepicker(inst); } } }, /* Erase the input field and hide the date picker. */ _clearDate: function(id) { var inst = this._getInst(id); this._stayOpen = false; inst._endDay = inst._endMonth = inst._endYear = inst._rangeStart = null; this._selectDate(inst, ''); }, /* Update the input field with the selected date. */ _selectDate: function(id, dateStr) { var inst = this._getInst(id); dateStr = (dateStr != null ? dateStr : inst._formatDate()); if (inst._rangeStart) { dateStr = inst._formatDate(inst._rangeStart) + inst._get('rangeSeparator') + dateStr; } if (inst._input) { inst._input.val(dateStr); } var onSelect = inst._get('onSelect'); if (onSelect) { onSelect.apply((inst._input ? inst._input[0] : null), [dateStr, inst]); // trigger custom callback } else { if (inst._input) { inst._input.trigger('change'); // fire the change event } } if (inst._inline) { this._updateDatepicker(inst); } else { if (!this._stayOpen) { this.hideDatepicker(inst._get('speed')); this._lastInput = inst._input[0]; if (typeof(inst._input[0]) != 'object') { inst._input[0].focus(); // restore focus } this._lastInput = null; } } }, /* Set as beforeShowDay function to prevent selection of weekends. @param date Date - the date to customise @return [boolean, string] - is this date selectable?, what is its CSS class? */ noWeekends: function(date) { var day = date.getDay(); return [(day > 0 && day < 6), '']; }, /* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition. @param date Date - the date to get the week for @return number - the number of the week within the year that contains this date */ iso8601Week: function(date) { var checkDate = new Date(date.getFullYear(), date.getMonth(), date.getDate()); var firstMon = new Date(checkDate.getFullYear(), 1 - 1, 4); // First week always contains 4 Jan var firstDay = firstMon.getDay() || 7; // Day of week: Mon = 1, ..., Sun = 7 firstMon.setDate(firstMon.getDate() + 1 - firstDay); // Preceding Monday if (firstDay < 4 && checkDate < firstMon) { // Adjust first three days in year if necessary checkDate.setDate(checkDate.getDate() - 3); // Generate for previous year return $.datepicker.iso8601Week(checkDate); } else if (checkDate > new Date(checkDate.getFullYear(), 12 - 1, 28)) { // Check last three days in year firstDay = new Date(checkDate.getFullYear() + 1, 1 - 1, 4).getDay() || 7; if (firstDay > 4 && (checkDate.getDay() || 7) < firstDay - 3) { // Adjust if necessary checkDate.setDate(checkDate.getDate() + 3); // Generate for next year return $.datepicker.iso8601Week(checkDate); } } return Math.floor(((checkDate - firstMon) / 86400000) / 7) + 1; // Weeks to given date }, /* Provide status text for a particular date. @param date the date to get the status for @param inst the current datepicker instance @return the status display text for this date */ dateStatus: function(date, inst) { return $.datepicker.formatDate(inst._get('dateStatus'), date, inst._getFormatConfig()); }, /* Parse a string value into a date object. The format can be combinations of the following: d - day of month (no leading zero) dd - day of month (two digit) D - day name short DD - day name long m - month of year (no leading zero) mm - month of year (two digit) M - month name short MM - month name long y - year (two digit) yy - year (four digit) '...' - literal text '' - single quote @param format String - the expected format of the date @param value String - the date in the above format @param settings Object - attributes include: shortYearCutoff Number - the cutoff year for determining the century (optional) dayNamesShort String[7] - abbreviated names of the days from Sunday (optional) dayNames String[7] - names of the days from Sunday (optional) monthNamesShort String[12] - abbreviated names of the months (optional) monthNames String[12] - names of the months (optional) @return Date - the extracted date value or null if value is blank */ parseDate: function (format, value, settings) { if (format == null || value == null) { throw 'Invalid arguments'; } // format = dateFormats[format] || format; value = (typeof value == 'object' ? value.toString() : value + ''); if (value == '') { return null; } var shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff; var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort; var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames; var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort; var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames; var year = -1; var month = -1; var day = -1; var literal = false; // Check whether a format character is doubled var lookAhead = function(match) { var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match); if (matches) { iFormat++; } return matches; }; // Extract a number from the string value var getNumber = function(match) { lookAhead(match); var size = (match == 'y' ? 4 : 2); var num = 0; while (size > 0 && iValue < value.length && value.charAt(iValue) >= '0' && value.charAt(iValue) <= '9') { num = num * 10 + (value.charAt(iValue++) - 0); size--; } if (size == (match == 'y' ? 4 : 2)) { throw 'Missing number at position ' + iValue; } return num; }; // Extract a name from the string value and convert to an index var getName = function(match, shortNames, longNames) { var names = (lookAhead(match) ? longNames : shortNames); var size = 0; for (var j = 0; j < names.length; j++) { size = Math.max(size, names[j].length); } var name = ''; var iInit = iValue; while (size > 0 && iValue < value.length) { name += value.charAt(iValue++); for (var i = 0; i < names.length; i++) { if (name == names[i]) { return i + 1; } } size--; } throw 'Unknown name at position ' + iInit; }; // Confirm that a literal character matches the string value var checkLiteral = function() { if (value.charAt(iValue) != format.charAt(iFormat)) { throw 'Unexpected literal at position ' + iValue; } iValue++; }; var iValue = 0; for (var iFormat = 0; iFormat < format.length; iFormat++) { if (literal) { if (format.charAt(iFormat) == '\'' && !lookAhead('\'')) { literal = false; } else { checkLiteral(); } } else { switch (format.charAt(iFormat)) { case 'd': day = getNumber('d'); break; case 'D': getName('D', dayNamesShort, dayNames); break; case 'm': month = getNumber('m'); break; case 'M': month = getName('M', monthNamesShort, monthNames); break; case 'y': year = getNumber('y'); break; case '\'': if (lookAhead('\'')) { checkLiteral(); } else { literal = true; } break; default: checkLiteral(); } } } if (year < 100) { year += new Date().getFullYear() - new Date().getFullYear() % 100 + (year <= shortYearCutoff ? 0 : -100); } var date = new Date(year, month - 1, day); if (date.getFullYear() != year || date.getMonth() + 1 != month || date.getDate() != day) { throw 'Invalid date'; // E.g. 31/02/* } return date; }, /* Format a date object into a string value. The format can be combinations of the following: d - day of month (no leading zero) dd - day of month (two digit) D - day name short DD - day name long m - month of year (no leading zero) mm - month of year (two digit) M - month name short MM - month name long y - year (two digit) yy - year (four digit) '...' - literal text '' - single quote @param format String - the desired format of the date @param date Date - the date value to format @param settings Object - attributes include: dayNamesShort String[7] - abbreviated names of the days from Sunday (optional) dayNames String[7] - names of the days from Sunday (optional) monthNamesShort String[12] - abbreviated names of the months (optional) monthNames String[12] - names of the months (optional) @return String - the date in the above format */ formatDate: function (format, date, settings) { if (!date) { return ''; } // format = dateFormats[format] || format; var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort; var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames; var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort; var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames; // Check whether a format character is doubled var lookAhead = function(match) { var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match); if (matches) { iFormat++; } return matches; }; // Format a number, with leading zero if necessary var formatNumber = function(match, value) { return (lookAhead(match) && value < 10 ? '0' : '') + value; }; // Format a name, short or long as requested var formatName = function(match, value, shortNames, longNames) { return (lookAhead(match) ? longNames[value] : shortNames[value]); }; var output = ''; var literal = false; if (date) { for (var iFormat = 0; iFormat < format.length; iFormat++) { if (literal) { if (format.charAt(iFormat) == '\'' && !lookAhead('\'')) { literal = false; } else { output += format.charAt(iFormat); } } else { switch (format.charAt(iFormat)) { case 'd': output += formatNumber('d', date.getDate()); break; case 'D': output += formatName('D', date.getDay(), dayNamesShort, dayNames); break; case 'm': output += formatNumber('m', date.getMonth() + 1); break; case 'M': output += formatName('M', date.getMonth(), monthNamesShort, monthNames); break; case 'y': output += (lookAhead('y') ? date.getFullYear() : (date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100); break; case '\'': if (lookAhead('\'')) { output += '\''; } else { literal = true; } break; default: output += format.charAt(iFormat); } } } } return output; }, /* Extract all possible characters from the date format. */ _possibleChars: function (format) { // format = dateFormats[format] || format; var chars = ''; var literal = false; for (var iFormat = 0; iFormat < format.length; iFormat++) { if (literal) { if (format.charAt(iFormat) == '\'' && !lookAhead('\'')) { literal = false; } else { chars += format.charAt(iFormat); } } else { switch (format.charAt(iFormat)) { case 'd': case 'm': case 'y': chars += '0123456789'; break; case 'D': case 'M': return null; // Accept anything case '\'': if (lookAhead('\'')) { chars += '\''; } else { literal = true; } break; default: chars += format.charAt(iFormat); } } } return chars; } }); /* Individualised settings for date picker functionality applied to one or more related inputs. Instances are managed and manipulated through the Datepicker manager. */ function DatepickerInstance(settings, inline) { this._id = $.datepicker._register(this); this._selectedDay = 0; this._selectedMonth = 0; // 0-11 this._selectedYear = 0; // 4-digit year this._input = null; // The attached input field this._inline = inline; // True if showing inline, false if used in a popup this._datepickerDiv = (!inline ? $.datepicker._datepickerDiv : $('
')); // customise the date picker object - uses manager defaults if not overridden this._settings = extendRemove({}, settings || {}); // clone if (inline) { this._setDate(this._getDefaultDate()); } } $.extend(DatepickerInstance.prototype, { /* Get a setting value, defaulting if necessary. */ _get: function(name) { return (this._settings[name] != null ? this._settings[name] : $.datepicker._defaults[name]); }, /* Parse existing date and initialise date picker. */ _setDateFromField: function(input) { this._input = $(input); var dateFormat = this._get('dateFormat'); var dates = this._input ? this._input.val().split(this._get('rangeSeparator')) : null; this._endDay = this._endMonth = this._endYear = null; var date = defaultDate = this._getDefaultDate(); if (dates.length > 0) { var settings = this._getFormatConfig(); if (dates.length > 1) { date = $.datepicker.parseDate(dateFormat, dates[1], settings) || defaultDate; this._endDay = date.getDate(); this._endMonth = date.getMonth(); this._endYear = date.getFullYear(); } try { date = $.datepicker.parseDate(dateFormat, dates[0], settings) || defaultDate; } catch (e) { $.datepicker.log(e); date = defaultDate; } } this._selectedDay = this._currentDay = date.getDate(); this._selectedMonth = this._currentMonth = date.getMonth(); this._selectedYear = this._currentYear = date.getFullYear(); this._adjustDate(); }, /* Retrieve the default date shown on opening. */ _getDefaultDate: function() { return this._determineDate('defaultDate', new Date()); }, /* A date may be specified as an exact value or a relative one. */ _determineDate: function(name, defaultDate) { var offsetNumeric = function(offset) { var date = new Date(); date.setDate(date.getDate() + offset); return date; }; var offsetString = function(offset, getDaysInMonth) { var date = new Date(); var matches = /^([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?$/.exec(offset); if (matches) { var year = date.getFullYear(); var month = date.getMonth(); var day = date.getDate(); switch (matches[2] || 'd') { case 'd' : case 'D' : day += (matches[1] - 0); break; case 'w' : case 'W' : day += (matches[1] * 7); break; case 'm' : case 'M' : month += (matches[1] - 0); day = Math.min(day, getDaysInMonth(year, month)); break; case 'y': case 'Y' : year += (matches[1] - 0); day = Math.min(day, getDaysInMonth(year, month)); break; } date = new Date(year, month, day); } return date; }; var date = this._get(name); return (date == null ? defaultDate : (typeof date == 'string' ? offsetString(date, this._getDaysInMonth) : (typeof date == 'number' ? offsetNumeric(date) : date))); }, /* Set the date(s) directly. */ _setDate: function(date, endDate) { this._selectedDay = this._currentDay = date.getDate(); this._selectedMonth = this._currentMonth = date.getMonth(); this._selectedYear = this._currentYear = date.getFullYear(); if (this._get('rangeSelect')) { if (endDate) { this._endDay = endDate.getDate(); this._endMonth = endDate.getMonth(); this._endYear = endDate.getFullYear(); } else { this._endDay = this._currentDay; this._endMonth = this._currentMonth; this._endYear = this._currentYear; } } this._adjustDate(); }, /* Retrieve the date(s) directly. */ _getDate: function() { var startDate = (!this._currentYear || (this._input && this._input.val() == '') ? null : new Date(this._currentYear, this._currentMonth, this._currentDay)); if (this._get('rangeSelect')) { return [startDate, (!this._endYear ? null : new Date(this._endYear, this._endMonth, this._endDay))]; } else { return startDate; } }, /* Generate the HTML for the current state of the date picker. */ _generateDatepicker: function() { var today = new Date(); today = new Date(today.getFullYear(), today.getMonth(), today.getDate()); // clear time var showStatus = this._get('showStatus'); var isRTL = this._get('isRTL'); // build the date picker HTML var clear = (this._get('mandatory') ? '' : '
' + this._get('clearText') + '
'); var controls = '
' + (isRTL ? '' : clear) + '
' + this._get('closeText') + '
' + (isRTL ? clear : '') + '
'; var prompt = this._get('prompt'); var closeAtTop = this._get('closeAtTop'); var hideIfNoPrevNext = this._get('hideIfNoPrevNext'); var numMonths = this._getNumberOfMonths(); var stepMonths = this._get('stepMonths'); var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1); var minDate = this._getMinMaxDate('min', true); var maxDate = this._getMinMaxDate('max'); var drawMonth = this._selectedMonth; var drawYear = this._selectedYear; if (maxDate) { var maxDraw = new Date(maxDate.getFullYear(), maxDate.getMonth() - numMonths[1] + 1, maxDate.getDate()); maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw); while (new Date(drawYear, drawMonth, 1) > maxDraw) { drawMonth--; if (drawMonth < 0) { drawMonth = 11; drawYear--; } } } // controls and links var prev = '
' + (this._canAdjustMonth(-1, drawYear, drawMonth) ? '' + this._get('prevText') + '' : (hideIfNoPrevNext ? '' : '')) + '
'; var next = '
' + (this._canAdjustMonth(+1, drawYear, drawMonth) ? '' + this._get('nextText') + '' : (hideIfNoPrevNext ? '>' : '')) + '
'; var html = (prompt ? '
' + prompt + '
' : '') + (closeAtTop && !this._inline ? controls : '') + '
' + (isRTL ? next : prev) + (this._isInRange(today) ? '
' + '' + this._get('currentText') + '
' : '') + (isRTL ? prev : next) + '
'; var showWeeks = this._get('showWeeks'); for (var row = 0; row < numMonths[0]; row++) { for (var col = 0; col < numMonths[1]; col++) { var selectedDate = new Date(drawYear, drawMonth, this._selectedDay); html += '
' + this._generateMonthYearHeader(drawMonth, drawYear, minDate, maxDate, selectedDate, row > 0 || col > 0) + // draw month headers '' + '' + (showWeeks ? '' : ''); var firstDay = this._get('firstDay'); var changeFirstDay = this._get('changeFirstDay'); var dayNames = this._get('dayNames'); var dayNamesShort = this._get('dayNamesShort'); var dayNamesMin = this._get('dayNamesMin'); for (var dow = 0; dow < 7; dow++) { // days of the week var day = (dow + firstDay) % 7; var status = this._get('dayStatus') || ' '; status = (status.indexOf('DD') > -1 ? status.replace(/DD/, dayNames[day]) : status.replace(/D/, dayNamesShort[day])); html += '= 5 ? ' class="datepicker_weekEndCell"' : '') + '>' + (!changeFirstDay ? '' + dayNamesMin[day] + (changeFirstDay ? '' : '') + ''; } html += ''; var daysInMonth = this._getDaysInMonth(drawYear, drawMonth); if (drawYear == this._selectedYear && drawMonth == this._selectedMonth) { this._selectedDay = Math.min(this._selectedDay, daysInMonth); } var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7; var currentDate = new Date(this._currentYear, this._currentMonth, this._currentDay); var endDate = this._endDay ? new Date(this._endYear, this._endMonth, this._endDay) : currentDate; var printDate = new Date(drawYear, drawMonth, 1 - leadDays); var numRows = (isMultiMonth ? 6 : Math.ceil((leadDays + daysInMonth) / 7)); // calculate the number of rows to generate var beforeShowDay = this._get('beforeShowDay'); var showOtherMonths = this._get('showOtherMonths'); var calculateWeek = this._get('calculateWeek') || $.datepicker.iso8601Week; var dateStatus = this._get('statusForDate') || $.datepicker.dateStatus; for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows html += '' + (showWeeks ? '' : ''); for (var dow = 0; dow < 7; dow++) { // create date picker days var daySettings = (beforeShowDay ? beforeShowDay.apply((this._input ? this._input[0] : null), [printDate]) : [true, '']); var otherMonth = (printDate.getMonth() != drawMonth); var unselectable = otherMonth || !daySettings[0] || (minDate && printDate < minDate) || (maxDate && printDate > maxDate); html += ''; // display for this month printDate.setDate(printDate.getDate() + 1); } html += ''; } drawMonth++; if (drawMonth > 11) { drawMonth = 0; drawYear++; } html += '
' + this._get('weekHeader') + '
' + calculateWeek(printDate) + '' + // actions (otherMonth ? (showOtherMonths ? printDate.getDate() : ' ') : // display for other months (unselectable ? printDate.getDate() : '' + printDate.getDate() + '')) + '
'; } } html += (showStatus ? '
' + (this._get('initStatus') || ' ') + '
' : '') + (!closeAtTop && !this._inline ? controls : '') + '
' + ($.browser.msie && parseInt($.browser.version) < 7 && !this._inline ? '' : ''); return html; }, /* Generate the month and year header. */ _generateMonthYearHeader: function(drawMonth, drawYear, minDate, maxDate, selectedDate, secondary) { minDate = (this._rangeStart && minDate && selectedDate < minDate ? selectedDate : minDate); var showStatus = this._get('showStatus'); var html = '
'; // month selection var monthNames = this._get('monthNames'); if (secondary || !this._get('changeMonth')) { html += monthNames[drawMonth] + ' '; } else { var inMinYear = (minDate && minDate.getFullYear() == drawYear); var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear); html += ''; } // year selection if (secondary || !this._get('changeYear')) { html += drawYear; } else { // determine range of years to display var years = this._get('yearRange').split(':'); var year = 0; var endYear = 0; if (years.length != 2) { year = drawYear - 10; endYear = drawYear + 10; } else if (years[0].charAt(0) == '+' || years[0].charAt(0) == '-') { year = drawYear + parseInt(years[0], 10); endYear = drawYear + parseInt(years[1], 10); } else { year = parseInt(years[0], 10); endYear = parseInt(years[1], 10); } year = (minDate ? Math.max(year, minDate.getFullYear()) : year); endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear); html += ''; } html += '
'; // Close datepicker_header return html; }, /* Provide code to set and clear the status panel. */ _addStatus: function(text) { return ' onmouseover="jQuery(\'#datepicker_status_' + this._id + '\').html(\'' + text + '\');" ' + 'onmouseout="jQuery(\'#datepicker_status_' + this._id + '\').html(\' \');"'; }, /* Adjust one of the date sub-fields. */ _adjustDate: function(offset, period) { var year = this._selectedYear + (period == 'Y' ? offset : 0); var month = this._selectedMonth + (period == 'M' ? offset : 0); var day = Math.min(this._selectedDay, this._getDaysInMonth(year, month)) + (period == 'D' ? offset : 0); var date = new Date(year, month, day); // ensure it is within the bounds set var minDate = this._getMinMaxDate('min', true); var maxDate = this._getMinMaxDate('max'); date = (minDate && date < minDate ? minDate : date); date = (maxDate && date > maxDate ? maxDate : date); this._selectedDay = date.getDate(); this._selectedMonth = date.getMonth(); this._selectedYear = date.getFullYear(); }, /* Determine the number of months to show. */ _getNumberOfMonths: function() { var numMonths = this._get('numberOfMonths'); return (numMonths == null ? [1, 1] : (typeof numMonths == 'number' ? [1, numMonths] : numMonths)); }, /* Determine the current maximum date - ensure no time components are set - may be overridden for a range. */ _getMinMaxDate: function(minMax, checkRange) { var date = this._determineDate(minMax + 'Date', null); if (date) { date.setHours(0); date.setMinutes(0); date.setSeconds(0); date.setMilliseconds(0); } return date || (checkRange ? this._rangeStart : null); }, /* Find the number of days in a given month. */ _getDaysInMonth: function(year, month) { return 32 - new Date(year, month, 32).getDate(); }, /* Find the day of the week of the first of a month. */ _getFirstDayOfMonth: function(year, month) { return new Date(year, month, 1).getDay(); }, /* Determines if we should allow a "next/prev" month display change. */ _canAdjustMonth: function(offset, curYear, curMonth) { var numMonths = this._getNumberOfMonths(); var date = new Date(curYear, curMonth + (offset < 0 ? offset : numMonths[1]), 1); if (offset < 0) { date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth())); } return this._isInRange(date); }, /* Is the given date in the accepted range? */ _isInRange: function(date) { // during range selection, use minimum of selected date and range start var newMinDate = (!this._rangeStart ? null : new Date(this._selectedYear, this._selectedMonth, this._selectedDay)); newMinDate = (newMinDate && this._rangeStart < newMinDate ? this._rangeStart : newMinDate); var minDate = newMinDate || this._getMinMaxDate('min'); var maxDate = this._getMinMaxDate('max'); return ((!minDate || date >= minDate) && (!maxDate || date <= maxDate)); }, /* Provide the configuration settings for formatting/parsing. */ _getFormatConfig: function() { var shortYearCutoff = this._get('shortYearCutoff'); shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff : new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10)); return {shortYearCutoff: shortYearCutoff, dayNamesShort: this._get('dayNamesShort'), dayNames: this._get('dayNames'), monthNamesShort: this._get('monthNamesShort'), monthNames: this._get('monthNames')}; }, /* Format the given date for display. */ _formatDate: function(day, month, year) { if (!day) { this._currentDay = this._selectedDay; this._currentMonth = this._selectedMonth; this._currentYear = this._selectedYear; } var date = (day ? (typeof day == 'object' ? day : new Date(year, month, day)) : new Date(this._currentYear, this._currentMonth, this._currentDay)); return $.datepicker.formatDate(this._get('dateFormat'), date, this._getFormatConfig()); } }); /* jQuery extend now ignores nulls! */ function extendRemove(target, props) { $.extend(target, props); for (var name in props) { if (props[name] == null) { target[name] = null; } } return target; }; /* Attach the date picker to a jQuery selection. @param settings object - the new settings to use for this date picker instance (anonymous) @return jQuery object - for chaining further calls */ $.fn.attachDatepicker = function(settings) { return this.each(function() { // check for settings on the control itself - in namespace 'date:' var inlineSettings = null; for (attrName in $.datepicker._defaults) { var attrValue = this.getAttribute('date:' + attrName); if (attrValue) { inlineSettings = inlineSettings || {}; try { inlineSettings[attrName] = eval(attrValue); } catch (err) { inlineSettings[attrName] = attrValue; } } } var nodeName = this.nodeName.toLowerCase(); if (nodeName == 'input') { var instSettings = (inlineSettings ? $.extend($.extend({}, settings || {}), inlineSettings || {}) : settings); // clone and customise var inst = (inst && !inlineSettings ? inst : new DatepickerInstance(instSettings, false)); $.datepicker._connectDatepicker(this, inst); } else if (nodeName == 'div' || nodeName == 'span') { var instSettings = $.extend($.extend({}, settings || {}), inlineSettings || {}); // clone and customise var inst = new DatepickerInstance(instSettings, true); $.datepicker._inlineDatepicker(this, inst); } }); }; /* Detach a datepicker from its control. @return jQuery object - for chaining further calls */ $.fn.removeDatepicker = function() { var jq = this.each(function() { var $this = $(this); var nodeName = this.nodeName.toLowerCase(); var calId = this._calId; this._calId = null; if (nodeName == 'input') { $this.siblings('.datepicker_append').replaceWith(''); $this.siblings('.datepicker_trigger').replaceWith(''); $this.removeClass($.datepicker.markerClassName). unbind('focus', $.datepicker.showFor). unbind('keydown', $.datepicker._doKeyDown). unbind('keypress', $.datepicker._doKeyPress); var wrapper = $this.parents('.datepicker_wrap'); if (wrapper) { wrapper.replaceWith(wrapper.html()); } } else if (nodeName == 'div' || nodeName == 'span') { $this.removeClass($.datepicker.markerClassName).empty(); } if ($('input[_calId=' + calId + ']').length == 0) { // clean up if last for this ID $.datepicker._inst[calId] = null; } }); if ($('input.hasDatepicker').length == 0) { // clean up if last input $.datepicker._datepickerDiv.replaceWith(''); } return jq; }; /* Enable the date picker to a jQuery selection. @return jQuery object - for chaining further calls */ $.fn.enableDatepicker = function() { return this.each(function() { this.disabled = false; $(this).siblings('button.datepicker_trigger').each(function() { this.disabled = false; }); $(this).siblings('img.datepicker_trigger').css({opacity: '1.0', cursor: ''}); var $this = this; $.datepicker._disabledInputs = $.map($.datepicker._disabledInputs, function(value) { return (value == $this ? null : value); }); // delete entry }); }; /* Disable the date picker to a jQuery selection. @return jQuery object - for chaining further calls */ $.fn.disableDatepicker = function() { return this.each(function() { this.disabled = true; $(this).siblings('button.datepicker_trigger').each(function() { this.disabled = true; }); $(this).siblings('img.datepicker_trigger').css({opacity: '0.5', cursor: 'default'}); var $this = this; $.datepicker._disabledInputs = $.map($.datepicker._disabledInputs, function(value) { return (value == $this ? null : value); }); // delete entry $.datepicker._disabledInputs[$.datepicker._disabledInputs.length] = this; }); }; /* Is the first field in a jQuery collection disabled as a datepicker? @return boolean - true if disabled, false if enabled */ $.fn.isDisabledDatepicker = function() { if (this.length == 0) { return false; } for (var i = 0; i < $.datepicker._disabledInputs.length; i++) { if ($.datepicker._disabledInputs[i] == this[0]) { return true; } } return false; }; /* Update the settings for a date picker attached to an input field or division. @param name string - the name of the setting to change object - the new settings to update @param value any - the new value for the setting (omit if above is a map) @return jQuery object - for chaining further calls */ $.fn.changeDatepicker = function(name, value) { var settings = name || {}; if (typeof name == 'string') { settings = {}; settings[name] = value; } return this.each(function() { var inst = $.datepicker._getInst(this._calId); if (inst) { extendRemove(inst._settings, settings); $.datepicker._updateDatepicker(inst); } }); }; /* Show the date picker attached to the first entry in a jQuery selection. @return jQuery object - for chaining further calls */ $.fn.showDatepicker = function() { $.datepicker.showFor(this); return this; }; /* Set the dates for a jQuery selection. @param date Date - the new date @param endDate Date - the new end date for a range (optional) @return jQuery object - for chaining further calls */ $.fn.setDatepickerDate = function(date, endDate) { return this.each(function() { var inst = $.datepicker._getInst(this._calId); if (inst) { inst._setDate(date, endDate); $.datepicker._updateDatepicker(inst); } }); }; /* Get the date(s) for the first entry in a jQuery selection. @return Date - the current date or Date[2] - the current dates for a range*/ $.fn.getDatepickerDate = function() { var inst = (this.length > 0 ? $.datepicker._getInst(this[0]._calId) : null); return (inst ? inst._getDate() : null); }; /* Initialise the date picker. */ $(document).ready(function() { $.datepicker = new Datepicker(); // singleton instance $(document.body).append($.datepicker._datepickerDiv). mousedown($.datepicker._checkExternalClick); }); })(jQuery); /** jSelect hides a