Gary Sharp
15e2c2a501
Change to jQuery Validation broke Unobtrusive Validation. See: https://github.com/jzaefferer/jquery-validation/issues/455
40228 lines
1.2 MiB
Plaintext
40228 lines
1.2 MiB
Plaintext
///#source 1 1 /ClientSource/Scripts/Core/modernizr-2.6.2.js
|
|
/*!
|
|
* Modernizr v2.6.2
|
|
* www.modernizr.com
|
|
*
|
|
* Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
|
|
* Available under the BSD and MIT licenses: www.modernizr.com/license/
|
|
*/
|
|
|
|
/*
|
|
* Modernizr tests which native CSS3 and HTML5 features are available in
|
|
* the current UA and makes the results available to you in two ways:
|
|
* as properties on a global Modernizr object, and as classes on the
|
|
* <html> element. This information allows you to progressively enhance
|
|
* your pages with a granular level of control over the experience.
|
|
*
|
|
* Modernizr has an optional (not included) conditional resource loader
|
|
* called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
|
|
* To get a build that includes Modernizr.load(), as well as choosing
|
|
* which tests to include, go to www.modernizr.com/download/
|
|
*
|
|
* Authors Faruk Ates, Paul Irish, Alex Sexton
|
|
* Contributors Ryan Seddon, Ben Alman
|
|
*/
|
|
|
|
window.Modernizr = (function( window, document, undefined ) {
|
|
|
|
var version = '2.6.2',
|
|
|
|
Modernizr = {},
|
|
|
|
/*>>cssclasses*/
|
|
// option for enabling the HTML classes to be added
|
|
enableClasses = true,
|
|
/*>>cssclasses*/
|
|
|
|
docElement = document.documentElement,
|
|
|
|
/**
|
|
* Create our "modernizr" element that we do most feature tests on.
|
|
*/
|
|
mod = 'modernizr',
|
|
modElem = document.createElement(mod),
|
|
mStyle = modElem.style,
|
|
|
|
/**
|
|
* Create the input element for various Web Forms feature tests.
|
|
*/
|
|
inputElem /*>>inputelem*/ = document.createElement('input') /*>>inputelem*/ ,
|
|
|
|
/*>>smile*/
|
|
smile = ':)',
|
|
/*>>smile*/
|
|
|
|
toString = {}.toString,
|
|
|
|
// TODO :: make the prefixes more granular
|
|
/*>>prefixes*/
|
|
// List of property values to set for css tests. See ticket #21
|
|
prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
|
|
/*>>prefixes*/
|
|
|
|
/*>>domprefixes*/
|
|
// Following spec is to expose vendor-specific style properties as:
|
|
// elem.style.WebkitBorderRadius
|
|
// and the following would be incorrect:
|
|
// elem.style.webkitBorderRadius
|
|
|
|
// Webkit ghosts their properties in lowercase but Opera & Moz do not.
|
|
// Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
|
|
// erik.eae.net/archives/2008/03/10/21.48.10/
|
|
|
|
// More here: github.com/Modernizr/Modernizr/issues/issue/21
|
|
omPrefixes = 'Webkit Moz O ms',
|
|
|
|
cssomPrefixes = omPrefixes.split(' '),
|
|
|
|
domPrefixes = omPrefixes.toLowerCase().split(' '),
|
|
/*>>domprefixes*/
|
|
|
|
/*>>ns*/
|
|
ns = {'svg': 'http://www.w3.org/2000/svg'},
|
|
/*>>ns*/
|
|
|
|
tests = {},
|
|
inputs = {},
|
|
attrs = {},
|
|
|
|
classes = [],
|
|
|
|
slice = classes.slice,
|
|
|
|
featureName, // used in testing loop
|
|
|
|
|
|
/*>>teststyles*/
|
|
// Inject element with style element and some CSS rules
|
|
injectElementWithStyles = function( rule, callback, nodes, testnames ) {
|
|
|
|
var style, ret, node, docOverflow,
|
|
div = document.createElement('div'),
|
|
// After page load injecting a fake body doesn't work so check if body exists
|
|
body = document.body,
|
|
// IE6 and 7 won't return offsetWidth or offsetHeight unless it's in the body element, so we fake it.
|
|
fakeBody = body || document.createElement('body');
|
|
|
|
if ( parseInt(nodes, 10) ) {
|
|
// In order not to give false positives we create a node for each test
|
|
// This also allows the method to scale for unspecified uses
|
|
while ( nodes-- ) {
|
|
node = document.createElement('div');
|
|
node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
|
|
div.appendChild(node);
|
|
}
|
|
}
|
|
|
|
// <style> elements in IE6-9 are considered 'NoScope' elements and therefore will be removed
|
|
// when injected with innerHTML. To get around this you need to prepend the 'NoScope' element
|
|
// with a 'scoped' element, in our case the soft-hyphen entity as it won't mess with our measurements.
|
|
// msdn.microsoft.com/en-us/library/ms533897%28VS.85%29.aspx
|
|
// Documents served as xml will throw if using ­ so use xml friendly encoded version. See issue #277
|
|
style = ['­','<style id="s', mod, '">', rule, '</style>'].join('');
|
|
div.id = mod;
|
|
// IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
|
|
// Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
|
|
(body ? div : fakeBody).innerHTML += style;
|
|
fakeBody.appendChild(div);
|
|
if ( !body ) {
|
|
//avoid crashing IE8, if background image is used
|
|
fakeBody.style.background = '';
|
|
//Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
|
|
fakeBody.style.overflow = 'hidden';
|
|
docOverflow = docElement.style.overflow;
|
|
docElement.style.overflow = 'hidden';
|
|
docElement.appendChild(fakeBody);
|
|
}
|
|
|
|
ret = callback(div, rule);
|
|
// If this is done after page load we don't want to remove the body so check if body exists
|
|
if ( !body ) {
|
|
fakeBody.parentNode.removeChild(fakeBody);
|
|
docElement.style.overflow = docOverflow;
|
|
} else {
|
|
div.parentNode.removeChild(div);
|
|
}
|
|
|
|
return !!ret;
|
|
|
|
},
|
|
/*>>teststyles*/
|
|
|
|
/*>>mq*/
|
|
// adapted from matchMedia polyfill
|
|
// by Scott Jehl and Paul Irish
|
|
// gist.github.com/786768
|
|
testMediaQuery = function( mq ) {
|
|
|
|
var matchMedia = window.matchMedia || window.msMatchMedia;
|
|
if ( matchMedia ) {
|
|
return matchMedia(mq).matches;
|
|
}
|
|
|
|
var bool;
|
|
|
|
injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) {
|
|
bool = (window.getComputedStyle ?
|
|
getComputedStyle(node, null) :
|
|
node.currentStyle)['position'] == 'absolute';
|
|
});
|
|
|
|
return bool;
|
|
|
|
},
|
|
/*>>mq*/
|
|
|
|
|
|
/*>>hasevent*/
|
|
//
|
|
// isEventSupported determines if a given element supports the given event
|
|
// kangax.github.com/iseventsupported/
|
|
//
|
|
// The following results are known incorrects:
|
|
// Modernizr.hasEvent("webkitTransitionEnd", elem) // false negative
|
|
// Modernizr.hasEvent("textInput") // in Webkit. github.com/Modernizr/Modernizr/issues/333
|
|
// ...
|
|
isEventSupported = (function() {
|
|
|
|
var TAGNAMES = {
|
|
'select': 'input', 'change': 'input',
|
|
'submit': 'form', 'reset': 'form',
|
|
'error': 'img', 'load': 'img', 'abort': 'img'
|
|
};
|
|
|
|
function isEventSupported( eventName, element ) {
|
|
|
|
element = element || document.createElement(TAGNAMES[eventName] || 'div');
|
|
eventName = 'on' + eventName;
|
|
|
|
// When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those
|
|
var isSupported = eventName in element;
|
|
|
|
if ( !isSupported ) {
|
|
// If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
|
|
if ( !element.setAttribute ) {
|
|
element = document.createElement('div');
|
|
}
|
|
if ( element.setAttribute && element.removeAttribute ) {
|
|
element.setAttribute(eventName, '');
|
|
isSupported = is(element[eventName], 'function');
|
|
|
|
// If property was created, "remove it" (by setting value to `undefined`)
|
|
if ( !is(element[eventName], 'undefined') ) {
|
|
element[eventName] = undefined;
|
|
}
|
|
element.removeAttribute(eventName);
|
|
}
|
|
}
|
|
|
|
element = null;
|
|
return isSupported;
|
|
}
|
|
return isEventSupported;
|
|
})(),
|
|
/*>>hasevent*/
|
|
|
|
// TODO :: Add flag for hasownprop ? didn't last time
|
|
|
|
// hasOwnProperty shim by kangax needed for Safari 2.0 support
|
|
_hasOwnProperty = ({}).hasOwnProperty, hasOwnProp;
|
|
|
|
if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
|
|
hasOwnProp = function (object, property) {
|
|
return _hasOwnProperty.call(object, property);
|
|
};
|
|
}
|
|
else {
|
|
hasOwnProp = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
|
|
return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
|
|
};
|
|
}
|
|
|
|
// Adapted from ES5-shim https://github.com/kriskowal/es5-shim/blob/master/es5-shim.js
|
|
// es5.github.com/#x15.3.4.5
|
|
|
|
if (!Function.prototype.bind) {
|
|
Function.prototype.bind = function bind(that) {
|
|
|
|
var target = this;
|
|
|
|
if (typeof target != "function") {
|
|
throw new TypeError();
|
|
}
|
|
|
|
var args = slice.call(arguments, 1),
|
|
bound = function () {
|
|
|
|
if (this instanceof bound) {
|
|
|
|
var F = function(){};
|
|
F.prototype = target.prototype;
|
|
var self = new F();
|
|
|
|
var result = target.apply(
|
|
self,
|
|
args.concat(slice.call(arguments))
|
|
);
|
|
if (Object(result) === result) {
|
|
return result;
|
|
}
|
|
return self;
|
|
|
|
} else {
|
|
|
|
return target.apply(
|
|
that,
|
|
args.concat(slice.call(arguments))
|
|
);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
return bound;
|
|
};
|
|
}
|
|
|
|
/**
|
|
* setCss applies given styles to the Modernizr DOM node.
|
|
*/
|
|
function setCss( str ) {
|
|
mStyle.cssText = str;
|
|
}
|
|
|
|
/**
|
|
* setCssAll extrapolates all vendor-specific css strings.
|
|
*/
|
|
function setCssAll( str1, str2 ) {
|
|
return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
|
|
}
|
|
|
|
/**
|
|
* is returns a boolean for if typeof obj is exactly type.
|
|
*/
|
|
function is( obj, type ) {
|
|
return typeof obj === type;
|
|
}
|
|
|
|
/**
|
|
* contains returns a boolean for if substr is found within str.
|
|
*/
|
|
function contains( str, substr ) {
|
|
return !!~('' + str).indexOf(substr);
|
|
}
|
|
|
|
/*>>testprop*/
|
|
|
|
// testProps is a generic CSS / DOM property test.
|
|
|
|
// In testing support for a given CSS property, it's legit to test:
|
|
// `elem.style[styleName] !== undefined`
|
|
// If the property is supported it will return an empty string,
|
|
// if unsupported it will return undefined.
|
|
|
|
// We'll take advantage of this quick test and skip setting a style
|
|
// on our modernizr element, but instead just testing undefined vs
|
|
// empty string.
|
|
|
|
// Because the testing of the CSS property names (with "-", as
|
|
// opposed to the camelCase DOM properties) is non-portable and
|
|
// non-standard but works in WebKit and IE (but not Gecko or Opera),
|
|
// we explicitly reject properties with dashes so that authors
|
|
// developing in WebKit or IE first don't end up with
|
|
// browser-specific content by accident.
|
|
|
|
function testProps( props, prefixed ) {
|
|
for ( var i in props ) {
|
|
var prop = props[i];
|
|
if ( !contains(prop, "-") && mStyle[prop] !== undefined ) {
|
|
return prefixed == 'pfx' ? prop : true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
/*>>testprop*/
|
|
|
|
// TODO :: add testDOMProps
|
|
/**
|
|
* testDOMProps is a generic DOM property test; if a browser supports
|
|
* a certain property, it won't return undefined for it.
|
|
*/
|
|
function testDOMProps( props, obj, elem ) {
|
|
for ( var i in props ) {
|
|
var item = obj[props[i]];
|
|
if ( item !== undefined) {
|
|
|
|
// return the property name as a string
|
|
if (elem === false) return props[i];
|
|
|
|
// let's bind a function
|
|
if (is(item, 'function')){
|
|
// default to autobind unless override
|
|
return item.bind(elem || obj);
|
|
}
|
|
|
|
// return the unbound function or obj or value
|
|
return item;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/*>>testallprops*/
|
|
/**
|
|
* testPropsAll tests a list of DOM properties we want to check against.
|
|
* We specify literally ALL possible (known and/or likely) properties on
|
|
* the element including the non-vendor prefixed one, for forward-
|
|
* compatibility.
|
|
*/
|
|
function testPropsAll( prop, prefixed, elem ) {
|
|
|
|
var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
|
|
props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
|
|
|
|
// did they call .prefixed('boxSizing') or are we just testing a prop?
|
|
if(is(prefixed, "string") || is(prefixed, "undefined")) {
|
|
return testProps(props, prefixed);
|
|
|
|
// otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
|
|
} else {
|
|
props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
|
|
return testDOMProps(props, prefixed, elem);
|
|
}
|
|
}
|
|
/*>>testallprops*/
|
|
|
|
|
|
/**
|
|
* Tests
|
|
* -----
|
|
*/
|
|
|
|
// The *new* flexbox
|
|
// dev.w3.org/csswg/css3-flexbox
|
|
|
|
tests['flexbox'] = function() {
|
|
return testPropsAll('flexWrap');
|
|
};
|
|
|
|
// The *old* flexbox
|
|
// www.w3.org/TR/2009/WD-css3-flexbox-20090723/
|
|
|
|
tests['flexboxlegacy'] = function() {
|
|
return testPropsAll('boxDirection');
|
|
};
|
|
|
|
// On the S60 and BB Storm, getContext exists, but always returns undefined
|
|
// so we actually have to call getContext() to verify
|
|
// github.com/Modernizr/Modernizr/issues/issue/97/
|
|
|
|
tests['canvas'] = function() {
|
|
var elem = document.createElement('canvas');
|
|
return !!(elem.getContext && elem.getContext('2d'));
|
|
};
|
|
|
|
tests['canvastext'] = function() {
|
|
return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function'));
|
|
};
|
|
|
|
// webk.it/70117 is tracking a legit WebGL feature detect proposal
|
|
|
|
// We do a soft detect which may false positive in order to avoid
|
|
// an expensive context creation: bugzil.la/732441
|
|
|
|
tests['webgl'] = function() {
|
|
return !!window.WebGLRenderingContext;
|
|
};
|
|
|
|
/*
|
|
* The Modernizr.touch test only indicates if the browser supports
|
|
* touch events, which does not necessarily reflect a touchscreen
|
|
* device, as evidenced by tablets running Windows 7 or, alas,
|
|
* the Palm Pre / WebOS (touch) phones.
|
|
*
|
|
* Additionally, Chrome (desktop) used to lie about its support on this,
|
|
* but that has since been rectified: crbug.com/36415
|
|
*
|
|
* We also test for Firefox 4 Multitouch Support.
|
|
*
|
|
* For more info, see: modernizr.github.com/Modernizr/touch.html
|
|
*/
|
|
|
|
tests['touch'] = function() {
|
|
var bool;
|
|
|
|
if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
|
|
bool = true;
|
|
} else {
|
|
injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) {
|
|
bool = node.offsetTop === 9;
|
|
});
|
|
}
|
|
|
|
return bool;
|
|
};
|
|
|
|
|
|
// geolocation is often considered a trivial feature detect...
|
|
// Turns out, it's quite tricky to get right:
|
|
//
|
|
// Using !!navigator.geolocation does two things we don't want. It:
|
|
// 1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513
|
|
// 2. Disables page caching in WebKit: webk.it/43956
|
|
//
|
|
// Meanwhile, in Firefox < 8, an about:config setting could expose
|
|
// a false positive that would throw an exception: bugzil.la/688158
|
|
|
|
tests['geolocation'] = function() {
|
|
return 'geolocation' in navigator;
|
|
};
|
|
|
|
|
|
tests['postmessage'] = function() {
|
|
return !!window.postMessage;
|
|
};
|
|
|
|
|
|
// Chrome incognito mode used to throw an exception when using openDatabase
|
|
// It doesn't anymore.
|
|
tests['websqldatabase'] = function() {
|
|
return !!window.openDatabase;
|
|
};
|
|
|
|
// Vendors had inconsistent prefixing with the experimental Indexed DB:
|
|
// - Webkit's implementation is accessible through webkitIndexedDB
|
|
// - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
|
|
// For speed, we don't test the legacy (and beta-only) indexedDB
|
|
tests['indexedDB'] = function() {
|
|
return !!testPropsAll("indexedDB", window);
|
|
};
|
|
|
|
// documentMode logic from YUI to filter out IE8 Compat Mode
|
|
// which false positives.
|
|
tests['hashchange'] = function() {
|
|
return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7);
|
|
};
|
|
|
|
// Per 1.6:
|
|
// This used to be Modernizr.historymanagement but the longer
|
|
// name has been deprecated in favor of a shorter and property-matching one.
|
|
// The old API is still available in 1.6, but as of 2.0 will throw a warning,
|
|
// and in the first release thereafter disappear entirely.
|
|
tests['history'] = function() {
|
|
return !!(window.history && history.pushState);
|
|
};
|
|
|
|
tests['draganddrop'] = function() {
|
|
var div = document.createElement('div');
|
|
return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
|
|
};
|
|
|
|
// FF3.6 was EOL'ed on 4/24/12, but the ESR version of FF10
|
|
// will be supported until FF19 (2/12/13), at which time, ESR becomes FF17.
|
|
// FF10 still uses prefixes, so check for it until then.
|
|
// for more ESR info, see: mozilla.org/en-US/firefox/organizations/faq/
|
|
tests['websockets'] = function() {
|
|
return 'WebSocket' in window || 'MozWebSocket' in window;
|
|
};
|
|
|
|
|
|
// css-tricks.com/rgba-browser-support/
|
|
tests['rgba'] = function() {
|
|
// Set an rgba() color and check the returned value
|
|
|
|
setCss('background-color:rgba(150,255,150,.5)');
|
|
|
|
return contains(mStyle.backgroundColor, 'rgba');
|
|
};
|
|
|
|
tests['hsla'] = function() {
|
|
// Same as rgba(), in fact, browsers re-map hsla() to rgba() internally,
|
|
// except IE9 who retains it as hsla
|
|
|
|
setCss('background-color:hsla(120,40%,100%,.5)');
|
|
|
|
return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla');
|
|
};
|
|
|
|
tests['multiplebgs'] = function() {
|
|
// Setting multiple images AND a color on the background shorthand property
|
|
// and then querying the style.background property value for the number of
|
|
// occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
|
|
|
|
setCss('background:url(https://),url(https://),red url(https://)');
|
|
|
|
// If the UA supports multiple backgrounds, there should be three occurrences
|
|
// of the string "url(" in the return value for elemStyle.background
|
|
|
|
return (/(url\s*\(.*?){3}/).test(mStyle.background);
|
|
};
|
|
|
|
|
|
|
|
// this will false positive in Opera Mini
|
|
// github.com/Modernizr/Modernizr/issues/396
|
|
|
|
tests['backgroundsize'] = function() {
|
|
return testPropsAll('backgroundSize');
|
|
};
|
|
|
|
tests['borderimage'] = function() {
|
|
return testPropsAll('borderImage');
|
|
};
|
|
|
|
|
|
// Super comprehensive table about all the unique implementations of
|
|
// border-radius: muddledramblings.com/table-of-css3-border-radius-compliance
|
|
|
|
tests['borderradius'] = function() {
|
|
return testPropsAll('borderRadius');
|
|
};
|
|
|
|
// WebOS unfortunately false positives on this test.
|
|
tests['boxshadow'] = function() {
|
|
return testPropsAll('boxShadow');
|
|
};
|
|
|
|
// FF3.0 will false positive on this test
|
|
tests['textshadow'] = function() {
|
|
return document.createElement('div').style.textShadow === '';
|
|
};
|
|
|
|
|
|
tests['opacity'] = function() {
|
|
// Browsers that actually have CSS Opacity implemented have done so
|
|
// according to spec, which means their return values are within the
|
|
// range of [0.0,1.0] - including the leading zero.
|
|
|
|
setCssAll('opacity:.55');
|
|
|
|
// The non-literal . in this regex is intentional:
|
|
// German Chrome returns this value as 0,55
|
|
// github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
|
|
return (/^0.55$/).test(mStyle.opacity);
|
|
};
|
|
|
|
|
|
// Note, Android < 4 will pass this test, but can only animate
|
|
// a single property at a time
|
|
// daneden.me/2011/12/putting-up-with-androids-bullshit/
|
|
tests['cssanimations'] = function() {
|
|
return testPropsAll('animationName');
|
|
};
|
|
|
|
|
|
tests['csscolumns'] = function() {
|
|
return testPropsAll('columnCount');
|
|
};
|
|
|
|
|
|
tests['cssgradients'] = function() {
|
|
/**
|
|
* For CSS Gradients syntax, please see:
|
|
* webkit.org/blog/175/introducing-css-gradients/
|
|
* developer.mozilla.org/en/CSS/-moz-linear-gradient
|
|
* developer.mozilla.org/en/CSS/-moz-radial-gradient
|
|
* dev.w3.org/csswg/css3-images/#gradients-
|
|
*/
|
|
|
|
var str1 = 'background-image:',
|
|
str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
|
|
str3 = 'linear-gradient(left top,#9f9, white);';
|
|
|
|
setCss(
|
|
// legacy webkit syntax (FIXME: remove when syntax not in use anymore)
|
|
(str1 + '-webkit- '.split(' ').join(str2 + str1) +
|
|
// standard syntax // trailing 'background-image:'
|
|
prefixes.join(str3 + str1)).slice(0, -str1.length)
|
|
);
|
|
|
|
return contains(mStyle.backgroundImage, 'gradient');
|
|
};
|
|
|
|
|
|
tests['cssreflections'] = function() {
|
|
return testPropsAll('boxReflect');
|
|
};
|
|
|
|
|
|
tests['csstransforms'] = function() {
|
|
return !!testPropsAll('transform');
|
|
};
|
|
|
|
|
|
tests['csstransforms3d'] = function() {
|
|
|
|
var ret = !!testPropsAll('perspective');
|
|
|
|
// Webkit's 3D transforms are passed off to the browser's own graphics renderer.
|
|
// It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in
|
|
// some conditions. As a result, Webkit typically recognizes the syntax but
|
|
// will sometimes throw a false positive, thus we must do a more thorough check:
|
|
if ( ret && 'webkitPerspective' in docElement.style ) {
|
|
|
|
// Webkit allows this media query to succeed only if the feature is enabled.
|
|
// `@media (transform-3d),(-webkit-transform-3d){ ... }`
|
|
injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) {
|
|
ret = node.offsetLeft === 9 && node.offsetHeight === 3;
|
|
});
|
|
}
|
|
return ret;
|
|
};
|
|
|
|
|
|
tests['csstransitions'] = function() {
|
|
return testPropsAll('transition');
|
|
};
|
|
|
|
|
|
/*>>fontface*/
|
|
// @font-face detection routine by Diego Perini
|
|
// javascript.nwbox.com/CSSSupport/
|
|
|
|
// false positives:
|
|
// WebOS github.com/Modernizr/Modernizr/issues/342
|
|
// WP7 github.com/Modernizr/Modernizr/issues/538
|
|
tests['fontface'] = function() {
|
|
var bool;
|
|
|
|
injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) {
|
|
var style = document.getElementById('smodernizr'),
|
|
sheet = style.sheet || style.styleSheet,
|
|
cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : '';
|
|
|
|
bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0;
|
|
});
|
|
|
|
return bool;
|
|
};
|
|
/*>>fontface*/
|
|
|
|
// CSS generated content detection
|
|
tests['generatedcontent'] = function() {
|
|
var bool;
|
|
|
|
injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''), function( node ) {
|
|
bool = node.offsetHeight >= 3;
|
|
});
|
|
|
|
return bool;
|
|
};
|
|
|
|
|
|
|
|
// These tests evaluate support of the video/audio elements, as well as
|
|
// testing what types of content they support.
|
|
//
|
|
// We're using the Boolean constructor here, so that we can extend the value
|
|
// e.g. Modernizr.video // true
|
|
// Modernizr.video.ogg // 'probably'
|
|
//
|
|
// Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
|
|
// thx to NielsLeenheer and zcorpan
|
|
|
|
// Note: in some older browsers, "no" was a return value instead of empty string.
|
|
// It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
|
|
// It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
|
|
|
|
tests['video'] = function() {
|
|
var elem = document.createElement('video'),
|
|
bool = false;
|
|
|
|
// IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
|
|
try {
|
|
if ( bool = !!elem.canPlayType ) {
|
|
bool = new Boolean(bool);
|
|
bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,'');
|
|
|
|
// Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546
|
|
bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,'');
|
|
|
|
bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');
|
|
}
|
|
|
|
} catch(e) { }
|
|
|
|
return bool;
|
|
};
|
|
|
|
tests['audio'] = function() {
|
|
var elem = document.createElement('audio'),
|
|
bool = false;
|
|
|
|
try {
|
|
if ( bool = !!elem.canPlayType ) {
|
|
bool = new Boolean(bool);
|
|
bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');
|
|
bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,'');
|
|
|
|
// Mimetypes accepted:
|
|
// developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
|
|
// bit.ly/iphoneoscodecs
|
|
bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,'');
|
|
bool.m4a = ( elem.canPlayType('audio/x-m4a;') ||
|
|
elem.canPlayType('audio/aac;')) .replace(/^no$/,'');
|
|
}
|
|
} catch(e) { }
|
|
|
|
return bool;
|
|
};
|
|
|
|
|
|
// In FF4, if disabled, window.localStorage should === null.
|
|
|
|
// Normally, we could not test that directly and need to do a
|
|
// `('localStorage' in window) && ` test first because otherwise Firefox will
|
|
// throw bugzil.la/365772 if cookies are disabled
|
|
|
|
// Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
|
|
// will throw the exception:
|
|
// QUOTA_EXCEEDED_ERRROR DOM Exception 22.
|
|
// Peculiarly, getItem and removeItem calls do not throw.
|
|
|
|
// Because we are forced to try/catch this, we'll go aggressive.
|
|
|
|
// Just FWIW: IE8 Compat mode supports these features completely:
|
|
// www.quirksmode.org/dom/html5.html
|
|
// But IE8 doesn't support either with local files
|
|
|
|
tests['localstorage'] = function() {
|
|
try {
|
|
localStorage.setItem(mod, mod);
|
|
localStorage.removeItem(mod);
|
|
return true;
|
|
} catch(e) {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
tests['sessionstorage'] = function() {
|
|
try {
|
|
sessionStorage.setItem(mod, mod);
|
|
sessionStorage.removeItem(mod);
|
|
return true;
|
|
} catch(e) {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
|
|
tests['webworkers'] = function() {
|
|
return !!window.Worker;
|
|
};
|
|
|
|
|
|
tests['applicationcache'] = function() {
|
|
return !!window.applicationCache;
|
|
};
|
|
|
|
|
|
// Thanks to Erik Dahlstrom
|
|
tests['svg'] = function() {
|
|
return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect;
|
|
};
|
|
|
|
// specifically for SVG inline in HTML, not within XHTML
|
|
// test page: paulirish.com/demo/inline-svg
|
|
tests['inlinesvg'] = function() {
|
|
var div = document.createElement('div');
|
|
div.innerHTML = '<svg/>';
|
|
return (div.firstChild && div.firstChild.namespaceURI) == ns.svg;
|
|
};
|
|
|
|
// SVG SMIL animation
|
|
tests['smil'] = function() {
|
|
return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate')));
|
|
};
|
|
|
|
// This test is only for clip paths in SVG proper, not clip paths on HTML content
|
|
// demo: srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg
|
|
|
|
// However read the comments to dig into applying SVG clippaths to HTML content here:
|
|
// github.com/Modernizr/Modernizr/issues/213#issuecomment-1149491
|
|
tests['svgclippaths'] = function() {
|
|
return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath')));
|
|
};
|
|
|
|
/*>>webforms*/
|
|
// input features and input types go directly onto the ret object, bypassing the tests loop.
|
|
// Hold this guy to execute in a moment.
|
|
function webforms() {
|
|
/*>>input*/
|
|
// Run through HTML5's new input attributes to see if the UA understands any.
|
|
// We're using f which is the <input> element created early on
|
|
// Mike Taylr has created a comprehensive resource for testing these attributes
|
|
// when applied to all input types:
|
|
// miketaylr.com/code/input-type-attr.html
|
|
// spec: www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
|
|
|
|
// Only input placeholder is tested while textarea's placeholder is not.
|
|
// Currently Safari 4 and Opera 11 have support only for the input placeholder
|
|
// Both tests are available in feature-detects/forms-placeholder.js
|
|
Modernizr['input'] = (function( props ) {
|
|
for ( var i = 0, len = props.length; i < len; i++ ) {
|
|
attrs[ props[i] ] = !!(props[i] in inputElem);
|
|
}
|
|
if (attrs.list){
|
|
// safari false positive's on datalist: webk.it/74252
|
|
// see also github.com/Modernizr/Modernizr/issues/146
|
|
attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement);
|
|
}
|
|
return attrs;
|
|
})('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' '));
|
|
/*>>input*/
|
|
|
|
/*>>inputtypes*/
|
|
// Run through HTML5's new input types to see if the UA understands any.
|
|
// This is put behind the tests runloop because it doesn't return a
|
|
// true/false like all the other tests; instead, it returns an object
|
|
// containing each input type with its corresponding true/false value
|
|
|
|
// Big thanks to @miketaylr for the html5 forms expertise. miketaylr.com/
|
|
Modernizr['inputtypes'] = (function(props) {
|
|
|
|
for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) {
|
|
|
|
inputElem.setAttribute('type', inputElemType = props[i]);
|
|
bool = inputElem.type !== 'text';
|
|
|
|
// We first check to see if the type we give it sticks..
|
|
// If the type does, we feed it a textual value, which shouldn't be valid.
|
|
// If the value doesn't stick, we know there's input sanitization which infers a custom UI
|
|
if ( bool ) {
|
|
|
|
inputElem.value = smile;
|
|
inputElem.style.cssText = 'position:absolute;visibility:hidden;';
|
|
|
|
if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) {
|
|
|
|
docElement.appendChild(inputElem);
|
|
defaultView = document.defaultView;
|
|
|
|
// Safari 2-4 allows the smiley as a value, despite making a slider
|
|
bool = defaultView.getComputedStyle &&
|
|
defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' &&
|
|
// Mobile android web browser has false positive, so must
|
|
// check the height to see if the widget is actually there.
|
|
(inputElem.offsetHeight !== 0);
|
|
|
|
docElement.removeChild(inputElem);
|
|
|
|
} else if ( /^(search|tel)$/.test(inputElemType) ){
|
|
// Spec doesn't define any special parsing or detectable UI
|
|
// behaviors so we pass these through as true
|
|
|
|
// Interestingly, opera fails the earlier test, so it doesn't
|
|
// even make it here.
|
|
|
|
} else if ( /^(url|email)$/.test(inputElemType) ) {
|
|
// Real url and email support comes with prebaked validation.
|
|
bool = inputElem.checkValidity && inputElem.checkValidity() === false;
|
|
|
|
} else {
|
|
// If the upgraded input compontent rejects the :) text, we got a winner
|
|
bool = inputElem.value != smile;
|
|
}
|
|
}
|
|
|
|
inputs[ props[i] ] = !!bool;
|
|
}
|
|
return inputs;
|
|
})('search tel url email datetime date month week time datetime-local number range color'.split(' '));
|
|
/*>>inputtypes*/
|
|
}
|
|
/*>>webforms*/
|
|
|
|
|
|
// End of test definitions
|
|
// -----------------------
|
|
|
|
|
|
|
|
// Run through all tests and detect their support in the current UA.
|
|
// todo: hypothetically we could be doing an array of tests and use a basic loop here.
|
|
for ( var feature in tests ) {
|
|
if ( hasOwnProp(tests, feature) ) {
|
|
// run the test, throw the return value into the Modernizr,
|
|
// then based on that boolean, define an appropriate className
|
|
// and push it into an array of classes we'll join later.
|
|
featureName = feature.toLowerCase();
|
|
Modernizr[featureName] = tests[feature]();
|
|
|
|
classes.push((Modernizr[featureName] ? '' : 'no-') + featureName);
|
|
}
|
|
}
|
|
|
|
/*>>webforms*/
|
|
// input tests need to run.
|
|
Modernizr.input || webforms();
|
|
/*>>webforms*/
|
|
|
|
|
|
/**
|
|
* addTest allows the user to define their own feature tests
|
|
* the result will be added onto the Modernizr object,
|
|
* as well as an appropriate className set on the html element
|
|
*
|
|
* @param feature - String naming the feature
|
|
* @param test - Function returning true if feature is supported, false if not
|
|
*/
|
|
Modernizr.addTest = function ( feature, test ) {
|
|
if ( typeof feature == 'object' ) {
|
|
for ( var key in feature ) {
|
|
if ( hasOwnProp( feature, key ) ) {
|
|
Modernizr.addTest( key, feature[ key ] );
|
|
}
|
|
}
|
|
} else {
|
|
|
|
feature = feature.toLowerCase();
|
|
|
|
if ( Modernizr[feature] !== undefined ) {
|
|
// we're going to quit if you're trying to overwrite an existing test
|
|
// if we were to allow it, we'd do this:
|
|
// var re = new RegExp("\\b(no-)?" + feature + "\\b");
|
|
// docElement.className = docElement.className.replace( re, '' );
|
|
// but, no rly, stuff 'em.
|
|
return Modernizr;
|
|
}
|
|
|
|
test = typeof test == 'function' ? test() : test;
|
|
|
|
if (typeof enableClasses !== "undefined" && enableClasses) {
|
|
docElement.className += ' ' + (test ? '' : 'no-') + feature;
|
|
}
|
|
Modernizr[feature] = test;
|
|
|
|
}
|
|
|
|
return Modernizr; // allow chaining.
|
|
};
|
|
|
|
|
|
// Reset modElem.cssText to nothing to reduce memory footprint.
|
|
setCss('');
|
|
modElem = inputElem = null;
|
|
|
|
/*>>shiv*/
|
|
/*! HTML5 Shiv v3.6.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */
|
|
;(function(window, document) {
|
|
/*jshint evil:true */
|
|
/** Preset options */
|
|
var options = window.html5 || {};
|
|
|
|
/** Used to skip problem elements */
|
|
var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
|
|
|
|
/** Not all elements can be cloned in IE **/
|
|
var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
|
|
|
|
/** Detect whether the browser supports default html5 styles */
|
|
var supportsHtml5Styles;
|
|
|
|
/** Name of the expando, to work with multiple documents or to re-shiv one document */
|
|
var expando = '_html5shiv';
|
|
|
|
/** The id for the the documents expando */
|
|
var expanID = 0;
|
|
|
|
/** Cached data for each document */
|
|
var expandoData = {};
|
|
|
|
/** Detect whether the browser supports unknown elements */
|
|
var supportsUnknownElements;
|
|
|
|
(function() {
|
|
try {
|
|
var a = document.createElement('a');
|
|
a.innerHTML = '<xyz></xyz>';
|
|
//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
|
|
supportsHtml5Styles = ('hidden' in a);
|
|
|
|
supportsUnknownElements = a.childNodes.length == 1 || (function() {
|
|
// assign a false positive if unable to shiv
|
|
(document.createElement)('a');
|
|
var frag = document.createDocumentFragment();
|
|
return (
|
|
typeof frag.cloneNode == 'undefined' ||
|
|
typeof frag.createDocumentFragment == 'undefined' ||
|
|
typeof frag.createElement == 'undefined'
|
|
);
|
|
}());
|
|
} catch(e) {
|
|
supportsHtml5Styles = true;
|
|
supportsUnknownElements = true;
|
|
}
|
|
|
|
}());
|
|
|
|
/*--------------------------------------------------------------------------*/
|
|
|
|
/**
|
|
* Creates a style sheet with the given CSS text and adds it to the document.
|
|
* @private
|
|
* @param {Document} ownerDocument The document.
|
|
* @param {String} cssText The CSS text.
|
|
* @returns {StyleSheet} The style element.
|
|
*/
|
|
function addStyleSheet(ownerDocument, cssText) {
|
|
var p = ownerDocument.createElement('p'),
|
|
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
|
|
|
|
p.innerHTML = 'x<style>' + cssText + '</style>';
|
|
return parent.insertBefore(p.lastChild, parent.firstChild);
|
|
}
|
|
|
|
/**
|
|
* Returns the value of `html5.elements` as an array.
|
|
* @private
|
|
* @returns {Array} An array of shived element node names.
|
|
*/
|
|
function getElements() {
|
|
var elements = html5.elements;
|
|
return typeof elements == 'string' ? elements.split(' ') : elements;
|
|
}
|
|
|
|
/**
|
|
* Returns the data associated to the given document
|
|
* @private
|
|
* @param {Document} ownerDocument The document.
|
|
* @returns {Object} An object of data.
|
|
*/
|
|
function getExpandoData(ownerDocument) {
|
|
var data = expandoData[ownerDocument[expando]];
|
|
if (!data) {
|
|
data = {};
|
|
expanID++;
|
|
ownerDocument[expando] = expanID;
|
|
expandoData[expanID] = data;
|
|
}
|
|
return data;
|
|
}
|
|
|
|
/**
|
|
* returns a shived element for the given nodeName and document
|
|
* @memberOf html5
|
|
* @param {String} nodeName name of the element
|
|
* @param {Document} ownerDocument The context document.
|
|
* @returns {Object} The shived element.
|
|
*/
|
|
function createElement(nodeName, ownerDocument, data){
|
|
if (!ownerDocument) {
|
|
ownerDocument = document;
|
|
}
|
|
if(supportsUnknownElements){
|
|
return ownerDocument.createElement(nodeName);
|
|
}
|
|
if (!data) {
|
|
data = getExpandoData(ownerDocument);
|
|
}
|
|
var node;
|
|
|
|
if (data.cache[nodeName]) {
|
|
node = data.cache[nodeName].cloneNode();
|
|
} else if (saveClones.test(nodeName)) {
|
|
node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
|
|
} else {
|
|
node = data.createElem(nodeName);
|
|
}
|
|
|
|
// Avoid adding some elements to fragments in IE < 9 because
|
|
// * Attributes like `name` or `type` cannot be set/changed once an element
|
|
// is inserted into a document/fragment
|
|
// * Link elements with `src` attributes that are inaccessible, as with
|
|
// a 403 response, will cause the tab/window to crash
|
|
// * Script elements appended to fragments will execute when their `src`
|
|
// or `text` property is set
|
|
return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
|
|
}
|
|
|
|
/**
|
|
* returns a shived DocumentFragment for the given document
|
|
* @memberOf html5
|
|
* @param {Document} ownerDocument The context document.
|
|
* @returns {Object} The shived DocumentFragment.
|
|
*/
|
|
function createDocumentFragment(ownerDocument, data){
|
|
if (!ownerDocument) {
|
|
ownerDocument = document;
|
|
}
|
|
if(supportsUnknownElements){
|
|
return ownerDocument.createDocumentFragment();
|
|
}
|
|
data = data || getExpandoData(ownerDocument);
|
|
var clone = data.frag.cloneNode(),
|
|
i = 0,
|
|
elems = getElements(),
|
|
l = elems.length;
|
|
for(;i<l;i++){
|
|
clone.createElement(elems[i]);
|
|
}
|
|
return clone;
|
|
}
|
|
|
|
/**
|
|
* Shivs the `createElement` and `createDocumentFragment` methods of the document.
|
|
* @private
|
|
* @param {Document|DocumentFragment} ownerDocument The document.
|
|
* @param {Object} data of the document.
|
|
*/
|
|
function shivMethods(ownerDocument, data) {
|
|
if (!data.cache) {
|
|
data.cache = {};
|
|
data.createElem = ownerDocument.createElement;
|
|
data.createFrag = ownerDocument.createDocumentFragment;
|
|
data.frag = data.createFrag();
|
|
}
|
|
|
|
|
|
ownerDocument.createElement = function(nodeName) {
|
|
//abort shiv
|
|
if (!html5.shivMethods) {
|
|
return data.createElem(nodeName);
|
|
}
|
|
return createElement(nodeName, ownerDocument, data);
|
|
};
|
|
|
|
ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
|
|
'var n=f.cloneNode(),c=n.createElement;' +
|
|
'h.shivMethods&&(' +
|
|
// unroll the `createElement` calls
|
|
getElements().join().replace(/\w+/g, function(nodeName) {
|
|
data.createElem(nodeName);
|
|
data.frag.createElement(nodeName);
|
|
return 'c("' + nodeName + '")';
|
|
}) +
|
|
');return n}'
|
|
)(html5, data.frag);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------*/
|
|
|
|
/**
|
|
* Shivs the given document.
|
|
* @memberOf html5
|
|
* @param {Document} ownerDocument The document to shiv.
|
|
* @returns {Document} The shived document.
|
|
*/
|
|
function shivDocument(ownerDocument) {
|
|
if (!ownerDocument) {
|
|
ownerDocument = document;
|
|
}
|
|
var data = getExpandoData(ownerDocument);
|
|
|
|
if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
|
|
data.hasCSS = !!addStyleSheet(ownerDocument,
|
|
// corrects block display not defined in IE6/7/8/9
|
|
'article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}' +
|
|
// adds styling not present in IE6/7/8/9
|
|
'mark{background:#FF0;color:#000}'
|
|
);
|
|
}
|
|
if (!supportsUnknownElements) {
|
|
shivMethods(ownerDocument, data);
|
|
}
|
|
return ownerDocument;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------*/
|
|
|
|
/**
|
|
* The `html5` object is exposed so that more elements can be shived and
|
|
* existing shiving can be detected on iframes.
|
|
* @type Object
|
|
* @example
|
|
*
|
|
* // options can be changed before the script is included
|
|
* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
|
|
*/
|
|
var html5 = {
|
|
|
|
/**
|
|
* An array or space separated string of node names of the elements to shiv.
|
|
* @memberOf html5
|
|
* @type Array|String
|
|
*/
|
|
'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video',
|
|
|
|
/**
|
|
* A flag to indicate that the HTML5 style sheet should be inserted.
|
|
* @memberOf html5
|
|
* @type Boolean
|
|
*/
|
|
'shivCSS': (options.shivCSS !== false),
|
|
|
|
/**
|
|
* Is equal to true if a browser supports creating unknown/HTML5 elements
|
|
* @memberOf html5
|
|
* @type boolean
|
|
*/
|
|
'supportsUnknownElements': supportsUnknownElements,
|
|
|
|
/**
|
|
* A flag to indicate that the document's `createElement` and `createDocumentFragment`
|
|
* methods should be overwritten.
|
|
* @memberOf html5
|
|
* @type Boolean
|
|
*/
|
|
'shivMethods': (options.shivMethods !== false),
|
|
|
|
/**
|
|
* A string to describe the type of `html5` object ("default" or "default print").
|
|
* @memberOf html5
|
|
* @type String
|
|
*/
|
|
'type': 'default',
|
|
|
|
// shivs the document according to the specified `html5` object options
|
|
'shivDocument': shivDocument,
|
|
|
|
//creates a shived element
|
|
createElement: createElement,
|
|
|
|
//creates a shived documentFragment
|
|
createDocumentFragment: createDocumentFragment
|
|
};
|
|
|
|
/*--------------------------------------------------------------------------*/
|
|
|
|
// expose html5
|
|
window.html5 = html5;
|
|
|
|
// shiv the document
|
|
shivDocument(document);
|
|
|
|
}(this, document));
|
|
/*>>shiv*/
|
|
|
|
// Assign private properties to the return object with prefix
|
|
Modernizr._version = version;
|
|
|
|
// expose these for the plugin API. Look in the source for how to join() them against your input
|
|
/*>>prefixes*/
|
|
Modernizr._prefixes = prefixes;
|
|
/*>>prefixes*/
|
|
/*>>domprefixes*/
|
|
Modernizr._domPrefixes = domPrefixes;
|
|
Modernizr._cssomPrefixes = cssomPrefixes;
|
|
/*>>domprefixes*/
|
|
|
|
/*>>mq*/
|
|
// Modernizr.mq tests a given media query, live against the current state of the window
|
|
// A few important notes:
|
|
// * If a browser does not support media queries at all (eg. oldIE) the mq() will always return false
|
|
// * A max-width or orientation query will be evaluated against the current state, which may change later.
|
|
// * You must specify values. Eg. If you are testing support for the min-width media query use:
|
|
// Modernizr.mq('(min-width:0)')
|
|
// usage:
|
|
// Modernizr.mq('only screen and (max-width:768)')
|
|
Modernizr.mq = testMediaQuery;
|
|
/*>>mq*/
|
|
|
|
/*>>hasevent*/
|
|
// Modernizr.hasEvent() detects support for a given event, with an optional element to test on
|
|
// Modernizr.hasEvent('gesturestart', elem)
|
|
Modernizr.hasEvent = isEventSupported;
|
|
/*>>hasevent*/
|
|
|
|
/*>>testprop*/
|
|
// Modernizr.testProp() investigates whether a given style property is recognized
|
|
// Note that the property names must be provided in the camelCase variant.
|
|
// Modernizr.testProp('pointerEvents')
|
|
Modernizr.testProp = function(prop){
|
|
return testProps([prop]);
|
|
};
|
|
/*>>testprop*/
|
|
|
|
/*>>testallprops*/
|
|
// Modernizr.testAllProps() investigates whether a given style property,
|
|
// or any of its vendor-prefixed variants, is recognized
|
|
// Note that the property names must be provided in the camelCase variant.
|
|
// Modernizr.testAllProps('boxSizing')
|
|
Modernizr.testAllProps = testPropsAll;
|
|
/*>>testallprops*/
|
|
|
|
|
|
/*>>teststyles*/
|
|
// Modernizr.testStyles() allows you to add custom styles to the document and test an element afterwards
|
|
// Modernizr.testStyles('#modernizr { position:absolute }', function(elem, rule){ ... })
|
|
Modernizr.testStyles = injectElementWithStyles;
|
|
/*>>teststyles*/
|
|
|
|
|
|
/*>>prefixed*/
|
|
// Modernizr.prefixed() returns the prefixed or nonprefixed property name variant of your input
|
|
// Modernizr.prefixed('boxSizing') // 'MozBoxSizing'
|
|
|
|
// Properties must be passed as dom-style camelcase, rather than `box-sizing` hypentated style.
|
|
// Return values will also be the camelCase variant, if you need to translate that to hypenated style use:
|
|
//
|
|
// str.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-');
|
|
|
|
// If you're trying to ascertain which transition end event to bind to, you might do something like...
|
|
//
|
|
// var transEndEventNames = {
|
|
// 'WebkitTransition' : 'webkitTransitionEnd',
|
|
// 'MozTransition' : 'transitionend',
|
|
// 'OTransition' : 'oTransitionEnd',
|
|
// 'msTransition' : 'MSTransitionEnd',
|
|
// 'transition' : 'transitionend'
|
|
// },
|
|
// transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
|
|
|
|
Modernizr.prefixed = function(prop, obj, elem){
|
|
if(!obj) {
|
|
return testPropsAll(prop, 'pfx');
|
|
} else {
|
|
// Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame'
|
|
return testPropsAll(prop, obj, elem);
|
|
}
|
|
};
|
|
/*>>prefixed*/
|
|
|
|
|
|
/*>>cssclasses*/
|
|
// Remove "no-js" class from <html> element, if it exists:
|
|
docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2') +
|
|
|
|
// Add the new classes to the <html> element.
|
|
(enableClasses ? ' js ' + classes.join(' ') : '');
|
|
/*>>cssclasses*/
|
|
|
|
return Modernizr;
|
|
|
|
})(this, this.document);
|
|
|
|
///#source 1 1 /ClientSource/Scripts/Core/jquery-1.9.1.js
|
|
/*!
|
|
* jQuery JavaScript Library v1.9.1
|
|
* http://jquery.com/
|
|
*
|
|
* Includes Sizzle.js
|
|
* http://sizzlejs.com/
|
|
*
|
|
* Copyright 2005, 2012 jQuery Foundation, Inc. and other contributors
|
|
* Released under the MIT license
|
|
* http://jquery.org/license
|
|
*
|
|
* Date: 2013-2-4
|
|
*/
|
|
(function( window, undefined ) {
|
|
|
|
// Can't do this because several apps including ASP.NET trace
|
|
// the stack via arguments.caller.callee and Firefox dies if
|
|
// you try to trace through "use strict" call chains. (#13335)
|
|
// Support: Firefox 18+
|
|
//"use strict";
|
|
var
|
|
// The deferred used on DOM ready
|
|
readyList,
|
|
|
|
// A central reference to the root jQuery(document)
|
|
rootjQuery,
|
|
|
|
// Support: IE<9
|
|
// For `typeof node.method` instead of `node.method !== undefined`
|
|
core_strundefined = typeof undefined,
|
|
|
|
// Use the correct document accordingly with window argument (sandbox)
|
|
document = window.document,
|
|
location = window.location,
|
|
|
|
// Map over jQuery in case of overwrite
|
|
_jQuery = window.jQuery,
|
|
|
|
// Map over the $ in case of overwrite
|
|
_$ = window.$,
|
|
|
|
// [[Class]] -> type pairs
|
|
class2type = {},
|
|
|
|
// List of deleted data cache ids, so we can reuse them
|
|
core_deletedIds = [],
|
|
|
|
core_version = "1.9.1",
|
|
|
|
// Save a reference to some core methods
|
|
core_concat = core_deletedIds.concat,
|
|
core_push = core_deletedIds.push,
|
|
core_slice = core_deletedIds.slice,
|
|
core_indexOf = core_deletedIds.indexOf,
|
|
core_toString = class2type.toString,
|
|
core_hasOwn = class2type.hasOwnProperty,
|
|
core_trim = core_version.trim,
|
|
|
|
// Define a local copy of jQuery
|
|
jQuery = function( selector, context ) {
|
|
// The jQuery object is actually just the init constructor 'enhanced'
|
|
return new jQuery.fn.init( selector, context, rootjQuery );
|
|
},
|
|
|
|
// Used for matching numbers
|
|
core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
|
|
|
|
// Used for splitting on whitespace
|
|
core_rnotwhite = /\S+/g,
|
|
|
|
// Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
|
|
rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
|
|
|
|
// A simple way to check for HTML strings
|
|
// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
|
|
// Strict HTML recognition (#11290: must start with <)
|
|
rquickExpr = /^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,
|
|
|
|
// Match a standalone tag
|
|
rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
|
|
|
|
// JSON RegExp
|
|
rvalidchars = /^[\],:{}\s]*$/,
|
|
rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
|
|
rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
|
|
rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,
|
|
|
|
// Matches dashed string for camelizing
|
|
rmsPrefix = /^-ms-/,
|
|
rdashAlpha = /-([\da-z])/gi,
|
|
|
|
// Used by jQuery.camelCase as callback to replace()
|
|
fcamelCase = function( all, letter ) {
|
|
return letter.toUpperCase();
|
|
},
|
|
|
|
// The ready event handler
|
|
completed = function( event ) {
|
|
|
|
// readyState === "complete" is good enough for us to call the dom ready in oldIE
|
|
if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
|
|
detach();
|
|
jQuery.ready();
|
|
}
|
|
},
|
|
// Clean-up method for dom ready events
|
|
detach = function() {
|
|
if ( document.addEventListener ) {
|
|
document.removeEventListener( "DOMContentLoaded", completed, false );
|
|
window.removeEventListener( "load", completed, false );
|
|
|
|
} else {
|
|
document.detachEvent( "onreadystatechange", completed );
|
|
window.detachEvent( "onload", completed );
|
|
}
|
|
};
|
|
|
|
jQuery.fn = jQuery.prototype = {
|
|
// The current version of jQuery being used
|
|
jquery: core_version,
|
|
|
|
constructor: jQuery,
|
|
init: function( selector, context, rootjQuery ) {
|
|
var match, elem;
|
|
|
|
// HANDLE: $(""), $(null), $(undefined), $(false)
|
|
if ( !selector ) {
|
|
return this;
|
|
}
|
|
|
|
// Handle HTML strings
|
|
if ( typeof selector === "string" ) {
|
|
if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
|
|
// Assume that strings that start and end with <> are HTML and skip the regex check
|
|
match = [ null, selector, null ];
|
|
|
|
} else {
|
|
match = rquickExpr.exec( selector );
|
|
}
|
|
|
|
// Match html or make sure no context is specified for #id
|
|
if ( match && (match[1] || !context) ) {
|
|
|
|
// HANDLE: $(html) -> $(array)
|
|
if ( match[1] ) {
|
|
context = context instanceof jQuery ? context[0] : context;
|
|
|
|
// scripts is true for back-compat
|
|
jQuery.merge( this, jQuery.parseHTML(
|
|
match[1],
|
|
context && context.nodeType ? context.ownerDocument || context : document,
|
|
true
|
|
) );
|
|
|
|
// HANDLE: $(html, props)
|
|
if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
|
|
for ( match in context ) {
|
|
// Properties of context are called as methods if possible
|
|
if ( jQuery.isFunction( this[ match ] ) ) {
|
|
this[ match ]( context[ match ] );
|
|
|
|
// ...and otherwise set as attributes
|
|
} else {
|
|
this.attr( match, context[ match ] );
|
|
}
|
|
}
|
|
}
|
|
|
|
return this;
|
|
|
|
// HANDLE: $(#id)
|
|
} else {
|
|
elem = document.getElementById( match[2] );
|
|
|
|
// Check parentNode to catch when Blackberry 4.6 returns
|
|
// nodes that are no longer in the document #6963
|
|
if ( elem && elem.parentNode ) {
|
|
// Handle the case where IE and Opera return items
|
|
// by name instead of ID
|
|
if ( elem.id !== match[2] ) {
|
|
return rootjQuery.find( selector );
|
|
}
|
|
|
|
// Otherwise, we inject the element directly into the jQuery object
|
|
this.length = 1;
|
|
this[0] = elem;
|
|
}
|
|
|
|
this.context = document;
|
|
this.selector = selector;
|
|
return this;
|
|
}
|
|
|
|
// HANDLE: $(expr, $(...))
|
|
} else if ( !context || context.jquery ) {
|
|
return ( context || rootjQuery ).find( selector );
|
|
|
|
// HANDLE: $(expr, context)
|
|
// (which is just equivalent to: $(context).find(expr)
|
|
} else {
|
|
return this.constructor( context ).find( selector );
|
|
}
|
|
|
|
// HANDLE: $(DOMElement)
|
|
} else if ( selector.nodeType ) {
|
|
this.context = this[0] = selector;
|
|
this.length = 1;
|
|
return this;
|
|
|
|
// HANDLE: $(function)
|
|
// Shortcut for document ready
|
|
} else if ( jQuery.isFunction( selector ) ) {
|
|
return rootjQuery.ready( selector );
|
|
}
|
|
|
|
if ( selector.selector !== undefined ) {
|
|
this.selector = selector.selector;
|
|
this.context = selector.context;
|
|
}
|
|
|
|
return jQuery.makeArray( selector, this );
|
|
},
|
|
|
|
// Start with an empty selector
|
|
selector: "",
|
|
|
|
// The default length of a jQuery object is 0
|
|
length: 0,
|
|
|
|
// The number of elements contained in the matched element set
|
|
size: function() {
|
|
return this.length;
|
|
},
|
|
|
|
toArray: function() {
|
|
return core_slice.call( this );
|
|
},
|
|
|
|
// Get the Nth element in the matched element set OR
|
|
// Get the whole matched element set as a clean array
|
|
get: function( num ) {
|
|
return num == null ?
|
|
|
|
// Return a 'clean' array
|
|
this.toArray() :
|
|
|
|
// Return just the object
|
|
( num < 0 ? this[ this.length + num ] : this[ num ] );
|
|
},
|
|
|
|
// Take an array of elements and push it onto the stack
|
|
// (returning the new matched element set)
|
|
pushStack: function( elems ) {
|
|
|
|
// Build a new jQuery matched element set
|
|
var ret = jQuery.merge( this.constructor(), elems );
|
|
|
|
// Add the old object onto the stack (as a reference)
|
|
ret.prevObject = this;
|
|
ret.context = this.context;
|
|
|
|
// Return the newly-formed element set
|
|
return ret;
|
|
},
|
|
|
|
// Execute a callback for every element in the matched set.
|
|
// (You can seed the arguments with an array of args, but this is
|
|
// only used internally.)
|
|
each: function( callback, args ) {
|
|
return jQuery.each( this, callback, args );
|
|
},
|
|
|
|
ready: function( fn ) {
|
|
// Add the callback
|
|
jQuery.ready.promise().done( fn );
|
|
|
|
return this;
|
|
},
|
|
|
|
slice: function() {
|
|
return this.pushStack( core_slice.apply( this, arguments ) );
|
|
},
|
|
|
|
first: function() {
|
|
return this.eq( 0 );
|
|
},
|
|
|
|
last: function() {
|
|
return this.eq( -1 );
|
|
},
|
|
|
|
eq: function( i ) {
|
|
var len = this.length,
|
|
j = +i + ( i < 0 ? len : 0 );
|
|
return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
|
|
},
|
|
|
|
map: function( callback ) {
|
|
return this.pushStack( jQuery.map(this, function( elem, i ) {
|
|
return callback.call( elem, i, elem );
|
|
}));
|
|
},
|
|
|
|
end: function() {
|
|
return this.prevObject || this.constructor(null);
|
|
},
|
|
|
|
// For internal use only.
|
|
// Behaves like an Array's method, not like a jQuery method.
|
|
push: core_push,
|
|
sort: [].sort,
|
|
splice: [].splice
|
|
};
|
|
|
|
// Give the init function the jQuery prototype for later instantiation
|
|
jQuery.fn.init.prototype = jQuery.fn;
|
|
|
|
jQuery.extend = jQuery.fn.extend = function() {
|
|
var src, copyIsArray, copy, name, options, clone,
|
|
target = arguments[0] || {},
|
|
i = 1,
|
|
length = arguments.length,
|
|
deep = false;
|
|
|
|
// Handle a deep copy situation
|
|
if ( typeof target === "boolean" ) {
|
|
deep = target;
|
|
target = arguments[1] || {};
|
|
// skip the boolean and the target
|
|
i = 2;
|
|
}
|
|
|
|
// Handle case when target is a string or something (possible in deep copy)
|
|
if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
|
|
target = {};
|
|
}
|
|
|
|
// extend jQuery itself if only one argument is passed
|
|
if ( length === i ) {
|
|
target = this;
|
|
--i;
|
|
}
|
|
|
|
for ( ; i < length; i++ ) {
|
|
// Only deal with non-null/undefined values
|
|
if ( (options = arguments[ i ]) != null ) {
|
|
// Extend the base object
|
|
for ( name in options ) {
|
|
src = target[ name ];
|
|
copy = options[ name ];
|
|
|
|
// Prevent never-ending loop
|
|
if ( target === copy ) {
|
|
continue;
|
|
}
|
|
|
|
// Recurse if we're merging plain objects or arrays
|
|
if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
|
|
if ( copyIsArray ) {
|
|
copyIsArray = false;
|
|
clone = src && jQuery.isArray(src) ? src : [];
|
|
|
|
} else {
|
|
clone = src && jQuery.isPlainObject(src) ? src : {};
|
|
}
|
|
|
|
// Never move original objects, clone them
|
|
target[ name ] = jQuery.extend( deep, clone, copy );
|
|
|
|
// Don't bring in undefined values
|
|
} else if ( copy !== undefined ) {
|
|
target[ name ] = copy;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Return the modified object
|
|
return target;
|
|
};
|
|
|
|
jQuery.extend({
|
|
noConflict: function( deep ) {
|
|
if ( window.$ === jQuery ) {
|
|
window.$ = _$;
|
|
}
|
|
|
|
if ( deep && window.jQuery === jQuery ) {
|
|
window.jQuery = _jQuery;
|
|
}
|
|
|
|
return jQuery;
|
|
},
|
|
|
|
// Is the DOM ready to be used? Set to true once it occurs.
|
|
isReady: false,
|
|
|
|
// A counter to track how many items to wait for before
|
|
// the ready event fires. See #6781
|
|
readyWait: 1,
|
|
|
|
// Hold (or release) the ready event
|
|
holdReady: function( hold ) {
|
|
if ( hold ) {
|
|
jQuery.readyWait++;
|
|
} else {
|
|
jQuery.ready( true );
|
|
}
|
|
},
|
|
|
|
// Handle when the DOM is ready
|
|
ready: function( wait ) {
|
|
|
|
// Abort if there are pending holds or we're already ready
|
|
if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
|
|
return;
|
|
}
|
|
|
|
// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
|
|
if ( !document.body ) {
|
|
return setTimeout( jQuery.ready );
|
|
}
|
|
|
|
// Remember that the DOM is ready
|
|
jQuery.isReady = true;
|
|
|
|
// If a normal DOM Ready event fired, decrement, and wait if need be
|
|
if ( wait !== true && --jQuery.readyWait > 0 ) {
|
|
return;
|
|
}
|
|
|
|
// If there are functions bound, to execute
|
|
readyList.resolveWith( document, [ jQuery ] );
|
|
|
|
// Trigger any bound ready events
|
|
if ( jQuery.fn.trigger ) {
|
|
jQuery( document ).trigger("ready").off("ready");
|
|
}
|
|
},
|
|
|
|
// See test/unit/core.js for details concerning isFunction.
|
|
// Since version 1.3, DOM methods and functions like alert
|
|
// aren't supported. They return false on IE (#2968).
|
|
isFunction: function( obj ) {
|
|
return jQuery.type(obj) === "function";
|
|
},
|
|
|
|
isArray: Array.isArray || function( obj ) {
|
|
return jQuery.type(obj) === "array";
|
|
},
|
|
|
|
isWindow: function( obj ) {
|
|
return obj != null && obj == obj.window;
|
|
},
|
|
|
|
isNumeric: function( obj ) {
|
|
return !isNaN( parseFloat(obj) ) && isFinite( obj );
|
|
},
|
|
|
|
type: function( obj ) {
|
|
if ( obj == null ) {
|
|
return String( obj );
|
|
}
|
|
return typeof obj === "object" || typeof obj === "function" ?
|
|
class2type[ core_toString.call(obj) ] || "object" :
|
|
typeof obj;
|
|
},
|
|
|
|
isPlainObject: function( obj ) {
|
|
// Must be an Object.
|
|
// Because of IE, we also have to check the presence of the constructor property.
|
|
// Make sure that DOM nodes and window objects don't pass through, as well
|
|
if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
|
|
return false;
|
|
}
|
|
|
|
try {
|
|
// Not own constructor property must be Object
|
|
if ( obj.constructor &&
|
|
!core_hasOwn.call(obj, "constructor") &&
|
|
!core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
|
|
return false;
|
|
}
|
|
} catch ( e ) {
|
|
// IE8,9 Will throw exceptions on certain host objects #9897
|
|
return false;
|
|
}
|
|
|
|
// Own properties are enumerated firstly, so to speed up,
|
|
// if last one is own, then all properties are own.
|
|
|
|
var key;
|
|
for ( key in obj ) {}
|
|
|
|
return key === undefined || core_hasOwn.call( obj, key );
|
|
},
|
|
|
|
isEmptyObject: function( obj ) {
|
|
var name;
|
|
for ( name in obj ) {
|
|
return false;
|
|
}
|
|
return true;
|
|
},
|
|
|
|
error: function( msg ) {
|
|
throw new Error( msg );
|
|
},
|
|
|
|
// data: string of html
|
|
// context (optional): If specified, the fragment will be created in this context, defaults to document
|
|
// keepScripts (optional): If true, will include scripts passed in the html string
|
|
parseHTML: function( data, context, keepScripts ) {
|
|
if ( !data || typeof data !== "string" ) {
|
|
return null;
|
|
}
|
|
if ( typeof context === "boolean" ) {
|
|
keepScripts = context;
|
|
context = false;
|
|
}
|
|
context = context || document;
|
|
|
|
var parsed = rsingleTag.exec( data ),
|
|
scripts = !keepScripts && [];
|
|
|
|
// Single tag
|
|
if ( parsed ) {
|
|
return [ context.createElement( parsed[1] ) ];
|
|
}
|
|
|
|
parsed = jQuery.buildFragment( [ data ], context, scripts );
|
|
if ( scripts ) {
|
|
jQuery( scripts ).remove();
|
|
}
|
|
return jQuery.merge( [], parsed.childNodes );
|
|
},
|
|
|
|
parseJSON: function( data ) {
|
|
// Attempt to parse using the native JSON parser first
|
|
if ( window.JSON && window.JSON.parse ) {
|
|
return window.JSON.parse( data );
|
|
}
|
|
|
|
if ( data === null ) {
|
|
return data;
|
|
}
|
|
|
|
if ( typeof data === "string" ) {
|
|
|
|
// Make sure leading/trailing whitespace is removed (IE can't handle it)
|
|
data = jQuery.trim( data );
|
|
|
|
if ( data ) {
|
|
// Make sure the incoming data is actual JSON
|
|
// Logic borrowed from http://json.org/json2.js
|
|
if ( rvalidchars.test( data.replace( rvalidescape, "@" )
|
|
.replace( rvalidtokens, "]" )
|
|
.replace( rvalidbraces, "")) ) {
|
|
|
|
return ( new Function( "return " + data ) )();
|
|
}
|
|
}
|
|
}
|
|
|
|
jQuery.error( "Invalid JSON: " + data );
|
|
},
|
|
|
|
// Cross-browser xml parsing
|
|
parseXML: function( data ) {
|
|
var xml, tmp;
|
|
if ( !data || typeof data !== "string" ) {
|
|
return null;
|
|
}
|
|
try {
|
|
if ( window.DOMParser ) { // Standard
|
|
tmp = new DOMParser();
|
|
xml = tmp.parseFromString( data , "text/xml" );
|
|
} else { // IE
|
|
xml = new ActiveXObject( "Microsoft.XMLDOM" );
|
|
xml.async = "false";
|
|
xml.loadXML( data );
|
|
}
|
|
} catch( e ) {
|
|
xml = undefined;
|
|
}
|
|
if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
|
|
jQuery.error( "Invalid XML: " + data );
|
|
}
|
|
return xml;
|
|
},
|
|
|
|
noop: function() {},
|
|
|
|
// Evaluates a script in a global context
|
|
// Workarounds based on findings by Jim Driscoll
|
|
// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
|
|
globalEval: function( data ) {
|
|
if ( data && jQuery.trim( data ) ) {
|
|
// We use execScript on Internet Explorer
|
|
// We use an anonymous function so that context is window
|
|
// rather than jQuery in Firefox
|
|
( window.execScript || function( data ) {
|
|
window[ "eval" ].call( window, data );
|
|
} )( data );
|
|
}
|
|
},
|
|
|
|
// Convert dashed to camelCase; used by the css and data modules
|
|
// Microsoft forgot to hump their vendor prefix (#9572)
|
|
camelCase: function( string ) {
|
|
return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
|
|
},
|
|
|
|
nodeName: function( elem, name ) {
|
|
return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
|
|
},
|
|
|
|
// args is for internal usage only
|
|
each: function( obj, callback, args ) {
|
|
var value,
|
|
i = 0,
|
|
length = obj.length,
|
|
isArray = isArraylike( obj );
|
|
|
|
if ( args ) {
|
|
if ( isArray ) {
|
|
for ( ; i < length; i++ ) {
|
|
value = callback.apply( obj[ i ], args );
|
|
|
|
if ( value === false ) {
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
for ( i in obj ) {
|
|
value = callback.apply( obj[ i ], args );
|
|
|
|
if ( value === false ) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// A special, fast, case for the most common use of each
|
|
} else {
|
|
if ( isArray ) {
|
|
for ( ; i < length; i++ ) {
|
|
value = callback.call( obj[ i ], i, obj[ i ] );
|
|
|
|
if ( value === false ) {
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
for ( i in obj ) {
|
|
value = callback.call( obj[ i ], i, obj[ i ] );
|
|
|
|
if ( value === false ) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return obj;
|
|
},
|
|
|
|
// Use native String.trim function wherever possible
|
|
trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
|
|
function( text ) {
|
|
return text == null ?
|
|
"" :
|
|
core_trim.call( text );
|
|
} :
|
|
|
|
// Otherwise use our own trimming functionality
|
|
function( text ) {
|
|
return text == null ?
|
|
"" :
|
|
( text + "" ).replace( rtrim, "" );
|
|
},
|
|
|
|
// results is for internal usage only
|
|
makeArray: function( arr, results ) {
|
|
var ret = results || [];
|
|
|
|
if ( arr != null ) {
|
|
if ( isArraylike( Object(arr) ) ) {
|
|
jQuery.merge( ret,
|
|
typeof arr === "string" ?
|
|
[ arr ] : arr
|
|
);
|
|
} else {
|
|
core_push.call( ret, arr );
|
|
}
|
|
}
|
|
|
|
return ret;
|
|
},
|
|
|
|
inArray: function( elem, arr, i ) {
|
|
var len;
|
|
|
|
if ( arr ) {
|
|
if ( core_indexOf ) {
|
|
return core_indexOf.call( arr, elem, i );
|
|
}
|
|
|
|
len = arr.length;
|
|
i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
|
|
|
|
for ( ; i < len; i++ ) {
|
|
// Skip accessing in sparse arrays
|
|
if ( i in arr && arr[ i ] === elem ) {
|
|
return i;
|
|
}
|
|
}
|
|
}
|
|
|
|
return -1;
|
|
},
|
|
|
|
merge: function( first, second ) {
|
|
var l = second.length,
|
|
i = first.length,
|
|
j = 0;
|
|
|
|
if ( typeof l === "number" ) {
|
|
for ( ; j < l; j++ ) {
|
|
first[ i++ ] = second[ j ];
|
|
}
|
|
} else {
|
|
while ( second[j] !== undefined ) {
|
|
first[ i++ ] = second[ j++ ];
|
|
}
|
|
}
|
|
|
|
first.length = i;
|
|
|
|
return first;
|
|
},
|
|
|
|
grep: function( elems, callback, inv ) {
|
|
var retVal,
|
|
ret = [],
|
|
i = 0,
|
|
length = elems.length;
|
|
inv = !!inv;
|
|
|
|
// Go through the array, only saving the items
|
|
// that pass the validator function
|
|
for ( ; i < length; i++ ) {
|
|
retVal = !!callback( elems[ i ], i );
|
|
if ( inv !== retVal ) {
|
|
ret.push( elems[ i ] );
|
|
}
|
|
}
|
|
|
|
return ret;
|
|
},
|
|
|
|
// arg is for internal usage only
|
|
map: function( elems, callback, arg ) {
|
|
var value,
|
|
i = 0,
|
|
length = elems.length,
|
|
isArray = isArraylike( elems ),
|
|
ret = [];
|
|
|
|
// Go through the array, translating each of the items to their
|
|
if ( isArray ) {
|
|
for ( ; i < length; i++ ) {
|
|
value = callback( elems[ i ], i, arg );
|
|
|
|
if ( value != null ) {
|
|
ret[ ret.length ] = value;
|
|
}
|
|
}
|
|
|
|
// Go through every key on the object,
|
|
} else {
|
|
for ( i in elems ) {
|
|
value = callback( elems[ i ], i, arg );
|
|
|
|
if ( value != null ) {
|
|
ret[ ret.length ] = value;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Flatten any nested arrays
|
|
return core_concat.apply( [], ret );
|
|
},
|
|
|
|
// A global GUID counter for objects
|
|
guid: 1,
|
|
|
|
// Bind a function to a context, optionally partially applying any
|
|
// arguments.
|
|
proxy: function( fn, context ) {
|
|
var args, proxy, tmp;
|
|
|
|
if ( typeof context === "string" ) {
|
|
tmp = fn[ context ];
|
|
context = fn;
|
|
fn = tmp;
|
|
}
|
|
|
|
// Quick check to determine if target is callable, in the spec
|
|
// this throws a TypeError, but we will just return undefined.
|
|
if ( !jQuery.isFunction( fn ) ) {
|
|
return undefined;
|
|
}
|
|
|
|
// Simulated bind
|
|
args = core_slice.call( arguments, 2 );
|
|
proxy = function() {
|
|
return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) );
|
|
};
|
|
|
|
// Set the guid of unique handler to the same of original handler, so it can be removed
|
|
proxy.guid = fn.guid = fn.guid || jQuery.guid++;
|
|
|
|
return proxy;
|
|
},
|
|
|
|
// Multifunctional method to get and set values of a collection
|
|
// The value/s can optionally be executed if it's a function
|
|
access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
|
|
var i = 0,
|
|
length = elems.length,
|
|
bulk = key == null;
|
|
|
|
// Sets many values
|
|
if ( jQuery.type( key ) === "object" ) {
|
|
chainable = true;
|
|
for ( i in key ) {
|
|
jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
|
|
}
|
|
|
|
// Sets one value
|
|
} else if ( value !== undefined ) {
|
|
chainable = true;
|
|
|
|
if ( !jQuery.isFunction( value ) ) {
|
|
raw = true;
|
|
}
|
|
|
|
if ( bulk ) {
|
|
// Bulk operations run against the entire set
|
|
if ( raw ) {
|
|
fn.call( elems, value );
|
|
fn = null;
|
|
|
|
// ...except when executing function values
|
|
} else {
|
|
bulk = fn;
|
|
fn = function( elem, key, value ) {
|
|
return bulk.call( jQuery( elem ), value );
|
|
};
|
|
}
|
|
}
|
|
|
|
if ( fn ) {
|
|
for ( ; i < length; i++ ) {
|
|
fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
|
|
}
|
|
}
|
|
}
|
|
|
|
return chainable ?
|
|
elems :
|
|
|
|
// Gets
|
|
bulk ?
|
|
fn.call( elems ) :
|
|
length ? fn( elems[0], key ) : emptyGet;
|
|
},
|
|
|
|
now: function() {
|
|
return ( new Date() ).getTime();
|
|
}
|
|
});
|
|
|
|
jQuery.ready.promise = function( obj ) {
|
|
if ( !readyList ) {
|
|
|
|
readyList = jQuery.Deferred();
|
|
|
|
// Catch cases where $(document).ready() is called after the browser event has already occurred.
|
|
// we once tried to use readyState "interactive" here, but it caused issues like the one
|
|
// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
|
|
if ( document.readyState === "complete" ) {
|
|
// Handle it asynchronously to allow scripts the opportunity to delay ready
|
|
setTimeout( jQuery.ready );
|
|
|
|
// Standards-based browsers support DOMContentLoaded
|
|
} else if ( document.addEventListener ) {
|
|
// Use the handy event callback
|
|
document.addEventListener( "DOMContentLoaded", completed, false );
|
|
|
|
// A fallback to window.onload, that will always work
|
|
window.addEventListener( "load", completed, false );
|
|
|
|
// If IE event model is used
|
|
} else {
|
|
// Ensure firing before onload, maybe late but safe also for iframes
|
|
document.attachEvent( "onreadystatechange", completed );
|
|
|
|
// A fallback to window.onload, that will always work
|
|
window.attachEvent( "onload", completed );
|
|
|
|
// If IE and not a frame
|
|
// continually check to see if the document is ready
|
|
var top = false;
|
|
|
|
try {
|
|
top = window.frameElement == null && document.documentElement;
|
|
} catch(e) {}
|
|
|
|
if ( top && top.doScroll ) {
|
|
(function doScrollCheck() {
|
|
if ( !jQuery.isReady ) {
|
|
|
|
try {
|
|
// Use the trick by Diego Perini
|
|
// http://javascript.nwbox.com/IEContentLoaded/
|
|
top.doScroll("left");
|
|
} catch(e) {
|
|
return setTimeout( doScrollCheck, 50 );
|
|
}
|
|
|
|
// detach all dom ready events
|
|
detach();
|
|
|
|
// and execute any waiting functions
|
|
jQuery.ready();
|
|
}
|
|
})();
|
|
}
|
|
}
|
|
}
|
|
return readyList.promise( obj );
|
|
};
|
|
|
|
// Populate the class2type map
|
|
jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
|
|
class2type[ "[object " + name + "]" ] = name.toLowerCase();
|
|
});
|
|
|
|
function isArraylike( obj ) {
|
|
var length = obj.length,
|
|
type = jQuery.type( obj );
|
|
|
|
if ( jQuery.isWindow( obj ) ) {
|
|
return false;
|
|
}
|
|
|
|
if ( obj.nodeType === 1 && length ) {
|
|
return true;
|
|
}
|
|
|
|
return type === "array" || type !== "function" &&
|
|
( length === 0 ||
|
|
typeof length === "number" && length > 0 && ( length - 1 ) in obj );
|
|
}
|
|
|
|
// All jQuery objects should point back to these
|
|
rootjQuery = jQuery(document);
|
|
// String to Object options format cache
|
|
var optionsCache = {};
|
|
|
|
// Convert String-formatted options into Object-formatted ones and store in cache
|
|
function createOptions( options ) {
|
|
var object = optionsCache[ options ] = {};
|
|
jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) {
|
|
object[ flag ] = true;
|
|
});
|
|
return object;
|
|
}
|
|
|
|
/*
|
|
* Create a callback list using the following parameters:
|
|
*
|
|
* options: an optional list of space-separated options that will change how
|
|
* the callback list behaves or a more traditional option object
|
|
*
|
|
* By default a callback list will act like an event callback list and can be
|
|
* "fired" multiple times.
|
|
*
|
|
* Possible options:
|
|
*
|
|
* once: will ensure the callback list can only be fired once (like a Deferred)
|
|
*
|
|
* memory: will keep track of previous values and will call any callback added
|
|
* after the list has been fired right away with the latest "memorized"
|
|
* values (like a Deferred)
|
|
*
|
|
* unique: will ensure a callback can only be added once (no duplicate in the list)
|
|
*
|
|
* stopOnFalse: interrupt callings when a callback returns false
|
|
*
|
|
*/
|
|
jQuery.Callbacks = function( options ) {
|
|
|
|
// Convert options from String-formatted to Object-formatted if needed
|
|
// (we check in cache first)
|
|
options = typeof options === "string" ?
|
|
( optionsCache[ options ] || createOptions( options ) ) :
|
|
jQuery.extend( {}, options );
|
|
|
|
var // Flag to know if list is currently firing
|
|
firing,
|
|
// Last fire value (for non-forgettable lists)
|
|
memory,
|
|
// Flag to know if list was already fired
|
|
fired,
|
|
// End of the loop when firing
|
|
firingLength,
|
|
// Index of currently firing callback (modified by remove if needed)
|
|
firingIndex,
|
|
// First callback to fire (used internally by add and fireWith)
|
|
firingStart,
|
|
// Actual callback list
|
|
list = [],
|
|
// Stack of fire calls for repeatable lists
|
|
stack = !options.once && [],
|
|
// Fire callbacks
|
|
fire = function( data ) {
|
|
memory = options.memory && data;
|
|
fired = true;
|
|
firingIndex = firingStart || 0;
|
|
firingStart = 0;
|
|
firingLength = list.length;
|
|
firing = true;
|
|
for ( ; list && firingIndex < firingLength; firingIndex++ ) {
|
|
if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
|
|
memory = false; // To prevent further calls using add
|
|
break;
|
|
}
|
|
}
|
|
firing = false;
|
|
if ( list ) {
|
|
if ( stack ) {
|
|
if ( stack.length ) {
|
|
fire( stack.shift() );
|
|
}
|
|
} else if ( memory ) {
|
|
list = [];
|
|
} else {
|
|
self.disable();
|
|
}
|
|
}
|
|
},
|
|
// Actual Callbacks object
|
|
self = {
|
|
// Add a callback or a collection of callbacks to the list
|
|
add: function() {
|
|
if ( list ) {
|
|
// First, we save the current length
|
|
var start = list.length;
|
|
(function add( args ) {
|
|
jQuery.each( args, function( _, arg ) {
|
|
var type = jQuery.type( arg );
|
|
if ( type === "function" ) {
|
|
if ( !options.unique || !self.has( arg ) ) {
|
|
list.push( arg );
|
|
}
|
|
} else if ( arg && arg.length && type !== "string" ) {
|
|
// Inspect recursively
|
|
add( arg );
|
|
}
|
|
});
|
|
})( arguments );
|
|
// Do we need to add the callbacks to the
|
|
// current firing batch?
|
|
if ( firing ) {
|
|
firingLength = list.length;
|
|
// With memory, if we're not firing then
|
|
// we should call right away
|
|
} else if ( memory ) {
|
|
firingStart = start;
|
|
fire( memory );
|
|
}
|
|
}
|
|
return this;
|
|
},
|
|
// Remove a callback from the list
|
|
remove: function() {
|
|
if ( list ) {
|
|
jQuery.each( arguments, function( _, arg ) {
|
|
var index;
|
|
while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
|
|
list.splice( index, 1 );
|
|
// Handle firing indexes
|
|
if ( firing ) {
|
|
if ( index <= firingLength ) {
|
|
firingLength--;
|
|
}
|
|
if ( index <= firingIndex ) {
|
|
firingIndex--;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
// Check if a given callback is in the list.
|
|
// If no argument is given, return whether or not list has callbacks attached.
|
|
has: function( fn ) {
|
|
return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
|
|
},
|
|
// Remove all callbacks from the list
|
|
empty: function() {
|
|
list = [];
|
|
return this;
|
|
},
|
|
// Have the list do nothing anymore
|
|
disable: function() {
|
|
list = stack = memory = undefined;
|
|
return this;
|
|
},
|
|
// Is it disabled?
|
|
disabled: function() {
|
|
return !list;
|
|
},
|
|
// Lock the list in its current state
|
|
lock: function() {
|
|
stack = undefined;
|
|
if ( !memory ) {
|
|
self.disable();
|
|
}
|
|
return this;
|
|
},
|
|
// Is it locked?
|
|
locked: function() {
|
|
return !stack;
|
|
},
|
|
// Call all callbacks with the given context and arguments
|
|
fireWith: function( context, args ) {
|
|
args = args || [];
|
|
args = [ context, args.slice ? args.slice() : args ];
|
|
if ( list && ( !fired || stack ) ) {
|
|
if ( firing ) {
|
|
stack.push( args );
|
|
} else {
|
|
fire( args );
|
|
}
|
|
}
|
|
return this;
|
|
},
|
|
// Call all the callbacks with the given arguments
|
|
fire: function() {
|
|
self.fireWith( this, arguments );
|
|
return this;
|
|
},
|
|
// To know if the callbacks have already been called at least once
|
|
fired: function() {
|
|
return !!fired;
|
|
}
|
|
};
|
|
|
|
return self;
|
|
};
|
|
jQuery.extend({
|
|
|
|
Deferred: function( func ) {
|
|
var tuples = [
|
|
// action, add listener, listener list, final state
|
|
[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
|
|
[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
|
|
[ "notify", "progress", jQuery.Callbacks("memory") ]
|
|
],
|
|
state = "pending",
|
|
promise = {
|
|
state: function() {
|
|
return state;
|
|
},
|
|
always: function() {
|
|
deferred.done( arguments ).fail( arguments );
|
|
return this;
|
|
},
|
|
then: function( /* fnDone, fnFail, fnProgress */ ) {
|
|
var fns = arguments;
|
|
return jQuery.Deferred(function( newDefer ) {
|
|
jQuery.each( tuples, function( i, tuple ) {
|
|
var action = tuple[ 0 ],
|
|
fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
|
|
// deferred[ done | fail | progress ] for forwarding actions to newDefer
|
|
deferred[ tuple[1] ](function() {
|
|
var returned = fn && fn.apply( this, arguments );
|
|
if ( returned && jQuery.isFunction( returned.promise ) ) {
|
|
returned.promise()
|
|
.done( newDefer.resolve )
|
|
.fail( newDefer.reject )
|
|
.progress( newDefer.notify );
|
|
} else {
|
|
newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
|
|
}
|
|
});
|
|
});
|
|
fns = null;
|
|
}).promise();
|
|
},
|
|
// Get a promise for this deferred
|
|
// If obj is provided, the promise aspect is added to the object
|
|
promise: function( obj ) {
|
|
return obj != null ? jQuery.extend( obj, promise ) : promise;
|
|
}
|
|
},
|
|
deferred = {};
|
|
|
|
// Keep pipe for back-compat
|
|
promise.pipe = promise.then;
|
|
|
|
// Add list-specific methods
|
|
jQuery.each( tuples, function( i, tuple ) {
|
|
var list = tuple[ 2 ],
|
|
stateString = tuple[ 3 ];
|
|
|
|
// promise[ done | fail | progress ] = list.add
|
|
promise[ tuple[1] ] = list.add;
|
|
|
|
// Handle state
|
|
if ( stateString ) {
|
|
list.add(function() {
|
|
// state = [ resolved | rejected ]
|
|
state = stateString;
|
|
|
|
// [ reject_list | resolve_list ].disable; progress_list.lock
|
|
}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
|
|
}
|
|
|
|
// deferred[ resolve | reject | notify ]
|
|
deferred[ tuple[0] ] = function() {
|
|
deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
|
|
return this;
|
|
};
|
|
deferred[ tuple[0] + "With" ] = list.fireWith;
|
|
});
|
|
|
|
// Make the deferred a promise
|
|
promise.promise( deferred );
|
|
|
|
// Call given func if any
|
|
if ( func ) {
|
|
func.call( deferred, deferred );
|
|
}
|
|
|
|
// All done!
|
|
return deferred;
|
|
},
|
|
|
|
// Deferred helper
|
|
when: function( subordinate /* , ..., subordinateN */ ) {
|
|
var i = 0,
|
|
resolveValues = core_slice.call( arguments ),
|
|
length = resolveValues.length,
|
|
|
|
// the count of uncompleted subordinates
|
|
remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
|
|
|
|
// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
|
|
deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
|
|
|
|
// Update function for both resolve and progress values
|
|
updateFunc = function( i, contexts, values ) {
|
|
return function( value ) {
|
|
contexts[ i ] = this;
|
|
values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
|
|
if( values === progressValues ) {
|
|
deferred.notifyWith( contexts, values );
|
|
} else if ( !( --remaining ) ) {
|
|
deferred.resolveWith( contexts, values );
|
|
}
|
|
};
|
|
},
|
|
|
|
progressValues, progressContexts, resolveContexts;
|
|
|
|
// add listeners to Deferred subordinates; treat others as resolved
|
|
if ( length > 1 ) {
|
|
progressValues = new Array( length );
|
|
progressContexts = new Array( length );
|
|
resolveContexts = new Array( length );
|
|
for ( ; i < length; i++ ) {
|
|
if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
|
|
resolveValues[ i ].promise()
|
|
.done( updateFunc( i, resolveContexts, resolveValues ) )
|
|
.fail( deferred.reject )
|
|
.progress( updateFunc( i, progressContexts, progressValues ) );
|
|
} else {
|
|
--remaining;
|
|
}
|
|
}
|
|
}
|
|
|
|
// if we're not waiting on anything, resolve the master
|
|
if ( !remaining ) {
|
|
deferred.resolveWith( resolveContexts, resolveValues );
|
|
}
|
|
|
|
return deferred.promise();
|
|
}
|
|
});
|
|
jQuery.support = (function() {
|
|
|
|
var support, all, a,
|
|
input, select, fragment,
|
|
opt, eventName, isSupported, i,
|
|
div = document.createElement("div");
|
|
|
|
// Setup
|
|
div.setAttribute( "className", "t" );
|
|
div.innerHTML = " <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
|
|
|
|
// Support tests won't run in some limited or non-browser environments
|
|
all = div.getElementsByTagName("*");
|
|
a = div.getElementsByTagName("a")[ 0 ];
|
|
if ( !all || !a || !all.length ) {
|
|
return {};
|
|
}
|
|
|
|
// First batch of tests
|
|
select = document.createElement("select");
|
|
opt = select.appendChild( document.createElement("option") );
|
|
input = div.getElementsByTagName("input")[ 0 ];
|
|
|
|
a.style.cssText = "top:1px;float:left;opacity:.5";
|
|
support = {
|
|
// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
|
|
getSetAttribute: div.className !== "t",
|
|
|
|
// IE strips leading whitespace when .innerHTML is used
|
|
leadingWhitespace: div.firstChild.nodeType === 3,
|
|
|
|
// Make sure that tbody elements aren't automatically inserted
|
|
// IE will insert them into empty tables
|
|
tbody: !div.getElementsByTagName("tbody").length,
|
|
|
|
// Make sure that link elements get serialized correctly by innerHTML
|
|
// This requires a wrapper element in IE
|
|
htmlSerialize: !!div.getElementsByTagName("link").length,
|
|
|
|
// Get the style information from getAttribute
|
|
// (IE uses .cssText instead)
|
|
style: /top/.test( a.getAttribute("style") ),
|
|
|
|
// Make sure that URLs aren't manipulated
|
|
// (IE normalizes it by default)
|
|
hrefNormalized: a.getAttribute("href") === "/a",
|
|
|
|
// Make sure that element opacity exists
|
|
// (IE uses filter instead)
|
|
// Use a regex to work around a WebKit issue. See #5145
|
|
opacity: /^0.5/.test( a.style.opacity ),
|
|
|
|
// Verify style float existence
|
|
// (IE uses styleFloat instead of cssFloat)
|
|
cssFloat: !!a.style.cssFloat,
|
|
|
|
// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
|
|
checkOn: !!input.value,
|
|
|
|
// Make sure that a selected-by-default option has a working selected property.
|
|
// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
|
|
optSelected: opt.selected,
|
|
|
|
// Tests for enctype support on a form (#6743)
|
|
enctype: !!document.createElement("form").enctype,
|
|
|
|
// Makes sure cloning an html5 element does not cause problems
|
|
// Where outerHTML is undefined, this still works
|
|
html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>",
|
|
|
|
// jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode
|
|
boxModel: document.compatMode === "CSS1Compat",
|
|
|
|
// Will be defined later
|
|
deleteExpando: true,
|
|
noCloneEvent: true,
|
|
inlineBlockNeedsLayout: false,
|
|
shrinkWrapBlocks: false,
|
|
reliableMarginRight: true,
|
|
boxSizingReliable: true,
|
|
pixelPosition: false
|
|
};
|
|
|
|
// Make sure checked status is properly cloned
|
|
input.checked = true;
|
|
support.noCloneChecked = input.cloneNode( true ).checked;
|
|
|
|
// Make sure that the options inside disabled selects aren't marked as disabled
|
|
// (WebKit marks them as disabled)
|
|
select.disabled = true;
|
|
support.optDisabled = !opt.disabled;
|
|
|
|
// Support: IE<9
|
|
try {
|
|
delete div.test;
|
|
} catch( e ) {
|
|
support.deleteExpando = false;
|
|
}
|
|
|
|
// Check if we can trust getAttribute("value")
|
|
input = document.createElement("input");
|
|
input.setAttribute( "value", "" );
|
|
support.input = input.getAttribute( "value" ) === "";
|
|
|
|
// Check if an input maintains its value after becoming a radio
|
|
input.value = "t";
|
|
input.setAttribute( "type", "radio" );
|
|
support.radioValue = input.value === "t";
|
|
|
|
// #11217 - WebKit loses check when the name is after the checked attribute
|
|
input.setAttribute( "checked", "t" );
|
|
input.setAttribute( "name", "t" );
|
|
|
|
fragment = document.createDocumentFragment();
|
|
fragment.appendChild( input );
|
|
|
|
// Check if a disconnected checkbox will retain its checked
|
|
// value of true after appended to the DOM (IE6/7)
|
|
support.appendChecked = input.checked;
|
|
|
|
// WebKit doesn't clone checked state correctly in fragments
|
|
support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
|
|
|
|
// Support: IE<9
|
|
// Opera does not clone events (and typeof div.attachEvent === undefined).
|
|
// IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
|
|
if ( div.attachEvent ) {
|
|
div.attachEvent( "onclick", function() {
|
|
support.noCloneEvent = false;
|
|
});
|
|
|
|
div.cloneNode( true ).click();
|
|
}
|
|
|
|
// Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event)
|
|
// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP), test/csp.php
|
|
for ( i in { submit: true, change: true, focusin: true }) {
|
|
div.setAttribute( eventName = "on" + i, "t" );
|
|
|
|
support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false;
|
|
}
|
|
|
|
div.style.backgroundClip = "content-box";
|
|
div.cloneNode( true ).style.backgroundClip = "";
|
|
support.clearCloneStyle = div.style.backgroundClip === "content-box";
|
|
|
|
// Run tests that need a body at doc ready
|
|
jQuery(function() {
|
|
var container, marginDiv, tds,
|
|
divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",
|
|
body = document.getElementsByTagName("body")[0];
|
|
|
|
if ( !body ) {
|
|
// Return for frameset docs that don't have a body
|
|
return;
|
|
}
|
|
|
|
container = document.createElement("div");
|
|
container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";
|
|
|
|
body.appendChild( container ).appendChild( div );
|
|
|
|
// Support: IE8
|
|
// Check if table cells still have offsetWidth/Height when they are set
|
|
// to display:none and there are still other visible table cells in a
|
|
// table row; if so, offsetWidth/Height are not reliable for use when
|
|
// determining if an element has been hidden directly using
|
|
// display:none (it is still safe to use offsets if a parent element is
|
|
// hidden; don safety goggles and see bug #4512 for more information).
|
|
div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
|
|
tds = div.getElementsByTagName("td");
|
|
tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
|
|
isSupported = ( tds[ 0 ].offsetHeight === 0 );
|
|
|
|
tds[ 0 ].style.display = "";
|
|
tds[ 1 ].style.display = "none";
|
|
|
|
// Support: IE8
|
|
// Check if empty table cells still have offsetWidth/Height
|
|
support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
|
|
|
|
// Check box-sizing and margin behavior
|
|
div.innerHTML = "";
|
|
div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
|
|
support.boxSizing = ( div.offsetWidth === 4 );
|
|
support.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== 1 );
|
|
|
|
// Use window.getComputedStyle because jsdom on node.js will break without it.
|
|
if ( window.getComputedStyle ) {
|
|
support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
|
|
support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
|
|
|
|
// Check if div with explicit width and no margin-right incorrectly
|
|
// gets computed margin-right based on width of container. (#3333)
|
|
// Fails in WebKit before Feb 2011 nightlies
|
|
// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
|
|
marginDiv = div.appendChild( document.createElement("div") );
|
|
marginDiv.style.cssText = div.style.cssText = divReset;
|
|
marginDiv.style.marginRight = marginDiv.style.width = "0";
|
|
div.style.width = "1px";
|
|
|
|
support.reliableMarginRight =
|
|
!parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
|
|
}
|
|
|
|
if ( typeof div.style.zoom !== core_strundefined ) {
|
|
// Support: IE<8
|
|
// Check if natively block-level elements act like inline-block
|
|
// elements when setting their display to 'inline' and giving
|
|
// them layout
|
|
div.innerHTML = "";
|
|
div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
|
|
support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
|
|
|
|
// Support: IE6
|
|
// Check if elements with layout shrink-wrap their children
|
|
div.style.display = "block";
|
|
div.innerHTML = "<div></div>";
|
|
div.firstChild.style.width = "5px";
|
|
support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
|
|
|
|
if ( support.inlineBlockNeedsLayout ) {
|
|
// Prevent IE 6 from affecting layout for positioned elements #11048
|
|
// Prevent IE from shrinking the body in IE 7 mode #12869
|
|
// Support: IE<8
|
|
body.style.zoom = 1;
|
|
}
|
|
}
|
|
|
|
body.removeChild( container );
|
|
|
|
// Null elements to avoid leaks in IE
|
|
container = div = tds = marginDiv = null;
|
|
});
|
|
|
|
// Null elements to avoid leaks in IE
|
|
all = select = fragment = opt = a = input = null;
|
|
|
|
return support;
|
|
})();
|
|
|
|
var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
|
|
rmultiDash = /([A-Z])/g;
|
|
|
|
function internalData( elem, name, data, pvt /* Internal Use Only */ ){
|
|
if ( !jQuery.acceptData( elem ) ) {
|
|
return;
|
|
}
|
|
|
|
var thisCache, ret,
|
|
internalKey = jQuery.expando,
|
|
getByName = typeof name === "string",
|
|
|
|
// We have to handle DOM nodes and JS objects differently because IE6-7
|
|
// can't GC object references properly across the DOM-JS boundary
|
|
isNode = elem.nodeType,
|
|
|
|
// Only DOM nodes need the global jQuery cache; JS object data is
|
|
// attached directly to the object so GC can occur automatically
|
|
cache = isNode ? jQuery.cache : elem,
|
|
|
|
// Only defining an ID for JS objects if its cache already exists allows
|
|
// the code to shortcut on the same path as a DOM node with no cache
|
|
id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
|
|
|
|
// Avoid doing any more work than we need to when trying to get data on an
|
|
// object that has no data at all
|
|
if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) {
|
|
return;
|
|
}
|
|
|
|
if ( !id ) {
|
|
// Only DOM nodes need a new unique ID for each element since their data
|
|
// ends up in the global cache
|
|
if ( isNode ) {
|
|
elem[ internalKey ] = id = core_deletedIds.pop() || jQuery.guid++;
|
|
} else {
|
|
id = internalKey;
|
|
}
|
|
}
|
|
|
|
if ( !cache[ id ] ) {
|
|
cache[ id ] = {};
|
|
|
|
// Avoids exposing jQuery metadata on plain JS objects when the object
|
|
// is serialized using JSON.stringify
|
|
if ( !isNode ) {
|
|
cache[ id ].toJSON = jQuery.noop;
|
|
}
|
|
}
|
|
|
|
// An object can be passed to jQuery.data instead of a key/value pair; this gets
|
|
// shallow copied over onto the existing cache
|
|
if ( typeof name === "object" || typeof name === "function" ) {
|
|
if ( pvt ) {
|
|
cache[ id ] = jQuery.extend( cache[ id ], name );
|
|
} else {
|
|
cache[ id ].data = jQuery.extend( cache[ id ].data, name );
|
|
}
|
|
}
|
|
|
|
thisCache = cache[ id ];
|
|
|
|
// jQuery data() is stored in a separate object inside the object's internal data
|
|
// cache in order to avoid key collisions between internal data and user-defined
|
|
// data.
|
|
if ( !pvt ) {
|
|
if ( !thisCache.data ) {
|
|
thisCache.data = {};
|
|
}
|
|
|
|
thisCache = thisCache.data;
|
|
}
|
|
|
|
if ( data !== undefined ) {
|
|
thisCache[ jQuery.camelCase( name ) ] = data;
|
|
}
|
|
|
|
// Check for both converted-to-camel and non-converted data property names
|
|
// If a data property was specified
|
|
if ( getByName ) {
|
|
|
|
// First Try to find as-is property data
|
|
ret = thisCache[ name ];
|
|
|
|
// Test for null|undefined property data
|
|
if ( ret == null ) {
|
|
|
|
// Try to find the camelCased property
|
|
ret = thisCache[ jQuery.camelCase( name ) ];
|
|
}
|
|
} else {
|
|
ret = thisCache;
|
|
}
|
|
|
|
return ret;
|
|
}
|
|
|
|
function internalRemoveData( elem, name, pvt ) {
|
|
if ( !jQuery.acceptData( elem ) ) {
|
|
return;
|
|
}
|
|
|
|
var i, l, thisCache,
|
|
isNode = elem.nodeType,
|
|
|
|
// See jQuery.data for more information
|
|
cache = isNode ? jQuery.cache : elem,
|
|
id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
|
|
|
|
// If there is already no cache entry for this object, there is no
|
|
// purpose in continuing
|
|
if ( !cache[ id ] ) {
|
|
return;
|
|
}
|
|
|
|
if ( name ) {
|
|
|
|
thisCache = pvt ? cache[ id ] : cache[ id ].data;
|
|
|
|
if ( thisCache ) {
|
|
|
|
// Support array or space separated string names for data keys
|
|
if ( !jQuery.isArray( name ) ) {
|
|
|
|
// try the string as a key before any manipulation
|
|
if ( name in thisCache ) {
|
|
name = [ name ];
|
|
} else {
|
|
|
|
// split the camel cased version by spaces unless a key with the spaces exists
|
|
name = jQuery.camelCase( name );
|
|
if ( name in thisCache ) {
|
|
name = [ name ];
|
|
} else {
|
|
name = name.split(" ");
|
|
}
|
|
}
|
|
} else {
|
|
// If "name" is an array of keys...
|
|
// When data is initially created, via ("key", "val") signature,
|
|
// keys will be converted to camelCase.
|
|
// Since there is no way to tell _how_ a key was added, remove
|
|
// both plain key and camelCase key. #12786
|
|
// This will only penalize the array argument path.
|
|
name = name.concat( jQuery.map( name, jQuery.camelCase ) );
|
|
}
|
|
|
|
for ( i = 0, l = name.length; i < l; i++ ) {
|
|
delete thisCache[ name[i] ];
|
|
}
|
|
|
|
// If there is no data left in the cache, we want to continue
|
|
// and let the cache object itself get destroyed
|
|
if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) {
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
// See jQuery.data for more information
|
|
if ( !pvt ) {
|
|
delete cache[ id ].data;
|
|
|
|
// Don't destroy the parent cache unless the internal data object
|
|
// had been the only thing left in it
|
|
if ( !isEmptyDataObject( cache[ id ] ) ) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Destroy the cache
|
|
if ( isNode ) {
|
|
jQuery.cleanData( [ elem ], true );
|
|
|
|
// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
|
|
} else if ( jQuery.support.deleteExpando || cache != cache.window ) {
|
|
delete cache[ id ];
|
|
|
|
// When all else fails, null
|
|
} else {
|
|
cache[ id ] = null;
|
|
}
|
|
}
|
|
|
|
jQuery.extend({
|
|
cache: {},
|
|
|
|
// Unique for each copy of jQuery on the page
|
|
// Non-digits removed to match rinlinejQuery
|
|
expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ),
|
|
|
|
// The following elements throw uncatchable exceptions if you
|
|
// attempt to add expando properties to them.
|
|
noData: {
|
|
"embed": true,
|
|
// Ban all objects except for Flash (which handle expandos)
|
|
"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
|
|
"applet": true
|
|
},
|
|
|
|
hasData: function( elem ) {
|
|
elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
|
|
return !!elem && !isEmptyDataObject( elem );
|
|
},
|
|
|
|
data: function( elem, name, data ) {
|
|
return internalData( elem, name, data );
|
|
},
|
|
|
|
removeData: function( elem, name ) {
|
|
return internalRemoveData( elem, name );
|
|
},
|
|
|
|
// For internal use only.
|
|
_data: function( elem, name, data ) {
|
|
return internalData( elem, name, data, true );
|
|
},
|
|
|
|
_removeData: function( elem, name ) {
|
|
return internalRemoveData( elem, name, true );
|
|
},
|
|
|
|
// A method for determining if a DOM node can handle the data expando
|
|
acceptData: function( elem ) {
|
|
// Do not set data on non-element because it will not be cleared (#8335).
|
|
if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) {
|
|
return false;
|
|
}
|
|
|
|
var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
|
|
|
|
// nodes accept data unless otherwise specified; rejection can be conditional
|
|
return !noData || noData !== true && elem.getAttribute("classid") === noData;
|
|
}
|
|
});
|
|
|
|
jQuery.fn.extend({
|
|
data: function( key, value ) {
|
|
var attrs, name,
|
|
elem = this[0],
|
|
i = 0,
|
|
data = null;
|
|
|
|
// Gets all values
|
|
if ( key === undefined ) {
|
|
if ( this.length ) {
|
|
data = jQuery.data( elem );
|
|
|
|
if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
|
|
attrs = elem.attributes;
|
|
for ( ; i < attrs.length; i++ ) {
|
|
name = attrs[i].name;
|
|
|
|
if ( !name.indexOf( "data-" ) ) {
|
|
name = jQuery.camelCase( name.slice(5) );
|
|
|
|
dataAttr( elem, name, data[ name ] );
|
|
}
|
|
}
|
|
jQuery._data( elem, "parsedAttrs", true );
|
|
}
|
|
}
|
|
|
|
return data;
|
|
}
|
|
|
|
// Sets multiple values
|
|
if ( typeof key === "object" ) {
|
|
return this.each(function() {
|
|
jQuery.data( this, key );
|
|
});
|
|
}
|
|
|
|
return jQuery.access( this, function( value ) {
|
|
|
|
if ( value === undefined ) {
|
|
// Try to fetch any internally stored data first
|
|
return elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null;
|
|
}
|
|
|
|
this.each(function() {
|
|
jQuery.data( this, key, value );
|
|
});
|
|
}, null, value, arguments.length > 1, null, true );
|
|
},
|
|
|
|
removeData: function( key ) {
|
|
return this.each(function() {
|
|
jQuery.removeData( this, key );
|
|
});
|
|
}
|
|
});
|
|
|
|
function dataAttr( elem, key, data ) {
|
|
// If nothing was found internally, try to fetch any
|
|
// data from the HTML5 data-* attribute
|
|
if ( data === undefined && elem.nodeType === 1 ) {
|
|
|
|
var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
|
|
|
|
data = elem.getAttribute( name );
|
|
|
|
if ( typeof data === "string" ) {
|
|
try {
|
|
data = data === "true" ? true :
|
|
data === "false" ? false :
|
|
data === "null" ? null :
|
|
// Only convert to a number if it doesn't change the string
|
|
+data + "" === data ? +data :
|
|
rbrace.test( data ) ? jQuery.parseJSON( data ) :
|
|
data;
|
|
} catch( e ) {}
|
|
|
|
// Make sure we set the data so it isn't changed later
|
|
jQuery.data( elem, key, data );
|
|
|
|
} else {
|
|
data = undefined;
|
|
}
|
|
}
|
|
|
|
return data;
|
|
}
|
|
|
|
// checks a cache object for emptiness
|
|
function isEmptyDataObject( obj ) {
|
|
var name;
|
|
for ( name in obj ) {
|
|
|
|
// if the public data object is empty, the private is still empty
|
|
if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
|
|
continue;
|
|
}
|
|
if ( name !== "toJSON" ) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
jQuery.extend({
|
|
queue: function( elem, type, data ) {
|
|
var queue;
|
|
|
|
if ( elem ) {
|
|
type = ( type || "fx" ) + "queue";
|
|
queue = jQuery._data( elem, type );
|
|
|
|
// Speed up dequeue by getting out quickly if this is just a lookup
|
|
if ( data ) {
|
|
if ( !queue || jQuery.isArray(data) ) {
|
|
queue = jQuery._data( elem, type, jQuery.makeArray(data) );
|
|
} else {
|
|
queue.push( data );
|
|
}
|
|
}
|
|
return queue || [];
|
|
}
|
|
},
|
|
|
|
dequeue: function( elem, type ) {
|
|
type = type || "fx";
|
|
|
|
var queue = jQuery.queue( elem, type ),
|
|
startLength = queue.length,
|
|
fn = queue.shift(),
|
|
hooks = jQuery._queueHooks( elem, type ),
|
|
next = function() {
|
|
jQuery.dequeue( elem, type );
|
|
};
|
|
|
|
// If the fx queue is dequeued, always remove the progress sentinel
|
|
if ( fn === "inprogress" ) {
|
|
fn = queue.shift();
|
|
startLength--;
|
|
}
|
|
|
|
hooks.cur = fn;
|
|
if ( fn ) {
|
|
|
|
// Add a progress sentinel to prevent the fx queue from being
|
|
// automatically dequeued
|
|
if ( type === "fx" ) {
|
|
queue.unshift( "inprogress" );
|
|
}
|
|
|
|
// clear up the last queue stop function
|
|
delete hooks.stop;
|
|
fn.call( elem, next, hooks );
|
|
}
|
|
|
|
if ( !startLength && hooks ) {
|
|
hooks.empty.fire();
|
|
}
|
|
},
|
|
|
|
// not intended for public consumption - generates a queueHooks object, or returns the current one
|
|
_queueHooks: function( elem, type ) {
|
|
var key = type + "queueHooks";
|
|
return jQuery._data( elem, key ) || jQuery._data( elem, key, {
|
|
empty: jQuery.Callbacks("once memory").add(function() {
|
|
jQuery._removeData( elem, type + "queue" );
|
|
jQuery._removeData( elem, key );
|
|
})
|
|
});
|
|
}
|
|
});
|
|
|
|
jQuery.fn.extend({
|
|
queue: function( type, data ) {
|
|
var setter = 2;
|
|
|
|
if ( typeof type !== "string" ) {
|
|
data = type;
|
|
type = "fx";
|
|
setter--;
|
|
}
|
|
|
|
if ( arguments.length < setter ) {
|
|
return jQuery.queue( this[0], type );
|
|
}
|
|
|
|
return data === undefined ?
|
|
this :
|
|
this.each(function() {
|
|
var queue = jQuery.queue( this, type, data );
|
|
|
|
// ensure a hooks for this queue
|
|
jQuery._queueHooks( this, type );
|
|
|
|
if ( type === "fx" && queue[0] !== "inprogress" ) {
|
|
jQuery.dequeue( this, type );
|
|
}
|
|
});
|
|
},
|
|
dequeue: function( type ) {
|
|
return this.each(function() {
|
|
jQuery.dequeue( this, type );
|
|
});
|
|
},
|
|
// Based off of the plugin by Clint Helfers, with permission.
|
|
// http://blindsignals.com/index.php/2009/07/jquery-delay/
|
|
delay: function( time, type ) {
|
|
time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
|
|
type = type || "fx";
|
|
|
|
return this.queue( type, function( next, hooks ) {
|
|
var timeout = setTimeout( next, time );
|
|
hooks.stop = function() {
|
|
clearTimeout( timeout );
|
|
};
|
|
});
|
|
},
|
|
clearQueue: function( type ) {
|
|
return this.queue( type || "fx", [] );
|
|
},
|
|
// Get a promise resolved when queues of a certain type
|
|
// are emptied (fx is the type by default)
|
|
promise: function( type, obj ) {
|
|
var tmp,
|
|
count = 1,
|
|
defer = jQuery.Deferred(),
|
|
elements = this,
|
|
i = this.length,
|
|
resolve = function() {
|
|
if ( !( --count ) ) {
|
|
defer.resolveWith( elements, [ elements ] );
|
|
}
|
|
};
|
|
|
|
if ( typeof type !== "string" ) {
|
|
obj = type;
|
|
type = undefined;
|
|
}
|
|
type = type || "fx";
|
|
|
|
while( i-- ) {
|
|
tmp = jQuery._data( elements[ i ], type + "queueHooks" );
|
|
if ( tmp && tmp.empty ) {
|
|
count++;
|
|
tmp.empty.add( resolve );
|
|
}
|
|
}
|
|
resolve();
|
|
return defer.promise( obj );
|
|
}
|
|
});
|
|
var nodeHook, boolHook,
|
|
rclass = /[\t\r\n]/g,
|
|
rreturn = /\r/g,
|
|
rfocusable = /^(?:input|select|textarea|button|object)$/i,
|
|
rclickable = /^(?:a|area)$/i,
|
|
rboolean = /^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,
|
|
ruseDefault = /^(?:checked|selected)$/i,
|
|
getSetAttribute = jQuery.support.getSetAttribute,
|
|
getSetInput = jQuery.support.input;
|
|
|
|
jQuery.fn.extend({
|
|
attr: function( name, value ) {
|
|
return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
|
|
},
|
|
|
|
removeAttr: function( name ) {
|
|
return this.each(function() {
|
|
jQuery.removeAttr( this, name );
|
|
});
|
|
},
|
|
|
|
prop: function( name, value ) {
|
|
return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
|
|
},
|
|
|
|
removeProp: function( name ) {
|
|
name = jQuery.propFix[ name ] || name;
|
|
return this.each(function() {
|
|
// try/catch handles cases where IE balks (such as removing a property on window)
|
|
try {
|
|
this[ name ] = undefined;
|
|
delete this[ name ];
|
|
} catch( e ) {}
|
|
});
|
|
},
|
|
|
|
addClass: function( value ) {
|
|
var classes, elem, cur, clazz, j,
|
|
i = 0,
|
|
len = this.length,
|
|
proceed = typeof value === "string" && value;
|
|
|
|
if ( jQuery.isFunction( value ) ) {
|
|
return this.each(function( j ) {
|
|
jQuery( this ).addClass( value.call( this, j, this.className ) );
|
|
});
|
|
}
|
|
|
|
if ( proceed ) {
|
|
// The disjunction here is for better compressibility (see removeClass)
|
|
classes = ( value || "" ).match( core_rnotwhite ) || [];
|
|
|
|
for ( ; i < len; i++ ) {
|
|
elem = this[ i ];
|
|
cur = elem.nodeType === 1 && ( elem.className ?
|
|
( " " + elem.className + " " ).replace( rclass, " " ) :
|
|
" "
|
|
);
|
|
|
|
if ( cur ) {
|
|
j = 0;
|
|
while ( (clazz = classes[j++]) ) {
|
|
if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
|
|
cur += clazz + " ";
|
|
}
|
|
}
|
|
elem.className = jQuery.trim( cur );
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
removeClass: function( value ) {
|
|
var classes, elem, cur, clazz, j,
|
|
i = 0,
|
|
len = this.length,
|
|
proceed = arguments.length === 0 || typeof value === "string" && value;
|
|
|
|
if ( jQuery.isFunction( value ) ) {
|
|
return this.each(function( j ) {
|
|
jQuery( this ).removeClass( value.call( this, j, this.className ) );
|
|
});
|
|
}
|
|
if ( proceed ) {
|
|
classes = ( value || "" ).match( core_rnotwhite ) || [];
|
|
|
|
for ( ; i < len; i++ ) {
|
|
elem = this[ i ];
|
|
// This expression is here for better compressibility (see addClass)
|
|
cur = elem.nodeType === 1 && ( elem.className ?
|
|
( " " + elem.className + " " ).replace( rclass, " " ) :
|
|
""
|
|
);
|
|
|
|
if ( cur ) {
|
|
j = 0;
|
|
while ( (clazz = classes[j++]) ) {
|
|
// Remove *all* instances
|
|
while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
|
|
cur = cur.replace( " " + clazz + " ", " " );
|
|
}
|
|
}
|
|
elem.className = value ? jQuery.trim( cur ) : "";
|
|
}
|
|
}
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
toggleClass: function( value, stateVal ) {
|
|
var type = typeof value,
|
|
isBool = typeof stateVal === "boolean";
|
|
|
|
if ( jQuery.isFunction( value ) ) {
|
|
return this.each(function( i ) {
|
|
jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
|
|
});
|
|
}
|
|
|
|
return this.each(function() {
|
|
if ( type === "string" ) {
|
|
// toggle individual class names
|
|
var className,
|
|
i = 0,
|
|
self = jQuery( this ),
|
|
state = stateVal,
|
|
classNames = value.match( core_rnotwhite ) || [];
|
|
|
|
while ( (className = classNames[ i++ ]) ) {
|
|
// check each className given, space separated list
|
|
state = isBool ? state : !self.hasClass( className );
|
|
self[ state ? "addClass" : "removeClass" ]( className );
|
|
}
|
|
|
|
// Toggle whole class name
|
|
} else if ( type === core_strundefined || type === "boolean" ) {
|
|
if ( this.className ) {
|
|
// store className if set
|
|
jQuery._data( this, "__className__", this.className );
|
|
}
|
|
|
|
// If the element has a class name or if we're passed "false",
|
|
// then remove the whole classname (if there was one, the above saved it).
|
|
// Otherwise bring back whatever was previously saved (if anything),
|
|
// falling back to the empty string if nothing was stored.
|
|
this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
|
|
}
|
|
});
|
|
},
|
|
|
|
hasClass: function( selector ) {
|
|
var className = " " + selector + " ",
|
|
i = 0,
|
|
l = this.length;
|
|
for ( ; i < l; i++ ) {
|
|
if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
val: function( value ) {
|
|
var ret, hooks, isFunction,
|
|
elem = this[0];
|
|
|
|
if ( !arguments.length ) {
|
|
if ( elem ) {
|
|
hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
|
|
|
|
if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
|
|
return ret;
|
|
}
|
|
|
|
ret = elem.value;
|
|
|
|
return typeof ret === "string" ?
|
|
// handle most common string cases
|
|
ret.replace(rreturn, "") :
|
|
// handle cases where value is null/undef or number
|
|
ret == null ? "" : ret;
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
isFunction = jQuery.isFunction( value );
|
|
|
|
return this.each(function( i ) {
|
|
var val,
|
|
self = jQuery(this);
|
|
|
|
if ( this.nodeType !== 1 ) {
|
|
return;
|
|
}
|
|
|
|
if ( isFunction ) {
|
|
val = value.call( this, i, self.val() );
|
|
} else {
|
|
val = value;
|
|
}
|
|
|
|
// Treat null/undefined as ""; convert numbers to string
|
|
if ( val == null ) {
|
|
val = "";
|
|
} else if ( typeof val === "number" ) {
|
|
val += "";
|
|
} else if ( jQuery.isArray( val ) ) {
|
|
val = jQuery.map(val, function ( value ) {
|
|
return value == null ? "" : value + "";
|
|
});
|
|
}
|
|
|
|
hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
|
|
|
|
// If set returns undefined, fall back to normal setting
|
|
if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
|
|
this.value = val;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
jQuery.extend({
|
|
valHooks: {
|
|
option: {
|
|
get: function( elem ) {
|
|
// attributes.value is undefined in Blackberry 4.7 but
|
|
// uses .value. See #6932
|
|
var val = elem.attributes.value;
|
|
return !val || val.specified ? elem.value : elem.text;
|
|
}
|
|
},
|
|
select: {
|
|
get: function( elem ) {
|
|
var value, option,
|
|
options = elem.options,
|
|
index = elem.selectedIndex,
|
|
one = elem.type === "select-one" || index < 0,
|
|
values = one ? null : [],
|
|
max = one ? index + 1 : options.length,
|
|
i = index < 0 ?
|
|
max :
|
|
one ? index : 0;
|
|
|
|
// Loop through all the selected options
|
|
for ( ; i < max; i++ ) {
|
|
option = options[ i ];
|
|
|
|
// oldIE doesn't update selected after form reset (#2551)
|
|
if ( ( option.selected || i === index ) &&
|
|
// Don't return options that are disabled or in a disabled optgroup
|
|
( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
|
|
( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
|
|
|
|
// Get the specific value for the option
|
|
value = jQuery( option ).val();
|
|
|
|
// We don't need an array for one selects
|
|
if ( one ) {
|
|
return value;
|
|
}
|
|
|
|
// Multi-Selects return an array
|
|
values.push( value );
|
|
}
|
|
}
|
|
|
|
return values;
|
|
},
|
|
|
|
set: function( elem, value ) {
|
|
var values = jQuery.makeArray( value );
|
|
|
|
jQuery(elem).find("option").each(function() {
|
|
this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
|
|
});
|
|
|
|
if ( !values.length ) {
|
|
elem.selectedIndex = -1;
|
|
}
|
|
return values;
|
|
}
|
|
}
|
|
},
|
|
|
|
attr: function( elem, name, value ) {
|
|
var hooks, notxml, ret,
|
|
nType = elem.nodeType;
|
|
|
|
// don't get/set attributes on text, comment and attribute nodes
|
|
if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
|
|
return;
|
|
}
|
|
|
|
// Fallback to prop when attributes are not supported
|
|
if ( typeof elem.getAttribute === core_strundefined ) {
|
|
return jQuery.prop( elem, name, value );
|
|
}
|
|
|
|
notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
|
|
|
|
// All attributes are lowercase
|
|
// Grab necessary hook if one is defined
|
|
if ( notxml ) {
|
|
name = name.toLowerCase();
|
|
hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook );
|
|
}
|
|
|
|
if ( value !== undefined ) {
|
|
|
|
if ( value === null ) {
|
|
jQuery.removeAttr( elem, name );
|
|
|
|
} else if ( hooks && notxml && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
|
|
return ret;
|
|
|
|
} else {
|
|
elem.setAttribute( name, value + "" );
|
|
return value;
|
|
}
|
|
|
|
} else if ( hooks && notxml && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
|
|
return ret;
|
|
|
|
} else {
|
|
|
|
// In IE9+, Flash objects don't have .getAttribute (#12945)
|
|
// Support: IE9+
|
|
if ( typeof elem.getAttribute !== core_strundefined ) {
|
|
ret = elem.getAttribute( name );
|
|
}
|
|
|
|
// Non-existent attributes return null, we normalize to undefined
|
|
return ret == null ?
|
|
undefined :
|
|
ret;
|
|
}
|
|
},
|
|
|
|
removeAttr: function( elem, value ) {
|
|
var name, propName,
|
|
i = 0,
|
|
attrNames = value && value.match( core_rnotwhite );
|
|
|
|
if ( attrNames && elem.nodeType === 1 ) {
|
|
while ( (name = attrNames[i++]) ) {
|
|
propName = jQuery.propFix[ name ] || name;
|
|
|
|
// Boolean attributes get special treatment (#10870)
|
|
if ( rboolean.test( name ) ) {
|
|
// Set corresponding property to false for boolean attributes
|
|
// Also clear defaultChecked/defaultSelected (if appropriate) for IE<8
|
|
if ( !getSetAttribute && ruseDefault.test( name ) ) {
|
|
elem[ jQuery.camelCase( "default-" + name ) ] =
|
|
elem[ propName ] = false;
|
|
} else {
|
|
elem[ propName ] = false;
|
|
}
|
|
|
|
// See #9699 for explanation of this approach (setting first, then removal)
|
|
} else {
|
|
jQuery.attr( elem, name, "" );
|
|
}
|
|
|
|
elem.removeAttribute( getSetAttribute ? name : propName );
|
|
}
|
|
}
|
|
},
|
|
|
|
attrHooks: {
|
|
type: {
|
|
set: function( elem, value ) {
|
|
if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
|
|
// Setting the type on a radio button after the value resets the value in IE6-9
|
|
// Reset value to default in case type is set after value during creation
|
|
var val = elem.value;
|
|
elem.setAttribute( "type", value );
|
|
if ( val ) {
|
|
elem.value = val;
|
|
}
|
|
return value;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
propFix: {
|
|
tabindex: "tabIndex",
|
|
readonly: "readOnly",
|
|
"for": "htmlFor",
|
|
"class": "className",
|
|
maxlength: "maxLength",
|
|
cellspacing: "cellSpacing",
|
|
cellpadding: "cellPadding",
|
|
rowspan: "rowSpan",
|
|
colspan: "colSpan",
|
|
usemap: "useMap",
|
|
frameborder: "frameBorder",
|
|
contenteditable: "contentEditable"
|
|
},
|
|
|
|
prop: function( elem, name, value ) {
|
|
var ret, hooks, notxml,
|
|
nType = elem.nodeType;
|
|
|
|
// don't get/set properties on text, comment and attribute nodes
|
|
if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
|
|
return;
|
|
}
|
|
|
|
notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
|
|
|
|
if ( notxml ) {
|
|
// Fix name and attach hooks
|
|
name = jQuery.propFix[ name ] || name;
|
|
hooks = jQuery.propHooks[ name ];
|
|
}
|
|
|
|
if ( value !== undefined ) {
|
|
if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
|
|
return ret;
|
|
|
|
} else {
|
|
return ( elem[ name ] = value );
|
|
}
|
|
|
|
} else {
|
|
if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
|
|
return ret;
|
|
|
|
} else {
|
|
return elem[ name ];
|
|
}
|
|
}
|
|
},
|
|
|
|
propHooks: {
|
|
tabIndex: {
|
|
get: function( elem ) {
|
|
// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
|
|
// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
|
|
var attributeNode = elem.getAttributeNode("tabindex");
|
|
|
|
return attributeNode && attributeNode.specified ?
|
|
parseInt( attributeNode.value, 10 ) :
|
|
rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
|
|
0 :
|
|
undefined;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Hook for boolean attributes
|
|
boolHook = {
|
|
get: function( elem, name ) {
|
|
var
|
|
// Use .prop to determine if this attribute is understood as boolean
|
|
prop = jQuery.prop( elem, name ),
|
|
|
|
// Fetch it accordingly
|
|
attr = typeof prop === "boolean" && elem.getAttribute( name ),
|
|
detail = typeof prop === "boolean" ?
|
|
|
|
getSetInput && getSetAttribute ?
|
|
attr != null :
|
|
// oldIE fabricates an empty string for missing boolean attributes
|
|
// and conflates checked/selected into attroperties
|
|
ruseDefault.test( name ) ?
|
|
elem[ jQuery.camelCase( "default-" + name ) ] :
|
|
!!attr :
|
|
|
|
// fetch an attribute node for properties not recognized as boolean
|
|
elem.getAttributeNode( name );
|
|
|
|
return detail && detail.value !== false ?
|
|
name.toLowerCase() :
|
|
undefined;
|
|
},
|
|
set: function( elem, value, name ) {
|
|
if ( value === false ) {
|
|
// Remove boolean attributes when set to false
|
|
jQuery.removeAttr( elem, name );
|
|
} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
|
|
// IE<8 needs the *property* name
|
|
elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
|
|
|
|
// Use defaultChecked and defaultSelected for oldIE
|
|
} else {
|
|
elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
|
|
}
|
|
|
|
return name;
|
|
}
|
|
};
|
|
|
|
// fix oldIE value attroperty
|
|
if ( !getSetInput || !getSetAttribute ) {
|
|
jQuery.attrHooks.value = {
|
|
get: function( elem, name ) {
|
|
var ret = elem.getAttributeNode( name );
|
|
return jQuery.nodeName( elem, "input" ) ?
|
|
|
|
// Ignore the value *property* by using defaultValue
|
|
elem.defaultValue :
|
|
|
|
ret && ret.specified ? ret.value : undefined;
|
|
},
|
|
set: function( elem, value, name ) {
|
|
if ( jQuery.nodeName( elem, "input" ) ) {
|
|
// Does not return so that setAttribute is also used
|
|
elem.defaultValue = value;
|
|
} else {
|
|
// Use nodeHook if defined (#1954); otherwise setAttribute is fine
|
|
return nodeHook && nodeHook.set( elem, value, name );
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
// IE6/7 do not support getting/setting some attributes with get/setAttribute
|
|
if ( !getSetAttribute ) {
|
|
|
|
// Use this for any attribute in IE6/7
|
|
// This fixes almost every IE6/7 issue
|
|
nodeHook = jQuery.valHooks.button = {
|
|
get: function( elem, name ) {
|
|
var ret = elem.getAttributeNode( name );
|
|
return ret && ( name === "id" || name === "name" || name === "coords" ? ret.value !== "" : ret.specified ) ?
|
|
ret.value :
|
|
undefined;
|
|
},
|
|
set: function( elem, value, name ) {
|
|
// Set the existing or create a new attribute node
|
|
var ret = elem.getAttributeNode( name );
|
|
if ( !ret ) {
|
|
elem.setAttributeNode(
|
|
(ret = elem.ownerDocument.createAttribute( name ))
|
|
);
|
|
}
|
|
|
|
ret.value = value += "";
|
|
|
|
// Break association with cloned elements by also using setAttribute (#9646)
|
|
return name === "value" || value === elem.getAttribute( name ) ?
|
|
value :
|
|
undefined;
|
|
}
|
|
};
|
|
|
|
// Set contenteditable to false on removals(#10429)
|
|
// Setting to empty string throws an error as an invalid value
|
|
jQuery.attrHooks.contenteditable = {
|
|
get: nodeHook.get,
|
|
set: function( elem, value, name ) {
|
|
nodeHook.set( elem, value === "" ? false : value, name );
|
|
}
|
|
};
|
|
|
|
// Set width and height to auto instead of 0 on empty string( Bug #8150 )
|
|
// This is for removals
|
|
jQuery.each([ "width", "height" ], function( i, name ) {
|
|
jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
|
|
set: function( elem, value ) {
|
|
if ( value === "" ) {
|
|
elem.setAttribute( name, "auto" );
|
|
return value;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
// Some attributes require a special call on IE
|
|
// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
|
|
if ( !jQuery.support.hrefNormalized ) {
|
|
jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
|
|
jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
|
|
get: function( elem ) {
|
|
var ret = elem.getAttribute( name, 2 );
|
|
return ret == null ? undefined : ret;
|
|
}
|
|
});
|
|
});
|
|
|
|
// href/src property should get the full normalized URL (#10299/#12915)
|
|
jQuery.each([ "href", "src" ], function( i, name ) {
|
|
jQuery.propHooks[ name ] = {
|
|
get: function( elem ) {
|
|
return elem.getAttribute( name, 4 );
|
|
}
|
|
};
|
|
});
|
|
}
|
|
|
|
if ( !jQuery.support.style ) {
|
|
jQuery.attrHooks.style = {
|
|
get: function( elem ) {
|
|
// Return undefined in the case of empty string
|
|
// Note: IE uppercases css property names, but if we were to .toLowerCase()
|
|
// .cssText, that would destroy case senstitivity in URL's, like in "background"
|
|
return elem.style.cssText || undefined;
|
|
},
|
|
set: function( elem, value ) {
|
|
return ( elem.style.cssText = value + "" );
|
|
}
|
|
};
|
|
}
|
|
|
|
// Safari mis-reports the default selected property of an option
|
|
// Accessing the parent's selectedIndex property fixes it
|
|
if ( !jQuery.support.optSelected ) {
|
|
jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
|
|
get: function( elem ) {
|
|
var parent = elem.parentNode;
|
|
|
|
if ( parent ) {
|
|
parent.selectedIndex;
|
|
|
|
// Make sure that it also works with optgroups, see #5701
|
|
if ( parent.parentNode ) {
|
|
parent.parentNode.selectedIndex;
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
});
|
|
}
|
|
|
|
// IE6/7 call enctype encoding
|
|
if ( !jQuery.support.enctype ) {
|
|
jQuery.propFix.enctype = "encoding";
|
|
}
|
|
|
|
// Radios and checkboxes getter/setter
|
|
if ( !jQuery.support.checkOn ) {
|
|
jQuery.each([ "radio", "checkbox" ], function() {
|
|
jQuery.valHooks[ this ] = {
|
|
get: function( elem ) {
|
|
// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
|
|
return elem.getAttribute("value") === null ? "on" : elem.value;
|
|
}
|
|
};
|
|
});
|
|
}
|
|
jQuery.each([ "radio", "checkbox" ], function() {
|
|
jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
|
|
set: function( elem, value ) {
|
|
if ( jQuery.isArray( value ) ) {
|
|
return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
|
|
}
|
|
}
|
|
});
|
|
});
|
|
var rformElems = /^(?:input|select|textarea)$/i,
|
|
rkeyEvent = /^key/,
|
|
rmouseEvent = /^(?:mouse|contextmenu)|click/,
|
|
rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
|
|
rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
|
|
|
|
function returnTrue() {
|
|
return true;
|
|
}
|
|
|
|
function returnFalse() {
|
|
return false;
|
|
}
|
|
|
|
/*
|
|
* Helper functions for managing events -- not part of the public interface.
|
|
* Props to Dean Edwards' addEvent library for many of the ideas.
|
|
*/
|
|
jQuery.event = {
|
|
|
|
global: {},
|
|
|
|
add: function( elem, types, handler, data, selector ) {
|
|
var tmp, events, t, handleObjIn,
|
|
special, eventHandle, handleObj,
|
|
handlers, type, namespaces, origType,
|
|
elemData = jQuery._data( elem );
|
|
|
|
// Don't attach events to noData or text/comment nodes (but allow plain objects)
|
|
if ( !elemData ) {
|
|
return;
|
|
}
|
|
|
|
// Caller can pass in an object of custom data in lieu of the handler
|
|
if ( handler.handler ) {
|
|
handleObjIn = handler;
|
|
handler = handleObjIn.handler;
|
|
selector = handleObjIn.selector;
|
|
}
|
|
|
|
// Make sure that the handler has a unique ID, used to find/remove it later
|
|
if ( !handler.guid ) {
|
|
handler.guid = jQuery.guid++;
|
|
}
|
|
|
|
// Init the element's event structure and main handler, if this is the first
|
|
if ( !(events = elemData.events) ) {
|
|
events = elemData.events = {};
|
|
}
|
|
if ( !(eventHandle = elemData.handle) ) {
|
|
eventHandle = elemData.handle = function( e ) {
|
|
// Discard the second event of a jQuery.event.trigger() and
|
|
// when an event is called after a page has unloaded
|
|
return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
|
|
jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
|
|
undefined;
|
|
};
|
|
// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
|
|
eventHandle.elem = elem;
|
|
}
|
|
|
|
// Handle multiple events separated by a space
|
|
// jQuery(...).bind("mouseover mouseout", fn);
|
|
types = ( types || "" ).match( core_rnotwhite ) || [""];
|
|
t = types.length;
|
|
while ( t-- ) {
|
|
tmp = rtypenamespace.exec( types[t] ) || [];
|
|
type = origType = tmp[1];
|
|
namespaces = ( tmp[2] || "" ).split( "." ).sort();
|
|
|
|
// If event changes its type, use the special event handlers for the changed type
|
|
special = jQuery.event.special[ type ] || {};
|
|
|
|
// If selector defined, determine special event api type, otherwise given type
|
|
type = ( selector ? special.delegateType : special.bindType ) || type;
|
|
|
|
// Update special based on newly reset type
|
|
special = jQuery.event.special[ type ] || {};
|
|
|
|
// handleObj is passed to all event handlers
|
|
handleObj = jQuery.extend({
|
|
type: type,
|
|
origType: origType,
|
|
data: data,
|
|
handler: handler,
|
|
guid: handler.guid,
|
|
selector: selector,
|
|
needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
|
|
namespace: namespaces.join(".")
|
|
}, handleObjIn );
|
|
|
|
// Init the event handler queue if we're the first
|
|
if ( !(handlers = events[ type ]) ) {
|
|
handlers = events[ type ] = [];
|
|
handlers.delegateCount = 0;
|
|
|
|
// Only use addEventListener/attachEvent if the special events handler returns false
|
|
if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
|
|
// Bind the global event handler to the element
|
|
if ( elem.addEventListener ) {
|
|
elem.addEventListener( type, eventHandle, false );
|
|
|
|
} else if ( elem.attachEvent ) {
|
|
elem.attachEvent( "on" + type, eventHandle );
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( special.add ) {
|
|
special.add.call( elem, handleObj );
|
|
|
|
if ( !handleObj.handler.guid ) {
|
|
handleObj.handler.guid = handler.guid;
|
|
}
|
|
}
|
|
|
|
// Add to the element's handler list, delegates in front
|
|
if ( selector ) {
|
|
handlers.splice( handlers.delegateCount++, 0, handleObj );
|
|
} else {
|
|
handlers.push( handleObj );
|
|
}
|
|
|
|
// Keep track of which events have ever been used, for event optimization
|
|
jQuery.event.global[ type ] = true;
|
|
}
|
|
|
|
// Nullify elem to prevent memory leaks in IE
|
|
elem = null;
|
|
},
|
|
|
|
// Detach an event or set of events from an element
|
|
remove: function( elem, types, handler, selector, mappedTypes ) {
|
|
var j, handleObj, tmp,
|
|
origCount, t, events,
|
|
special, handlers, type,
|
|
namespaces, origType,
|
|
elemData = jQuery.hasData( elem ) && jQuery._data( elem );
|
|
|
|
if ( !elemData || !(events = elemData.events) ) {
|
|
return;
|
|
}
|
|
|
|
// Once for each type.namespace in types; type may be omitted
|
|
types = ( types || "" ).match( core_rnotwhite ) || [""];
|
|
t = types.length;
|
|
while ( t-- ) {
|
|
tmp = rtypenamespace.exec( types[t] ) || [];
|
|
type = origType = tmp[1];
|
|
namespaces = ( tmp[2] || "" ).split( "." ).sort();
|
|
|
|
// Unbind all events (on this namespace, if provided) for the element
|
|
if ( !type ) {
|
|
for ( type in events ) {
|
|
jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
|
|
}
|
|
continue;
|
|
}
|
|
|
|
special = jQuery.event.special[ type ] || {};
|
|
type = ( selector ? special.delegateType : special.bindType ) || type;
|
|
handlers = events[ type ] || [];
|
|
tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
|
|
|
|
// Remove matching events
|
|
origCount = j = handlers.length;
|
|
while ( j-- ) {
|
|
handleObj = handlers[ j ];
|
|
|
|
if ( ( mappedTypes || origType === handleObj.origType ) &&
|
|
( !handler || handler.guid === handleObj.guid ) &&
|
|
( !tmp || tmp.test( handleObj.namespace ) ) &&
|
|
( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
|
|
handlers.splice( j, 1 );
|
|
|
|
if ( handleObj.selector ) {
|
|
handlers.delegateCount--;
|
|
}
|
|
if ( special.remove ) {
|
|
special.remove.call( elem, handleObj );
|
|
}
|
|
}
|
|
}
|
|
|
|
// Remove generic event handler if we removed something and no more handlers exist
|
|
// (avoids potential for endless recursion during removal of special event handlers)
|
|
if ( origCount && !handlers.length ) {
|
|
if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
|
|
jQuery.removeEvent( elem, type, elemData.handle );
|
|
}
|
|
|
|
delete events[ type ];
|
|
}
|
|
}
|
|
|
|
// Remove the expando if it's no longer used
|
|
if ( jQuery.isEmptyObject( events ) ) {
|
|
delete elemData.handle;
|
|
|
|
// removeData also checks for emptiness and clears the expando if empty
|
|
// so use it instead of delete
|
|
jQuery._removeData( elem, "events" );
|
|
}
|
|
},
|
|
|
|
trigger: function( event, data, elem, onlyHandlers ) {
|
|
var handle, ontype, cur,
|
|
bubbleType, special, tmp, i,
|
|
eventPath = [ elem || document ],
|
|
type = core_hasOwn.call( event, "type" ) ? event.type : event,
|
|
namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
|
|
|
|
cur = tmp = elem = elem || document;
|
|
|
|
// Don't do events on text and comment nodes
|
|
if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
|
|
return;
|
|
}
|
|
|
|
// focus/blur morphs to focusin/out; ensure we're not firing them right now
|
|
if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
|
|
return;
|
|
}
|
|
|
|
if ( type.indexOf(".") >= 0 ) {
|
|
// Namespaced trigger; create a regexp to match event type in handle()
|
|
namespaces = type.split(".");
|
|
type = namespaces.shift();
|
|
namespaces.sort();
|
|
}
|
|
ontype = type.indexOf(":") < 0 && "on" + type;
|
|
|
|
// Caller can pass in a jQuery.Event object, Object, or just an event type string
|
|
event = event[ jQuery.expando ] ?
|
|
event :
|
|
new jQuery.Event( type, typeof event === "object" && event );
|
|
|
|
event.isTrigger = true;
|
|
event.namespace = namespaces.join(".");
|
|
event.namespace_re = event.namespace ?
|
|
new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
|
|
null;
|
|
|
|
// Clean up the event in case it is being reused
|
|
event.result = undefined;
|
|
if ( !event.target ) {
|
|
event.target = elem;
|
|
}
|
|
|
|
// Clone any incoming data and prepend the event, creating the handler arg list
|
|
data = data == null ?
|
|
[ event ] :
|
|
jQuery.makeArray( data, [ event ] );
|
|
|
|
// Allow special events to draw outside the lines
|
|
special = jQuery.event.special[ type ] || {};
|
|
if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
|
|
return;
|
|
}
|
|
|
|
// Determine event propagation path in advance, per W3C events spec (#9951)
|
|
// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
|
|
if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
|
|
|
|
bubbleType = special.delegateType || type;
|
|
if ( !rfocusMorph.test( bubbleType + type ) ) {
|
|
cur = cur.parentNode;
|
|
}
|
|
for ( ; cur; cur = cur.parentNode ) {
|
|
eventPath.push( cur );
|
|
tmp = cur;
|
|
}
|
|
|
|
// Only add window if we got to document (e.g., not plain obj or detached DOM)
|
|
if ( tmp === (elem.ownerDocument || document) ) {
|
|
eventPath.push( tmp.defaultView || tmp.parentWindow || window );
|
|
}
|
|
}
|
|
|
|
// Fire handlers on the event path
|
|
i = 0;
|
|
while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
|
|
|
|
event.type = i > 1 ?
|
|
bubbleType :
|
|
special.bindType || type;
|
|
|
|
// jQuery handler
|
|
handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
|
|
if ( handle ) {
|
|
handle.apply( cur, data );
|
|
}
|
|
|
|
// Native handler
|
|
handle = ontype && cur[ ontype ];
|
|
if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
event.type = type;
|
|
|
|
// If nobody prevented the default action, do it now
|
|
if ( !onlyHandlers && !event.isDefaultPrevented() ) {
|
|
|
|
if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) &&
|
|
!(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
|
|
|
|
// Call a native DOM method on the target with the same name name as the event.
|
|
// Can't use an .isFunction() check here because IE6/7 fails that test.
|
|
// Don't do default actions on window, that's where global variables be (#6170)
|
|
if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
|
|
|
|
// Don't re-trigger an onFOO event when we call its FOO() method
|
|
tmp = elem[ ontype ];
|
|
|
|
if ( tmp ) {
|
|
elem[ ontype ] = null;
|
|
}
|
|
|
|
// Prevent re-triggering of the same event, since we already bubbled it above
|
|
jQuery.event.triggered = type;
|
|
try {
|
|
elem[ type ]();
|
|
} catch ( e ) {
|
|
// IE<9 dies on focus/blur to hidden element (#1486,#12518)
|
|
// only reproducible on winXP IE8 native, not IE9 in IE8 mode
|
|
}
|
|
jQuery.event.triggered = undefined;
|
|
|
|
if ( tmp ) {
|
|
elem[ ontype ] = tmp;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return event.result;
|
|
},
|
|
|
|
dispatch: function( event ) {
|
|
|
|
// Make a writable jQuery.Event from the native event object
|
|
event = jQuery.event.fix( event );
|
|
|
|
var i, ret, handleObj, matched, j,
|
|
handlerQueue = [],
|
|
args = core_slice.call( arguments ),
|
|
handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
|
|
special = jQuery.event.special[ event.type ] || {};
|
|
|
|
// Use the fix-ed jQuery.Event rather than the (read-only) native event
|
|
args[0] = event;
|
|
event.delegateTarget = this;
|
|
|
|
// Call the preDispatch hook for the mapped type, and let it bail if desired
|
|
if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
|
|
return;
|
|
}
|
|
|
|
// Determine handlers
|
|
handlerQueue = jQuery.event.handlers.call( this, event, handlers );
|
|
|
|
// Run delegates first; they may want to stop propagation beneath us
|
|
i = 0;
|
|
while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
|
|
event.currentTarget = matched.elem;
|
|
|
|
j = 0;
|
|
while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
|
|
|
|
// Triggered event must either 1) have no namespace, or
|
|
// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
|
|
if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
|
|
|
|
event.handleObj = handleObj;
|
|
event.data = handleObj.data;
|
|
|
|
ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
|
|
.apply( matched.elem, args );
|
|
|
|
if ( ret !== undefined ) {
|
|
if ( (event.result = ret) === false ) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Call the postDispatch hook for the mapped type
|
|
if ( special.postDispatch ) {
|
|
special.postDispatch.call( this, event );
|
|
}
|
|
|
|
return event.result;
|
|
},
|
|
|
|
handlers: function( event, handlers ) {
|
|
var sel, handleObj, matches, i,
|
|
handlerQueue = [],
|
|
delegateCount = handlers.delegateCount,
|
|
cur = event.target;
|
|
|
|
// Find delegate handlers
|
|
// Black-hole SVG <use> instance trees (#13180)
|
|
// Avoid non-left-click bubbling in Firefox (#3861)
|
|
if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
|
|
|
|
for ( ; cur != this; cur = cur.parentNode || this ) {
|
|
|
|
// Don't check non-elements (#13208)
|
|
// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
|
|
if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
|
|
matches = [];
|
|
for ( i = 0; i < delegateCount; i++ ) {
|
|
handleObj = handlers[ i ];
|
|
|
|
// Don't conflict with Object.prototype properties (#13203)
|
|
sel = handleObj.selector + " ";
|
|
|
|
if ( matches[ sel ] === undefined ) {
|
|
matches[ sel ] = handleObj.needsContext ?
|
|
jQuery( sel, this ).index( cur ) >= 0 :
|
|
jQuery.find( sel, this, null, [ cur ] ).length;
|
|
}
|
|
if ( matches[ sel ] ) {
|
|
matches.push( handleObj );
|
|
}
|
|
}
|
|
if ( matches.length ) {
|
|
handlerQueue.push({ elem: cur, handlers: matches });
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Add the remaining (directly-bound) handlers
|
|
if ( delegateCount < handlers.length ) {
|
|
handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
|
|
}
|
|
|
|
return handlerQueue;
|
|
},
|
|
|
|
fix: function( event ) {
|
|
if ( event[ jQuery.expando ] ) {
|
|
return event;
|
|
}
|
|
|
|
// Create a writable copy of the event object and normalize some properties
|
|
var i, prop, copy,
|
|
type = event.type,
|
|
originalEvent = event,
|
|
fixHook = this.fixHooks[ type ];
|
|
|
|
if ( !fixHook ) {
|
|
this.fixHooks[ type ] = fixHook =
|
|
rmouseEvent.test( type ) ? this.mouseHooks :
|
|
rkeyEvent.test( type ) ? this.keyHooks :
|
|
{};
|
|
}
|
|
copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
|
|
|
|
event = new jQuery.Event( originalEvent );
|
|
|
|
i = copy.length;
|
|
while ( i-- ) {
|
|
prop = copy[ i ];
|
|
event[ prop ] = originalEvent[ prop ];
|
|
}
|
|
|
|
// Support: IE<9
|
|
// Fix target property (#1925)
|
|
if ( !event.target ) {
|
|
event.target = originalEvent.srcElement || document;
|
|
}
|
|
|
|
// Support: Chrome 23+, Safari?
|
|
// Target should not be a text node (#504, #13143)
|
|
if ( event.target.nodeType === 3 ) {
|
|
event.target = event.target.parentNode;
|
|
}
|
|
|
|
// Support: IE<9
|
|
// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
|
|
event.metaKey = !!event.metaKey;
|
|
|
|
return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
|
|
},
|
|
|
|
// Includes some event props shared by KeyEvent and MouseEvent
|
|
props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
|
|
|
|
fixHooks: {},
|
|
|
|
keyHooks: {
|
|
props: "char charCode key keyCode".split(" "),
|
|
filter: function( event, original ) {
|
|
|
|
// Add which for key events
|
|
if ( event.which == null ) {
|
|
event.which = original.charCode != null ? original.charCode : original.keyCode;
|
|
}
|
|
|
|
return event;
|
|
}
|
|
},
|
|
|
|
mouseHooks: {
|
|
props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
|
|
filter: function( event, original ) {
|
|
var body, eventDoc, doc,
|
|
button = original.button,
|
|
fromElement = original.fromElement;
|
|
|
|
// Calculate pageX/Y if missing and clientX/Y available
|
|
if ( event.pageX == null && original.clientX != null ) {
|
|
eventDoc = event.target.ownerDocument || document;
|
|
doc = eventDoc.documentElement;
|
|
body = eventDoc.body;
|
|
|
|
event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
|
|
event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 );
|
|
}
|
|
|
|
// Add relatedTarget, if necessary
|
|
if ( !event.relatedTarget && fromElement ) {
|
|
event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
|
|
}
|
|
|
|
// Add which for click: 1 === left; 2 === middle; 3 === right
|
|
// Note: button is not normalized, so don't use it
|
|
if ( !event.which && button !== undefined ) {
|
|
event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
|
|
}
|
|
|
|
return event;
|
|
}
|
|
},
|
|
|
|
special: {
|
|
load: {
|
|
// Prevent triggered image.load events from bubbling to window.load
|
|
noBubble: true
|
|
},
|
|
click: {
|
|
// For checkbox, fire native event so checked state will be right
|
|
trigger: function() {
|
|
if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
|
|
this.click();
|
|
return false;
|
|
}
|
|
}
|
|
},
|
|
focus: {
|
|
// Fire native event if possible so blur/focus sequence is correct
|
|
trigger: function() {
|
|
if ( this !== document.activeElement && this.focus ) {
|
|
try {
|
|
this.focus();
|
|
return false;
|
|
} catch ( e ) {
|
|
// Support: IE<9
|
|
// If we error on focus to hidden element (#1486, #12518),
|
|
// let .trigger() run the handlers
|
|
}
|
|
}
|
|
},
|
|
delegateType: "focusin"
|
|
},
|
|
blur: {
|
|
trigger: function() {
|
|
if ( this === document.activeElement && this.blur ) {
|
|
this.blur();
|
|
return false;
|
|
}
|
|
},
|
|
delegateType: "focusout"
|
|
},
|
|
|
|
beforeunload: {
|
|
postDispatch: function( event ) {
|
|
|
|
// Even when returnValue equals to undefined Firefox will still show alert
|
|
if ( event.result !== undefined ) {
|
|
event.originalEvent.returnValue = event.result;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
simulate: function( type, elem, event, bubble ) {
|
|
// Piggyback on a donor event to simulate a different one.
|
|
// Fake originalEvent to avoid donor's stopPropagation, but if the
|
|
// simulated event prevents default then we do the same on the donor.
|
|
var e = jQuery.extend(
|
|
new jQuery.Event(),
|
|
event,
|
|
{ type: type,
|
|
isSimulated: true,
|
|
originalEvent: {}
|
|
}
|
|
);
|
|
if ( bubble ) {
|
|
jQuery.event.trigger( e, null, elem );
|
|
} else {
|
|
jQuery.event.dispatch.call( elem, e );
|
|
}
|
|
if ( e.isDefaultPrevented() ) {
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
};
|
|
|
|
jQuery.removeEvent = document.removeEventListener ?
|
|
function( elem, type, handle ) {
|
|
if ( elem.removeEventListener ) {
|
|
elem.removeEventListener( type, handle, false );
|
|
}
|
|
} :
|
|
function( elem, type, handle ) {
|
|
var name = "on" + type;
|
|
|
|
if ( elem.detachEvent ) {
|
|
|
|
// #8545, #7054, preventing memory leaks for custom events in IE6-8
|
|
// detachEvent needed property on element, by name of that event, to properly expose it to GC
|
|
if ( typeof elem[ name ] === core_strundefined ) {
|
|
elem[ name ] = null;
|
|
}
|
|
|
|
elem.detachEvent( name, handle );
|
|
}
|
|
};
|
|
|
|
jQuery.Event = function( src, props ) {
|
|
// Allow instantiation without the 'new' keyword
|
|
if ( !(this instanceof jQuery.Event) ) {
|
|
return new jQuery.Event( src, props );
|
|
}
|
|
|
|
// Event object
|
|
if ( src && src.type ) {
|
|
this.originalEvent = src;
|
|
this.type = src.type;
|
|
|
|
// Events bubbling up the document may have been marked as prevented
|
|
// by a handler lower down the tree; reflect the correct value.
|
|
this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
|
|
src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
|
|
|
|
// Event type
|
|
} else {
|
|
this.type = src;
|
|
}
|
|
|
|
// Put explicitly provided properties onto the event object
|
|
if ( props ) {
|
|
jQuery.extend( this, props );
|
|
}
|
|
|
|
// Create a timestamp if incoming event doesn't have one
|
|
this.timeStamp = src && src.timeStamp || jQuery.now();
|
|
|
|
// Mark it as fixed
|
|
this[ jQuery.expando ] = true;
|
|
};
|
|
|
|
// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
|
|
// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
|
|
jQuery.Event.prototype = {
|
|
isDefaultPrevented: returnFalse,
|
|
isPropagationStopped: returnFalse,
|
|
isImmediatePropagationStopped: returnFalse,
|
|
|
|
preventDefault: function() {
|
|
var e = this.originalEvent;
|
|
|
|
this.isDefaultPrevented = returnTrue;
|
|
if ( !e ) {
|
|
return;
|
|
}
|
|
|
|
// If preventDefault exists, run it on the original event
|
|
if ( e.preventDefault ) {
|
|
e.preventDefault();
|
|
|
|
// Support: IE
|
|
// Otherwise set the returnValue property of the original event to false
|
|
} else {
|
|
e.returnValue = false;
|
|
}
|
|
},
|
|
stopPropagation: function() {
|
|
var e = this.originalEvent;
|
|
|
|
this.isPropagationStopped = returnTrue;
|
|
if ( !e ) {
|
|
return;
|
|
}
|
|
// If stopPropagation exists, run it on the original event
|
|
if ( e.stopPropagation ) {
|
|
e.stopPropagation();
|
|
}
|
|
|
|
// Support: IE
|
|
// Set the cancelBubble property of the original event to true
|
|
e.cancelBubble = true;
|
|
},
|
|
stopImmediatePropagation: function() {
|
|
this.isImmediatePropagationStopped = returnTrue;
|
|
this.stopPropagation();
|
|
}
|
|
};
|
|
|
|
// Create mouseenter/leave events using mouseover/out and event-time checks
|
|
jQuery.each({
|
|
mouseenter: "mouseover",
|
|
mouseleave: "mouseout"
|
|
}, function( orig, fix ) {
|
|
jQuery.event.special[ orig ] = {
|
|
delegateType: fix,
|
|
bindType: fix,
|
|
|
|
handle: function( event ) {
|
|
var ret,
|
|
target = this,
|
|
related = event.relatedTarget,
|
|
handleObj = event.handleObj;
|
|
|
|
// For mousenter/leave call the handler if related is outside the target.
|
|
// NB: No relatedTarget if the mouse left/entered the browser window
|
|
if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
|
|
event.type = handleObj.origType;
|
|
ret = handleObj.handler.apply( this, arguments );
|
|
event.type = fix;
|
|
}
|
|
return ret;
|
|
}
|
|
};
|
|
});
|
|
|
|
// IE submit delegation
|
|
if ( !jQuery.support.submitBubbles ) {
|
|
|
|
jQuery.event.special.submit = {
|
|
setup: function() {
|
|
// Only need this for delegated form submit events
|
|
if ( jQuery.nodeName( this, "form" ) ) {
|
|
return false;
|
|
}
|
|
|
|
// Lazy-add a submit handler when a descendant form may potentially be submitted
|
|
jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
|
|
// Node name check avoids a VML-related crash in IE (#9807)
|
|
var elem = e.target,
|
|
form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
|
|
if ( form && !jQuery._data( form, "submitBubbles" ) ) {
|
|
jQuery.event.add( form, "submit._submit", function( event ) {
|
|
event._submit_bubble = true;
|
|
});
|
|
jQuery._data( form, "submitBubbles", true );
|
|
}
|
|
});
|
|
// return undefined since we don't need an event listener
|
|
},
|
|
|
|
postDispatch: function( event ) {
|
|
// If form was submitted by the user, bubble the event up the tree
|
|
if ( event._submit_bubble ) {
|
|
delete event._submit_bubble;
|
|
if ( this.parentNode && !event.isTrigger ) {
|
|
jQuery.event.simulate( "submit", this.parentNode, event, true );
|
|
}
|
|
}
|
|
},
|
|
|
|
teardown: function() {
|
|
// Only need this for delegated form submit events
|
|
if ( jQuery.nodeName( this, "form" ) ) {
|
|
return false;
|
|
}
|
|
|
|
// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
|
|
jQuery.event.remove( this, "._submit" );
|
|
}
|
|
};
|
|
}
|
|
|
|
// IE change delegation and checkbox/radio fix
|
|
if ( !jQuery.support.changeBubbles ) {
|
|
|
|
jQuery.event.special.change = {
|
|
|
|
setup: function() {
|
|
|
|
if ( rformElems.test( this.nodeName ) ) {
|
|
// IE doesn't fire change on a check/radio until blur; trigger it on click
|
|
// after a propertychange. Eat the blur-change in special.change.handle.
|
|
// This still fires onchange a second time for check/radio after blur.
|
|
if ( this.type === "checkbox" || this.type === "radio" ) {
|
|
jQuery.event.add( this, "propertychange._change", function( event ) {
|
|
if ( event.originalEvent.propertyName === "checked" ) {
|
|
this._just_changed = true;
|
|
}
|
|
});
|
|
jQuery.event.add( this, "click._change", function( event ) {
|
|
if ( this._just_changed && !event.isTrigger ) {
|
|
this._just_changed = false;
|
|
}
|
|
// Allow triggered, simulated change events (#11500)
|
|
jQuery.event.simulate( "change", this, event, true );
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
// Delegated event; lazy-add a change handler on descendant inputs
|
|
jQuery.event.add( this, "beforeactivate._change", function( e ) {
|
|
var elem = e.target;
|
|
|
|
if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
|
|
jQuery.event.add( elem, "change._change", function( event ) {
|
|
if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
|
|
jQuery.event.simulate( "change", this.parentNode, event, true );
|
|
}
|
|
});
|
|
jQuery._data( elem, "changeBubbles", true );
|
|
}
|
|
});
|
|
},
|
|
|
|
handle: function( event ) {
|
|
var elem = event.target;
|
|
|
|
// Swallow native change events from checkbox/radio, we already triggered them above
|
|
if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
|
|
return event.handleObj.handler.apply( this, arguments );
|
|
}
|
|
},
|
|
|
|
teardown: function() {
|
|
jQuery.event.remove( this, "._change" );
|
|
|
|
return !rformElems.test( this.nodeName );
|
|
}
|
|
};
|
|
}
|
|
|
|
// Create "bubbling" focus and blur events
|
|
if ( !jQuery.support.focusinBubbles ) {
|
|
jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
|
|
|
|
// Attach a single capturing handler while someone wants focusin/focusout
|
|
var attaches = 0,
|
|
handler = function( event ) {
|
|
jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
|
|
};
|
|
|
|
jQuery.event.special[ fix ] = {
|
|
setup: function() {
|
|
if ( attaches++ === 0 ) {
|
|
document.addEventListener( orig, handler, true );
|
|
}
|
|
},
|
|
teardown: function() {
|
|
if ( --attaches === 0 ) {
|
|
document.removeEventListener( orig, handler, true );
|
|
}
|
|
}
|
|
};
|
|
});
|
|
}
|
|
|
|
jQuery.fn.extend({
|
|
|
|
on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
|
|
var type, origFn;
|
|
|
|
// Types can be a map of types/handlers
|
|
if ( typeof types === "object" ) {
|
|
// ( types-Object, selector, data )
|
|
if ( typeof selector !== "string" ) {
|
|
// ( types-Object, data )
|
|
data = data || selector;
|
|
selector = undefined;
|
|
}
|
|
for ( type in types ) {
|
|
this.on( type, selector, data, types[ type ], one );
|
|
}
|
|
return this;
|
|
}
|
|
|
|
if ( data == null && fn == null ) {
|
|
// ( types, fn )
|
|
fn = selector;
|
|
data = selector = undefined;
|
|
} else if ( fn == null ) {
|
|
if ( typeof selector === "string" ) {
|
|
// ( types, selector, fn )
|
|
fn = data;
|
|
data = undefined;
|
|
} else {
|
|
// ( types, data, fn )
|
|
fn = data;
|
|
data = selector;
|
|
selector = undefined;
|
|
}
|
|
}
|
|
if ( fn === false ) {
|
|
fn = returnFalse;
|
|
} else if ( !fn ) {
|
|
return this;
|
|
}
|
|
|
|
if ( one === 1 ) {
|
|
origFn = fn;
|
|
fn = function( event ) {
|
|
// Can use an empty set, since event contains the info
|
|
jQuery().off( event );
|
|
return origFn.apply( this, arguments );
|
|
};
|
|
// Use same guid so caller can remove using origFn
|
|
fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
|
|
}
|
|
return this.each( function() {
|
|
jQuery.event.add( this, types, fn, data, selector );
|
|
});
|
|
},
|
|
one: function( types, selector, data, fn ) {
|
|
return this.on( types, selector, data, fn, 1 );
|
|
},
|
|
off: function( types, selector, fn ) {
|
|
var handleObj, type;
|
|
if ( types && types.preventDefault && types.handleObj ) {
|
|
// ( event ) dispatched jQuery.Event
|
|
handleObj = types.handleObj;
|
|
jQuery( types.delegateTarget ).off(
|
|
handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
|
|
handleObj.selector,
|
|
handleObj.handler
|
|
);
|
|
return this;
|
|
}
|
|
if ( typeof types === "object" ) {
|
|
// ( types-object [, selector] )
|
|
for ( type in types ) {
|
|
this.off( type, selector, types[ type ] );
|
|
}
|
|
return this;
|
|
}
|
|
if ( selector === false || typeof selector === "function" ) {
|
|
// ( types [, fn] )
|
|
fn = selector;
|
|
selector = undefined;
|
|
}
|
|
if ( fn === false ) {
|
|
fn = returnFalse;
|
|
}
|
|
return this.each(function() {
|
|
jQuery.event.remove( this, types, fn, selector );
|
|
});
|
|
},
|
|
|
|
bind: function( types, data, fn ) {
|
|
return this.on( types, null, data, fn );
|
|
},
|
|
unbind: function( types, fn ) {
|
|
return this.off( types, null, fn );
|
|
},
|
|
|
|
delegate: function( selector, types, data, fn ) {
|
|
return this.on( types, selector, data, fn );
|
|
},
|
|
undelegate: function( selector, types, fn ) {
|
|
// ( namespace ) or ( selector, types [, fn] )
|
|
return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
|
|
},
|
|
|
|
trigger: function( type, data ) {
|
|
return this.each(function() {
|
|
jQuery.event.trigger( type, data, this );
|
|
});
|
|
},
|
|
triggerHandler: function( type, data ) {
|
|
var elem = this[0];
|
|
if ( elem ) {
|
|
return jQuery.event.trigger( type, data, elem, true );
|
|
}
|
|
}
|
|
});
|
|
/*!
|
|
* Sizzle CSS Selector Engine
|
|
* Copyright 2012 jQuery Foundation and other contributors
|
|
* Released under the MIT license
|
|
* http://sizzlejs.com/
|
|
*/
|
|
(function( window, undefined ) {
|
|
|
|
var i,
|
|
cachedruns,
|
|
Expr,
|
|
getText,
|
|
isXML,
|
|
compile,
|
|
hasDuplicate,
|
|
outermostContext,
|
|
|
|
// Local document vars
|
|
setDocument,
|
|
document,
|
|
docElem,
|
|
documentIsXML,
|
|
rbuggyQSA,
|
|
rbuggyMatches,
|
|
matches,
|
|
contains,
|
|
sortOrder,
|
|
|
|
// Instance-specific data
|
|
expando = "sizzle" + -(new Date()),
|
|
preferredDoc = window.document,
|
|
support = {},
|
|
dirruns = 0,
|
|
done = 0,
|
|
classCache = createCache(),
|
|
tokenCache = createCache(),
|
|
compilerCache = createCache(),
|
|
|
|
// General-purpose constants
|
|
strundefined = typeof undefined,
|
|
MAX_NEGATIVE = 1 << 31,
|
|
|
|
// Array methods
|
|
arr = [],
|
|
pop = arr.pop,
|
|
push = arr.push,
|
|
slice = arr.slice,
|
|
// Use a stripped-down indexOf if we can't use a native one
|
|
indexOf = arr.indexOf || function( elem ) {
|
|
var i = 0,
|
|
len = this.length;
|
|
for ( ; i < len; i++ ) {
|
|
if ( this[i] === elem ) {
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
},
|
|
|
|
|
|
// Regular expressions
|
|
|
|
// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
|
|
whitespace = "[\\x20\\t\\r\\n\\f]",
|
|
// http://www.w3.org/TR/css3-syntax/#characters
|
|
characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
|
|
|
|
// Loosely modeled on CSS identifier characters
|
|
// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
|
|
// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
|
|
identifier = characterEncoding.replace( "w", "w#" ),
|
|
|
|
// Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
|
|
operators = "([*^$|!~]?=)",
|
|
attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
|
|
"*(?:" + operators + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
|
|
|
|
// Prefer arguments quoted,
|
|
// then not containing pseudos/brackets,
|
|
// then attribute selectors/non-parenthetical expressions,
|
|
// then anything else
|
|
// These preferences are here to reduce the number of selectors
|
|
// needing tokenize in the PSEUDO preFilter
|
|
pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)",
|
|
|
|
// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
|
|
rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
|
|
|
|
rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
|
|
rcombinators = new RegExp( "^" + whitespace + "*([\\x20\\t\\r\\n\\f>+~])" + whitespace + "*" ),
|
|
rpseudo = new RegExp( pseudos ),
|
|
ridentifier = new RegExp( "^" + identifier + "$" ),
|
|
|
|
matchExpr = {
|
|
"ID": new RegExp( "^#(" + characterEncoding + ")" ),
|
|
"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
|
|
"NAME": new RegExp( "^\\[name=['\"]?(" + characterEncoding + ")['\"]?\\]" ),
|
|
"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
|
|
"ATTR": new RegExp( "^" + attributes ),
|
|
"PSEUDO": new RegExp( "^" + pseudos ),
|
|
"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
|
|
"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
|
|
"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
|
|
// For use in libraries implementing .is()
|
|
// We use this for POS matching in `select`
|
|
"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
|
|
whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
|
|
},
|
|
|
|
rsibling = /[\x20\t\r\n\f]*[+~]/,
|
|
|
|
rnative = /^[^{]+\{\s*\[native code/,
|
|
|
|
// Easily-parseable/retrievable ID or TAG or CLASS selectors
|
|
rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
|
|
|
|
rinputs = /^(?:input|select|textarea|button)$/i,
|
|
rheader = /^h\d$/i,
|
|
|
|
rescape = /'|\\/g,
|
|
rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,
|
|
|
|
// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
|
|
runescape = /\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,
|
|
funescape = function( _, escaped ) {
|
|
var high = "0x" + escaped - 0x10000;
|
|
// NaN means non-codepoint
|
|
return high !== high ?
|
|
escaped :
|
|
// BMP codepoint
|
|
high < 0 ?
|
|
String.fromCharCode( high + 0x10000 ) :
|
|
// Supplemental Plane codepoint (surrogate pair)
|
|
String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
|
|
};
|
|
|
|
// Use a stripped-down slice if we can't use a native one
|
|
try {
|
|
slice.call( preferredDoc.documentElement.childNodes, 0 )[0].nodeType;
|
|
} catch ( e ) {
|
|
slice = function( i ) {
|
|
var elem,
|
|
results = [];
|
|
while ( (elem = this[i++]) ) {
|
|
results.push( elem );
|
|
}
|
|
return results;
|
|
};
|
|
}
|
|
|
|
/**
|
|
* For feature detection
|
|
* @param {Function} fn The function to test for native support
|
|
*/
|
|
function isNative( fn ) {
|
|
return rnative.test( fn + "" );
|
|
}
|
|
|
|
/**
|
|
* Create key-value caches of limited size
|
|
* @returns {Function(string, Object)} Returns the Object data after storing it on itself with
|
|
* property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
|
|
* deleting the oldest entry
|
|
*/
|
|
function createCache() {
|
|
var cache,
|
|
keys = [];
|
|
|
|
return (cache = function( key, value ) {
|
|
// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
|
|
if ( keys.push( key += " " ) > Expr.cacheLength ) {
|
|
// Only keep the most recent entries
|
|
delete cache[ keys.shift() ];
|
|
}
|
|
return (cache[ key ] = value);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Mark a function for special use by Sizzle
|
|
* @param {Function} fn The function to mark
|
|
*/
|
|
function markFunction( fn ) {
|
|
fn[ expando ] = true;
|
|
return fn;
|
|
}
|
|
|
|
/**
|
|
* Support testing using an element
|
|
* @param {Function} fn Passed the created div and expects a boolean result
|
|
*/
|
|
function assert( fn ) {
|
|
var div = document.createElement("div");
|
|
|
|
try {
|
|
return fn( div );
|
|
} catch (e) {
|
|
return false;
|
|
} finally {
|
|
// release memory in IE
|
|
div = null;
|
|
}
|
|
}
|
|
|
|
function Sizzle( selector, context, results, seed ) {
|
|
var match, elem, m, nodeType,
|
|
// QSA vars
|
|
i, groups, old, nid, newContext, newSelector;
|
|
|
|
if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
|
|
setDocument( context );
|
|
}
|
|
|
|
context = context || document;
|
|
results = results || [];
|
|
|
|
if ( !selector || typeof selector !== "string" ) {
|
|
return results;
|
|
}
|
|
|
|
if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
|
|
return [];
|
|
}
|
|
|
|
if ( !documentIsXML && !seed ) {
|
|
|
|
// Shortcuts
|
|
if ( (match = rquickExpr.exec( selector )) ) {
|
|
// Speed-up: Sizzle("#ID")
|
|
if ( (m = match[1]) ) {
|
|
if ( nodeType === 9 ) {
|
|
elem = context.getElementById( m );
|
|
// Check parentNode to catch when Blackberry 4.6 returns
|
|
// nodes that are no longer in the document #6963
|
|
if ( elem && elem.parentNode ) {
|
|
// Handle the case where IE, Opera, and Webkit return items
|
|
// by name instead of ID
|
|
if ( elem.id === m ) {
|
|
results.push( elem );
|
|
return results;
|
|
}
|
|
} else {
|
|
return results;
|
|
}
|
|
} else {
|
|
// Context is not a document
|
|
if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
|
|
contains( context, elem ) && elem.id === m ) {
|
|
results.push( elem );
|
|
return results;
|
|
}
|
|
}
|
|
|
|
// Speed-up: Sizzle("TAG")
|
|
} else if ( match[2] ) {
|
|
push.apply( results, slice.call(context.getElementsByTagName( selector ), 0) );
|
|
return results;
|
|
|
|
// Speed-up: Sizzle(".CLASS")
|
|
} else if ( (m = match[3]) && support.getByClassName && context.getElementsByClassName ) {
|
|
push.apply( results, slice.call(context.getElementsByClassName( m ), 0) );
|
|
return results;
|
|
}
|
|
}
|
|
|
|
// QSA path
|
|
if ( support.qsa && !rbuggyQSA.test(selector) ) {
|
|
old = true;
|
|
nid = expando;
|
|
newContext = context;
|
|
newSelector = nodeType === 9 && selector;
|
|
|
|
// qSA works strangely on Element-rooted queries
|
|
// We can work around this by specifying an extra ID on the root
|
|
// and working up from there (Thanks to Andrew Dupont for the technique)
|
|
// IE 8 doesn't work on object elements
|
|
if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
|
|
groups = tokenize( selector );
|
|
|
|
if ( (old = context.getAttribute("id")) ) {
|
|
nid = old.replace( rescape, "\\$&" );
|
|
} else {
|
|
context.setAttribute( "id", nid );
|
|
}
|
|
nid = "[id='" + nid + "'] ";
|
|
|
|
i = groups.length;
|
|
while ( i-- ) {
|
|
groups[i] = nid + toSelector( groups[i] );
|
|
}
|
|
newContext = rsibling.test( selector ) && context.parentNode || context;
|
|
newSelector = groups.join(",");
|
|
}
|
|
|
|
if ( newSelector ) {
|
|
try {
|
|
push.apply( results, slice.call( newContext.querySelectorAll(
|
|
newSelector
|
|
), 0 ) );
|
|
return results;
|
|
} catch(qsaError) {
|
|
} finally {
|
|
if ( !old ) {
|
|
context.removeAttribute("id");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// All others
|
|
return select( selector.replace( rtrim, "$1" ), context, results, seed );
|
|
}
|
|
|
|
/**
|
|
* Detect xml
|
|
* @param {Element|Object} elem An element or a document
|
|
*/
|
|
isXML = Sizzle.isXML = function( elem ) {
|
|
// documentElement is verified for cases where it doesn't yet exist
|
|
// (such as loading iframes in IE - #4833)
|
|
var documentElement = elem && (elem.ownerDocument || elem).documentElement;
|
|
return documentElement ? documentElement.nodeName !== "HTML" : false;
|
|
};
|
|
|
|
/**
|
|
* Sets document-related variables once based on the current document
|
|
* @param {Element|Object} [doc] An element or document object to use to set the document
|
|
* @returns {Object} Returns the current document
|
|
*/
|
|
setDocument = Sizzle.setDocument = function( node ) {
|
|
var doc = node ? node.ownerDocument || node : preferredDoc;
|
|
|
|
// If no document and documentElement is available, return
|
|
if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
|
|
return document;
|
|
}
|
|
|
|
// Set our document
|
|
document = doc;
|
|
docElem = doc.documentElement;
|
|
|
|
// Support tests
|
|
documentIsXML = isXML( doc );
|
|
|
|
// Check if getElementsByTagName("*") returns only elements
|
|
support.tagNameNoComments = assert(function( div ) {
|
|
div.appendChild( doc.createComment("") );
|
|
return !div.getElementsByTagName("*").length;
|
|
});
|
|
|
|
// Check if attributes should be retrieved by attribute nodes
|
|
support.attributes = assert(function( div ) {
|
|
div.innerHTML = "<select></select>";
|
|
var type = typeof div.lastChild.getAttribute("multiple");
|
|
// IE8 returns a string for some attributes even when not present
|
|
return type !== "boolean" && type !== "string";
|
|
});
|
|
|
|
// Check if getElementsByClassName can be trusted
|
|
support.getByClassName = assert(function( div ) {
|
|
// Opera can't find a second classname (in 9.6)
|
|
div.innerHTML = "<div class='hidden e'></div><div class='hidden'></div>";
|
|
if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) {
|
|
return false;
|
|
}
|
|
|
|
// Safari 3.2 caches class attributes and doesn't catch changes
|
|
div.lastChild.className = "e";
|
|
return div.getElementsByClassName("e").length === 2;
|
|
});
|
|
|
|
// Check if getElementById returns elements by name
|
|
// Check if getElementsByName privileges form controls or returns elements by ID
|
|
support.getByName = assert(function( div ) {
|
|
// Inject content
|
|
div.id = expando + 0;
|
|
div.innerHTML = "<a name='" + expando + "'></a><div name='" + expando + "'></div>";
|
|
docElem.insertBefore( div, docElem.firstChild );
|
|
|
|
// Test
|
|
var pass = doc.getElementsByName &&
|
|
// buggy browsers will return fewer than the correct 2
|
|
doc.getElementsByName( expando ).length === 2 +
|
|
// buggy browsers will return more than the correct 0
|
|
doc.getElementsByName( expando + 0 ).length;
|
|
support.getIdNotName = !doc.getElementById( expando );
|
|
|
|
// Cleanup
|
|
docElem.removeChild( div );
|
|
|
|
return pass;
|
|
});
|
|
|
|
// IE6/7 return modified attributes
|
|
Expr.attrHandle = assert(function( div ) {
|
|
div.innerHTML = "<a href='#'></a>";
|
|
return div.firstChild && typeof div.firstChild.getAttribute !== strundefined &&
|
|
div.firstChild.getAttribute("href") === "#";
|
|
}) ?
|
|
{} :
|
|
{
|
|
"href": function( elem ) {
|
|
return elem.getAttribute( "href", 2 );
|
|
},
|
|
"type": function( elem ) {
|
|
return elem.getAttribute("type");
|
|
}
|
|
};
|
|
|
|
// ID find and filter
|
|
if ( support.getIdNotName ) {
|
|
Expr.find["ID"] = function( id, context ) {
|
|
if ( typeof context.getElementById !== strundefined && !documentIsXML ) {
|
|
var m = context.getElementById( id );
|
|
// Check parentNode to catch when Blackberry 4.6 returns
|
|
// nodes that are no longer in the document #6963
|
|
return m && m.parentNode ? [m] : [];
|
|
}
|
|
};
|
|
Expr.filter["ID"] = function( id ) {
|
|
var attrId = id.replace( runescape, funescape );
|
|
return function( elem ) {
|
|
return elem.getAttribute("id") === attrId;
|
|
};
|
|
};
|
|
} else {
|
|
Expr.find["ID"] = function( id, context ) {
|
|
if ( typeof context.getElementById !== strundefined && !documentIsXML ) {
|
|
var m = context.getElementById( id );
|
|
|
|
return m ?
|
|
m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ?
|
|
[m] :
|
|
undefined :
|
|
[];
|
|
}
|
|
};
|
|
Expr.filter["ID"] = function( id ) {
|
|
var attrId = id.replace( runescape, funescape );
|
|
return function( elem ) {
|
|
var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
|
|
return node && node.value === attrId;
|
|
};
|
|
};
|
|
}
|
|
|
|
// Tag
|
|
Expr.find["TAG"] = support.tagNameNoComments ?
|
|
function( tag, context ) {
|
|
if ( typeof context.getElementsByTagName !== strundefined ) {
|
|
return context.getElementsByTagName( tag );
|
|
}
|
|
} :
|
|
function( tag, context ) {
|
|
var elem,
|
|
tmp = [],
|
|
i = 0,
|
|
results = context.getElementsByTagName( tag );
|
|
|
|
// Filter out possible comments
|
|
if ( tag === "*" ) {
|
|
while ( (elem = results[i++]) ) {
|
|
if ( elem.nodeType === 1 ) {
|
|
tmp.push( elem );
|
|
}
|
|
}
|
|
|
|
return tmp;
|
|
}
|
|
return results;
|
|
};
|
|
|
|
// Name
|
|
Expr.find["NAME"] = support.getByName && function( tag, context ) {
|
|
if ( typeof context.getElementsByName !== strundefined ) {
|
|
return context.getElementsByName( name );
|
|
}
|
|
};
|
|
|
|
// Class
|
|
Expr.find["CLASS"] = support.getByClassName && function( className, context ) {
|
|
if ( typeof context.getElementsByClassName !== strundefined && !documentIsXML ) {
|
|
return context.getElementsByClassName( className );
|
|
}
|
|
};
|
|
|
|
// QSA and matchesSelector support
|
|
|
|
// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
|
|
rbuggyMatches = [];
|
|
|
|
// qSa(:focus) reports false when true (Chrome 21),
|
|
// no need to also add to buggyMatches since matches checks buggyQSA
|
|
// A support test would require too much code (would include document ready)
|
|
rbuggyQSA = [ ":focus" ];
|
|
|
|
if ( (support.qsa = isNative(doc.querySelectorAll)) ) {
|
|
// Build QSA regex
|
|
// Regex strategy adopted from Diego Perini
|
|
assert(function( div ) {
|
|
// Select is set to empty string on purpose
|
|
// This is to test IE's treatment of not explictly
|
|
// setting a boolean content attribute,
|
|
// since its presence should be enough
|
|
// http://bugs.jquery.com/ticket/12359
|
|
div.innerHTML = "<select><option selected=''></option></select>";
|
|
|
|
// IE8 - Some boolean attributes are not treated correctly
|
|
if ( !div.querySelectorAll("[selected]").length ) {
|
|
rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" );
|
|
}
|
|
|
|
// Webkit/Opera - :checked should return selected option elements
|
|
// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
|
|
// IE8 throws error here and will not see later tests
|
|
if ( !div.querySelectorAll(":checked").length ) {
|
|
rbuggyQSA.push(":checked");
|
|
}
|
|
});
|
|
|
|
assert(function( div ) {
|
|
|
|
// Opera 10-12/IE8 - ^= $= *= and empty values
|
|
// Should not select anything
|
|
div.innerHTML = "<input type='hidden' i=''/>";
|
|
if ( div.querySelectorAll("[i^='']").length ) {
|
|
rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" );
|
|
}
|
|
|
|
// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
|
|
// IE8 throws error here and will not see later tests
|
|
if ( !div.querySelectorAll(":enabled").length ) {
|
|
rbuggyQSA.push( ":enabled", ":disabled" );
|
|
}
|
|
|
|
// Opera 10-11 does not throw on post-comma invalid pseudos
|
|
div.querySelectorAll("*,:x");
|
|
rbuggyQSA.push(",.*:");
|
|
});
|
|
}
|
|
|
|
if ( (support.matchesSelector = isNative( (matches = docElem.matchesSelector ||
|
|
docElem.mozMatchesSelector ||
|
|
docElem.webkitMatchesSelector ||
|
|
docElem.oMatchesSelector ||
|
|
docElem.msMatchesSelector) )) ) {
|
|
|
|
assert(function( div ) {
|
|
// Check to see if it's possible to do matchesSelector
|
|
// on a disconnected node (IE 9)
|
|
support.disconnectedMatch = matches.call( div, "div" );
|
|
|
|
// This should fail with an exception
|
|
// Gecko does not error, returns false instead
|
|
matches.call( div, "[s!='']:x" );
|
|
rbuggyMatches.push( "!=", pseudos );
|
|
});
|
|
}
|
|
|
|
rbuggyQSA = new RegExp( rbuggyQSA.join("|") );
|
|
rbuggyMatches = new RegExp( rbuggyMatches.join("|") );
|
|
|
|
// Element contains another
|
|
// Purposefully does not implement inclusive descendent
|
|
// As in, an element does not contain itself
|
|
contains = isNative(docElem.contains) || docElem.compareDocumentPosition ?
|
|
function( a, b ) {
|
|
var adown = a.nodeType === 9 ? a.documentElement : a,
|
|
bup = b && b.parentNode;
|
|
return a === bup || !!( bup && bup.nodeType === 1 && (
|
|
adown.contains ?
|
|
adown.contains( bup ) :
|
|
a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
|
|
));
|
|
} :
|
|
function( a, b ) {
|
|
if ( b ) {
|
|
while ( (b = b.parentNode) ) {
|
|
if ( b === a ) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
// Document order sorting
|
|
sortOrder = docElem.compareDocumentPosition ?
|
|
function( a, b ) {
|
|
var compare;
|
|
|
|
if ( a === b ) {
|
|
hasDuplicate = true;
|
|
return 0;
|
|
}
|
|
|
|
if ( (compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b )) ) {
|
|
if ( compare & 1 || a.parentNode && a.parentNode.nodeType === 11 ) {
|
|
if ( a === doc || contains( preferredDoc, a ) ) {
|
|
return -1;
|
|
}
|
|
if ( b === doc || contains( preferredDoc, b ) ) {
|
|
return 1;
|
|
}
|
|
return 0;
|
|
}
|
|
return compare & 4 ? -1 : 1;
|
|
}
|
|
|
|
return a.compareDocumentPosition ? -1 : 1;
|
|
} :
|
|
function( a, b ) {
|
|
var cur,
|
|
i = 0,
|
|
aup = a.parentNode,
|
|
bup = b.parentNode,
|
|
ap = [ a ],
|
|
bp = [ b ];
|
|
|
|
// Exit early if the nodes are identical
|
|
if ( a === b ) {
|
|
hasDuplicate = true;
|
|
return 0;
|
|
|
|
// Parentless nodes are either documents or disconnected
|
|
} else if ( !aup || !bup ) {
|
|
return a === doc ? -1 :
|
|
b === doc ? 1 :
|
|
aup ? -1 :
|
|
bup ? 1 :
|
|
0;
|
|
|
|
// If the nodes are siblings, we can do a quick check
|
|
} else if ( aup === bup ) {
|
|
return siblingCheck( a, b );
|
|
}
|
|
|
|
// Otherwise we need full lists of their ancestors for comparison
|
|
cur = a;
|
|
while ( (cur = cur.parentNode) ) {
|
|
ap.unshift( cur );
|
|
}
|
|
cur = b;
|
|
while ( (cur = cur.parentNode) ) {
|
|
bp.unshift( cur );
|
|
}
|
|
|
|
// Walk down the tree looking for a discrepancy
|
|
while ( ap[i] === bp[i] ) {
|
|
i++;
|
|
}
|
|
|
|
return i ?
|
|
// Do a sibling check if the nodes have a common ancestor
|
|
siblingCheck( ap[i], bp[i] ) :
|
|
|
|
// Otherwise nodes in our document sort first
|
|
ap[i] === preferredDoc ? -1 :
|
|
bp[i] === preferredDoc ? 1 :
|
|
0;
|
|
};
|
|
|
|
// Always assume the presence of duplicates if sort doesn't
|
|
// pass them to our comparison function (as in Google Chrome).
|
|
hasDuplicate = false;
|
|
[0, 0].sort( sortOrder );
|
|
support.detectDuplicates = hasDuplicate;
|
|
|
|
return document;
|
|
};
|
|
|
|
Sizzle.matches = function( expr, elements ) {
|
|
return Sizzle( expr, null, null, elements );
|
|
};
|
|
|
|
Sizzle.matchesSelector = function( elem, expr ) {
|
|
// Set document vars if needed
|
|
if ( ( elem.ownerDocument || elem ) !== document ) {
|
|
setDocument( elem );
|
|
}
|
|
|
|
// Make sure that attribute selectors are quoted
|
|
expr = expr.replace( rattributeQuotes, "='$1']" );
|
|
|
|
// rbuggyQSA always contains :focus, so no need for an existence check
|
|
if ( support.matchesSelector && !documentIsXML && (!rbuggyMatches || !rbuggyMatches.test(expr)) && !rbuggyQSA.test(expr) ) {
|
|
try {
|
|
var ret = matches.call( elem, expr );
|
|
|
|
// IE 9's matchesSelector returns false on disconnected nodes
|
|
if ( ret || support.disconnectedMatch ||
|
|
// As well, disconnected nodes are said to be in a document
|
|
// fragment in IE 9
|
|
elem.document && elem.document.nodeType !== 11 ) {
|
|
return ret;
|
|
}
|
|
} catch(e) {}
|
|
}
|
|
|
|
return Sizzle( expr, document, null, [elem] ).length > 0;
|
|
};
|
|
|
|
Sizzle.contains = function( context, elem ) {
|
|
// Set document vars if needed
|
|
if ( ( context.ownerDocument || context ) !== document ) {
|
|
setDocument( context );
|
|
}
|
|
return contains( context, elem );
|
|
};
|
|
|
|
Sizzle.attr = function( elem, name ) {
|
|
var val;
|
|
|
|
// Set document vars if needed
|
|
if ( ( elem.ownerDocument || elem ) !== document ) {
|
|
setDocument( elem );
|
|
}
|
|
|
|
if ( !documentIsXML ) {
|
|
name = name.toLowerCase();
|
|
}
|
|
if ( (val = Expr.attrHandle[ name ]) ) {
|
|
return val( elem );
|
|
}
|
|
if ( documentIsXML || support.attributes ) {
|
|
return elem.getAttribute( name );
|
|
}
|
|
return ( (val = elem.getAttributeNode( name )) || elem.getAttribute( name ) ) && elem[ name ] === true ?
|
|
name :
|
|
val && val.specified ? val.value : null;
|
|
};
|
|
|
|
Sizzle.error = function( msg ) {
|
|
throw new Error( "Syntax error, unrecognized expression: " + msg );
|
|
};
|
|
|
|
// Document sorting and removing duplicates
|
|
Sizzle.uniqueSort = function( results ) {
|
|
var elem,
|
|
duplicates = [],
|
|
i = 1,
|
|
j = 0;
|
|
|
|
// Unless we *know* we can detect duplicates, assume their presence
|
|
hasDuplicate = !support.detectDuplicates;
|
|
results.sort( sortOrder );
|
|
|
|
if ( hasDuplicate ) {
|
|
for ( ; (elem = results[i]); i++ ) {
|
|
if ( elem === results[ i - 1 ] ) {
|
|
j = duplicates.push( i );
|
|
}
|
|
}
|
|
while ( j-- ) {
|
|
results.splice( duplicates[ j ], 1 );
|
|
}
|
|
}
|
|
|
|
return results;
|
|
};
|
|
|
|
function siblingCheck( a, b ) {
|
|
var cur = b && a,
|
|
diff = cur && ( ~b.sourceIndex || MAX_NEGATIVE ) - ( ~a.sourceIndex || MAX_NEGATIVE );
|
|
|
|
// Use IE sourceIndex if available on both nodes
|
|
if ( diff ) {
|
|
return diff;
|
|
}
|
|
|
|
// Check if b follows a
|
|
if ( cur ) {
|
|
while ( (cur = cur.nextSibling) ) {
|
|
if ( cur === b ) {
|
|
return -1;
|
|
}
|
|
}
|
|
}
|
|
|
|
return a ? 1 : -1;
|
|
}
|
|
|
|
// Returns a function to use in pseudos for input types
|
|
function createInputPseudo( type ) {
|
|
return function( elem ) {
|
|
var name = elem.nodeName.toLowerCase();
|
|
return name === "input" && elem.type === type;
|
|
};
|
|
}
|
|
|
|
// Returns a function to use in pseudos for buttons
|
|
function createButtonPseudo( type ) {
|
|
return function( elem ) {
|
|
var name = elem.nodeName.toLowerCase();
|
|
return (name === "input" || name === "button") && elem.type === type;
|
|
};
|
|
}
|
|
|
|
// Returns a function to use in pseudos for positionals
|
|
function createPositionalPseudo( fn ) {
|
|
return markFunction(function( argument ) {
|
|
argument = +argument;
|
|
return markFunction(function( seed, matches ) {
|
|
var j,
|
|
matchIndexes = fn( [], seed.length, argument ),
|
|
i = matchIndexes.length;
|
|
|
|
// Match elements found at the specified indexes
|
|
while ( i-- ) {
|
|
if ( seed[ (j = matchIndexes[i]) ] ) {
|
|
seed[j] = !(matches[j] = seed[j]);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Utility function for retrieving the text value of an array of DOM nodes
|
|
* @param {Array|Element} elem
|
|
*/
|
|
getText = Sizzle.getText = function( elem ) {
|
|
var node,
|
|
ret = "",
|
|
i = 0,
|
|
nodeType = elem.nodeType;
|
|
|
|
if ( !nodeType ) {
|
|
// If no nodeType, this is expected to be an array
|
|
for ( ; (node = elem[i]); i++ ) {
|
|
// Do not traverse comment nodes
|
|
ret += getText( node );
|
|
}
|
|
} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
|
|
// Use textContent for elements
|
|
// innerText usage removed for consistency of new lines (see #11153)
|
|
if ( typeof elem.textContent === "string" ) {
|
|
return elem.textContent;
|
|
} else {
|
|
// Traverse its children
|
|
for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
|
|
ret += getText( elem );
|
|
}
|
|
}
|
|
} else if ( nodeType === 3 || nodeType === 4 ) {
|
|
return elem.nodeValue;
|
|
}
|
|
// Do not include comment or processing instruction nodes
|
|
|
|
return ret;
|
|
};
|
|
|
|
Expr = Sizzle.selectors = {
|
|
|
|
// Can be adjusted by the user
|
|
cacheLength: 50,
|
|
|
|
createPseudo: markFunction,
|
|
|
|
match: matchExpr,
|
|
|
|
find: {},
|
|
|
|
relative: {
|
|
">": { dir: "parentNode", first: true },
|
|
" ": { dir: "parentNode" },
|
|
"+": { dir: "previousSibling", first: true },
|
|
"~": { dir: "previousSibling" }
|
|
},
|
|
|
|
preFilter: {
|
|
"ATTR": function( match ) {
|
|
match[1] = match[1].replace( runescape, funescape );
|
|
|
|
// Move the given value to match[3] whether quoted or unquoted
|
|
match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape );
|
|
|
|
if ( match[2] === "~=" ) {
|
|
match[3] = " " + match[3] + " ";
|
|
}
|
|
|
|
return match.slice( 0, 4 );
|
|
},
|
|
|
|
"CHILD": function( match ) {
|
|
/* matches from matchExpr["CHILD"]
|
|
1 type (only|nth|...)
|
|
2 what (child|of-type)
|
|
3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
|
|
4 xn-component of xn+y argument ([+-]?\d*n|)
|
|
5 sign of xn-component
|
|
6 x of xn-component
|
|
7 sign of y-component
|
|
8 y of y-component
|
|
*/
|
|
match[1] = match[1].toLowerCase();
|
|
|
|
if ( match[1].slice( 0, 3 ) === "nth" ) {
|
|
// nth-* requires argument
|
|
if ( !match[3] ) {
|
|
Sizzle.error( match[0] );
|
|
}
|
|
|
|
// numeric x and y parameters for Expr.filter.CHILD
|
|
// remember that false/true cast respectively to 0/1
|
|
match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
|
|
match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
|
|
|
|
// other types prohibit arguments
|
|
} else if ( match[3] ) {
|
|
Sizzle.error( match[0] );
|
|
}
|
|
|
|
return match;
|
|
},
|
|
|
|
"PSEUDO": function( match ) {
|
|
var excess,
|
|
unquoted = !match[5] && match[2];
|
|
|
|
if ( matchExpr["CHILD"].test( match[0] ) ) {
|
|
return null;
|
|
}
|
|
|
|
// Accept quoted arguments as-is
|
|
if ( match[4] ) {
|
|
match[2] = match[4];
|
|
|
|
// Strip excess characters from unquoted arguments
|
|
} else if ( unquoted && rpseudo.test( unquoted ) &&
|
|
// Get excess from tokenize (recursively)
|
|
(excess = tokenize( unquoted, true )) &&
|
|
// advance to the next closing parenthesis
|
|
(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
|
|
|
|
// excess is a negative index
|
|
match[0] = match[0].slice( 0, excess );
|
|
match[2] = unquoted.slice( 0, excess );
|
|
}
|
|
|
|
// Return only captures needed by the pseudo filter method (type and argument)
|
|
return match.slice( 0, 3 );
|
|
}
|
|
},
|
|
|
|
filter: {
|
|
|
|
"TAG": function( nodeName ) {
|
|
if ( nodeName === "*" ) {
|
|
return function() { return true; };
|
|
}
|
|
|
|
nodeName = nodeName.replace( runescape, funescape ).toLowerCase();
|
|
return function( elem ) {
|
|
return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
|
|
};
|
|
},
|
|
|
|
"CLASS": function( className ) {
|
|
var pattern = classCache[ className + " " ];
|
|
|
|
return pattern ||
|
|
(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
|
|
classCache( className, function( elem ) {
|
|
return pattern.test( elem.className || (typeof elem.getAttribute !== strundefined && elem.getAttribute("class")) || "" );
|
|
});
|
|
},
|
|
|
|
"ATTR": function( name, operator, check ) {
|
|
return function( elem ) {
|
|
var result = Sizzle.attr( elem, name );
|
|
|
|
if ( result == null ) {
|
|
return operator === "!=";
|
|
}
|
|
if ( !operator ) {
|
|
return true;
|
|
}
|
|
|
|
result += "";
|
|
|
|
return operator === "=" ? result === check :
|
|
operator === "!=" ? result !== check :
|
|
operator === "^=" ? check && result.indexOf( check ) === 0 :
|
|
operator === "*=" ? check && result.indexOf( check ) > -1 :
|
|
operator === "$=" ? check && result.slice( -check.length ) === check :
|
|
operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
|
|
operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
|
|
false;
|
|
};
|
|
},
|
|
|
|
"CHILD": function( type, what, argument, first, last ) {
|
|
var simple = type.slice( 0, 3 ) !== "nth",
|
|
forward = type.slice( -4 ) !== "last",
|
|
ofType = what === "of-type";
|
|
|
|
return first === 1 && last === 0 ?
|
|
|
|
// Shortcut for :nth-*(n)
|
|
function( elem ) {
|
|
return !!elem.parentNode;
|
|
} :
|
|
|
|
function( elem, context, xml ) {
|
|
var cache, outerCache, node, diff, nodeIndex, start,
|
|
dir = simple !== forward ? "nextSibling" : "previousSibling",
|
|
parent = elem.parentNode,
|
|
name = ofType && elem.nodeName.toLowerCase(),
|
|
useCache = !xml && !ofType;
|
|
|
|
if ( parent ) {
|
|
|
|
// :(first|last|only)-(child|of-type)
|
|
if ( simple ) {
|
|
while ( dir ) {
|
|
node = elem;
|
|
while ( (node = node[ dir ]) ) {
|
|
if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
|
|
return false;
|
|
}
|
|
}
|
|
// Reverse direction for :only-* (if we haven't yet done so)
|
|
start = dir = type === "only" && !start && "nextSibling";
|
|
}
|
|
return true;
|
|
}
|
|
|
|
start = [ forward ? parent.firstChild : parent.lastChild ];
|
|
|
|
// non-xml :nth-child(...) stores cache data on `parent`
|
|
if ( forward && useCache ) {
|
|
// Seek `elem` from a previously-cached index
|
|
outerCache = parent[ expando ] || (parent[ expando ] = {});
|
|
cache = outerCache[ type ] || [];
|
|
nodeIndex = cache[0] === dirruns && cache[1];
|
|
diff = cache[0] === dirruns && cache[2];
|
|
node = nodeIndex && parent.childNodes[ nodeIndex ];
|
|
|
|
while ( (node = ++nodeIndex && node && node[ dir ] ||
|
|
|
|
// Fallback to seeking `elem` from the start
|
|
(diff = nodeIndex = 0) || start.pop()) ) {
|
|
|
|
// When found, cache indexes on `parent` and break
|
|
if ( node.nodeType === 1 && ++diff && node === elem ) {
|
|
outerCache[ type ] = [ dirruns, nodeIndex, diff ];
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Use previously-cached element index if available
|
|
} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
|
|
diff = cache[1];
|
|
|
|
// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
|
|
} else {
|
|
// Use the same loop as above to seek `elem` from the start
|
|
while ( (node = ++nodeIndex && node && node[ dir ] ||
|
|
(diff = nodeIndex = 0) || start.pop()) ) {
|
|
|
|
if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
|
|
// Cache the index of each encountered element
|
|
if ( useCache ) {
|
|
(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
|
|
}
|
|
|
|
if ( node === elem ) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Incorporate the offset, then check against cycle size
|
|
diff -= last;
|
|
return diff === first || ( diff % first === 0 && diff / first >= 0 );
|
|
}
|
|
};
|
|
},
|
|
|
|
"PSEUDO": function( pseudo, argument ) {
|
|
// pseudo-class names are case-insensitive
|
|
// http://www.w3.org/TR/selectors/#pseudo-classes
|
|
// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
|
|
// Remember that setFilters inherits from pseudos
|
|
var args,
|
|
fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
|
|
Sizzle.error( "unsupported pseudo: " + pseudo );
|
|
|
|
// The user may use createPseudo to indicate that
|
|
// arguments are needed to create the filter function
|
|
// just as Sizzle does
|
|
if ( fn[ expando ] ) {
|
|
return fn( argument );
|
|
}
|
|
|
|
// But maintain support for old signatures
|
|
if ( fn.length > 1 ) {
|
|
args = [ pseudo, pseudo, "", argument ];
|
|
return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
|
|
markFunction(function( seed, matches ) {
|
|
var idx,
|
|
matched = fn( seed, argument ),
|
|
i = matched.length;
|
|
while ( i-- ) {
|
|
idx = indexOf.call( seed, matched[i] );
|
|
seed[ idx ] = !( matches[ idx ] = matched[i] );
|
|
}
|
|
}) :
|
|
function( elem ) {
|
|
return fn( elem, 0, args );
|
|
};
|
|
}
|
|
|
|
return fn;
|
|
}
|
|
},
|
|
|
|
pseudos: {
|
|
// Potentially complex pseudos
|
|
"not": markFunction(function( selector ) {
|
|
// Trim the selector passed to compile
|
|
// to avoid treating leading and trailing
|
|
// spaces as combinators
|
|
var input = [],
|
|
results = [],
|
|
matcher = compile( selector.replace( rtrim, "$1" ) );
|
|
|
|
return matcher[ expando ] ?
|
|
markFunction(function( seed, matches, context, xml ) {
|
|
var elem,
|
|
unmatched = matcher( seed, null, xml, [] ),
|
|
i = seed.length;
|
|
|
|
// Match elements unmatched by `matcher`
|
|
while ( i-- ) {
|
|
if ( (elem = unmatched[i]) ) {
|
|
seed[i] = !(matches[i] = elem);
|
|
}
|
|
}
|
|
}) :
|
|
function( elem, context, xml ) {
|
|
input[0] = elem;
|
|
matcher( input, null, xml, results );
|
|
return !results.pop();
|
|
};
|
|
}),
|
|
|
|
"has": markFunction(function( selector ) {
|
|
return function( elem ) {
|
|
return Sizzle( selector, elem ).length > 0;
|
|
};
|
|
}),
|
|
|
|
"contains": markFunction(function( text ) {
|
|
return function( elem ) {
|
|
return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
|
|
};
|
|
}),
|
|
|
|
// "Whether an element is represented by a :lang() selector
|
|
// is based solely on the element's language value
|
|
// being equal to the identifier C,
|
|
// or beginning with the identifier C immediately followed by "-".
|
|
// The matching of C against the element's language value is performed case-insensitively.
|
|
// The identifier C does not have to be a valid language name."
|
|
// http://www.w3.org/TR/selectors/#lang-pseudo
|
|
"lang": markFunction( function( lang ) {
|
|
// lang value must be a valid identifider
|
|
if ( !ridentifier.test(lang || "") ) {
|
|
Sizzle.error( "unsupported lang: " + lang );
|
|
}
|
|
lang = lang.replace( runescape, funescape ).toLowerCase();
|
|
return function( elem ) {
|
|
var elemLang;
|
|
do {
|
|
if ( (elemLang = documentIsXML ?
|
|
elem.getAttribute("xml:lang") || elem.getAttribute("lang") :
|
|
elem.lang) ) {
|
|
|
|
elemLang = elemLang.toLowerCase();
|
|
return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
|
|
}
|
|
} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
|
|
return false;
|
|
};
|
|
}),
|
|
|
|
// Miscellaneous
|
|
"target": function( elem ) {
|
|
var hash = window.location && window.location.hash;
|
|
return hash && hash.slice( 1 ) === elem.id;
|
|
},
|
|
|
|
"root": function( elem ) {
|
|
return elem === docElem;
|
|
},
|
|
|
|
"focus": function( elem ) {
|
|
return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
|
|
},
|
|
|
|
// Boolean properties
|
|
"enabled": function( elem ) {
|
|
return elem.disabled === false;
|
|
},
|
|
|
|
"disabled": function( elem ) {
|
|
return elem.disabled === true;
|
|
},
|
|
|
|
"checked": function( elem ) {
|
|
// In CSS3, :checked should return both checked and selected elements
|
|
// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
|
|
var nodeName = elem.nodeName.toLowerCase();
|
|
return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
|
|
},
|
|
|
|
"selected": function( elem ) {
|
|
// Accessing this property makes selected-by-default
|
|
// options in Safari work properly
|
|
if ( elem.parentNode ) {
|
|
elem.parentNode.selectedIndex;
|
|
}
|
|
|
|
return elem.selected === true;
|
|
},
|
|
|
|
// Contents
|
|
"empty": function( elem ) {
|
|
// http://www.w3.org/TR/selectors/#empty-pseudo
|
|
// :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
|
|
// not comment, processing instructions, or others
|
|
// Thanks to Diego Perini for the nodeName shortcut
|
|
// Greater than "@" means alpha characters (specifically not starting with "#" or "?")
|
|
for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
|
|
if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
},
|
|
|
|
"parent": function( elem ) {
|
|
return !Expr.pseudos["empty"]( elem );
|
|
},
|
|
|
|
// Element/input types
|
|
"header": function( elem ) {
|
|
return rheader.test( elem.nodeName );
|
|
},
|
|
|
|
"input": function( elem ) {
|
|
return rinputs.test( elem.nodeName );
|
|
},
|
|
|
|
"button": function( elem ) {
|
|
var name = elem.nodeName.toLowerCase();
|
|
return name === "input" && elem.type === "button" || name === "button";
|
|
},
|
|
|
|
"text": function( elem ) {
|
|
var attr;
|
|
// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
|
|
// use getAttribute instead to test this case
|
|
return elem.nodeName.toLowerCase() === "input" &&
|
|
elem.type === "text" &&
|
|
( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type );
|
|
},
|
|
|
|
// Position-in-collection
|
|
"first": createPositionalPseudo(function() {
|
|
return [ 0 ];
|
|
}),
|
|
|
|
"last": createPositionalPseudo(function( matchIndexes, length ) {
|
|
return [ length - 1 ];
|
|
}),
|
|
|
|
"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
|
|
return [ argument < 0 ? argument + length : argument ];
|
|
}),
|
|
|
|
"even": createPositionalPseudo(function( matchIndexes, length ) {
|
|
var i = 0;
|
|
for ( ; i < length; i += 2 ) {
|
|
matchIndexes.push( i );
|
|
}
|
|
return matchIndexes;
|
|
}),
|
|
|
|
"odd": createPositionalPseudo(function( matchIndexes, length ) {
|
|
var i = 1;
|
|
for ( ; i < length; i += 2 ) {
|
|
matchIndexes.push( i );
|
|
}
|
|
return matchIndexes;
|
|
}),
|
|
|
|
"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
|
|
var i = argument < 0 ? argument + length : argument;
|
|
for ( ; --i >= 0; ) {
|
|
matchIndexes.push( i );
|
|
}
|
|
return matchIndexes;
|
|
}),
|
|
|
|
"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
|
|
var i = argument < 0 ? argument + length : argument;
|
|
for ( ; ++i < length; ) {
|
|
matchIndexes.push( i );
|
|
}
|
|
return matchIndexes;
|
|
})
|
|
}
|
|
};
|
|
|
|
// Add button/input type pseudos
|
|
for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
|
|
Expr.pseudos[ i ] = createInputPseudo( i );
|
|
}
|
|
for ( i in { submit: true, reset: true } ) {
|
|
Expr.pseudos[ i ] = createButtonPseudo( i );
|
|
}
|
|
|
|
function tokenize( selector, parseOnly ) {
|
|
var matched, match, tokens, type,
|
|
soFar, groups, preFilters,
|
|
cached = tokenCache[ selector + " " ];
|
|
|
|
if ( cached ) {
|
|
return parseOnly ? 0 : cached.slice( 0 );
|
|
}
|
|
|
|
soFar = selector;
|
|
groups = [];
|
|
preFilters = Expr.preFilter;
|
|
|
|
while ( soFar ) {
|
|
|
|
// Comma and first run
|
|
if ( !matched || (match = rcomma.exec( soFar )) ) {
|
|
if ( match ) {
|
|
// Don't consume trailing commas as valid
|
|
soFar = soFar.slice( match[0].length ) || soFar;
|
|
}
|
|
groups.push( tokens = [] );
|
|
}
|
|
|
|
matched = false;
|
|
|
|
// Combinators
|
|
if ( (match = rcombinators.exec( soFar )) ) {
|
|
matched = match.shift();
|
|
tokens.push( {
|
|
value: matched,
|
|
// Cast descendant combinators to space
|
|
type: match[0].replace( rtrim, " " )
|
|
} );
|
|
soFar = soFar.slice( matched.length );
|
|
}
|
|
|
|
// Filters
|
|
for ( type in Expr.filter ) {
|
|
if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
|
|
(match = preFilters[ type ]( match ))) ) {
|
|
matched = match.shift();
|
|
tokens.push( {
|
|
value: matched,
|
|
type: type,
|
|
matches: match
|
|
} );
|
|
soFar = soFar.slice( matched.length );
|
|
}
|
|
}
|
|
|
|
if ( !matched ) {
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Return the length of the invalid excess
|
|
// if we're just parsing
|
|
// Otherwise, throw an error or return tokens
|
|
return parseOnly ?
|
|
soFar.length :
|
|
soFar ?
|
|
Sizzle.error( selector ) :
|
|
// Cache the tokens
|
|
tokenCache( selector, groups ).slice( 0 );
|
|
}
|
|
|
|
function toSelector( tokens ) {
|
|
var i = 0,
|
|
len = tokens.length,
|
|
selector = "";
|
|
for ( ; i < len; i++ ) {
|
|
selector += tokens[i].value;
|
|
}
|
|
return selector;
|
|
}
|
|
|
|
function addCombinator( matcher, combinator, base ) {
|
|
var dir = combinator.dir,
|
|
checkNonElements = base && dir === "parentNode",
|
|
doneName = done++;
|
|
|
|
return combinator.first ?
|
|
// Check against closest ancestor/preceding element
|
|
function( elem, context, xml ) {
|
|
while ( (elem = elem[ dir ]) ) {
|
|
if ( elem.nodeType === 1 || checkNonElements ) {
|
|
return matcher( elem, context, xml );
|
|
}
|
|
}
|
|
} :
|
|
|
|
// Check against all ancestor/preceding elements
|
|
function( elem, context, xml ) {
|
|
var data, cache, outerCache,
|
|
dirkey = dirruns + " " + doneName;
|
|
|
|
// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
|
|
if ( xml ) {
|
|
while ( (elem = elem[ dir ]) ) {
|
|
if ( elem.nodeType === 1 || checkNonElements ) {
|
|
if ( matcher( elem, context, xml ) ) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
while ( (elem = elem[ dir ]) ) {
|
|
if ( elem.nodeType === 1 || checkNonElements ) {
|
|
outerCache = elem[ expando ] || (elem[ expando ] = {});
|
|
if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) {
|
|
if ( (data = cache[1]) === true || data === cachedruns ) {
|
|
return data === true;
|
|
}
|
|
} else {
|
|
cache = outerCache[ dir ] = [ dirkey ];
|
|
cache[1] = matcher( elem, context, xml ) || cachedruns;
|
|
if ( cache[1] === true ) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
function elementMatcher( matchers ) {
|
|
return matchers.length > 1 ?
|
|
function( elem, context, xml ) {
|
|
var i = matchers.length;
|
|
while ( i-- ) {
|
|
if ( !matchers[i]( elem, context, xml ) ) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
} :
|
|
matchers[0];
|
|
}
|
|
|
|
function condense( unmatched, map, filter, context, xml ) {
|
|
var elem,
|
|
newUnmatched = [],
|
|
i = 0,
|
|
len = unmatched.length,
|
|
mapped = map != null;
|
|
|
|
for ( ; i < len; i++ ) {
|
|
if ( (elem = unmatched[i]) ) {
|
|
if ( !filter || filter( elem, context, xml ) ) {
|
|
newUnmatched.push( elem );
|
|
if ( mapped ) {
|
|
map.push( i );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return newUnmatched;
|
|
}
|
|
|
|
function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
|
|
if ( postFilter && !postFilter[ expando ] ) {
|
|
postFilter = setMatcher( postFilter );
|
|
}
|
|
if ( postFinder && !postFinder[ expando ] ) {
|
|
postFinder = setMatcher( postFinder, postSelector );
|
|
}
|
|
return markFunction(function( seed, results, context, xml ) {
|
|
var temp, i, elem,
|
|
preMap = [],
|
|
postMap = [],
|
|
preexisting = results.length,
|
|
|
|
// Get initial elements from seed or context
|
|
elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
|
|
|
|
// Prefilter to get matcher input, preserving a map for seed-results synchronization
|
|
matcherIn = preFilter && ( seed || !selector ) ?
|
|
condense( elems, preMap, preFilter, context, xml ) :
|
|
elems,
|
|
|
|
matcherOut = matcher ?
|
|
// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
|
|
postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
|
|
|
|
// ...intermediate processing is necessary
|
|
[] :
|
|
|
|
// ...otherwise use results directly
|
|
results :
|
|
matcherIn;
|
|
|
|
// Find primary matches
|
|
if ( matcher ) {
|
|
matcher( matcherIn, matcherOut, context, xml );
|
|
}
|
|
|
|
// Apply postFilter
|
|
if ( postFilter ) {
|
|
temp = condense( matcherOut, postMap );
|
|
postFilter( temp, [], context, xml );
|
|
|
|
// Un-match failing elements by moving them back to matcherIn
|
|
i = temp.length;
|
|
while ( i-- ) {
|
|
if ( (elem = temp[i]) ) {
|
|
matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( seed ) {
|
|
if ( postFinder || preFilter ) {
|
|
if ( postFinder ) {
|
|
// Get the final matcherOut by condensing this intermediate into postFinder contexts
|
|
temp = [];
|
|
i = matcherOut.length;
|
|
while ( i-- ) {
|
|
if ( (elem = matcherOut[i]) ) {
|
|
// Restore matcherIn since elem is not yet a final match
|
|
temp.push( (matcherIn[i] = elem) );
|
|
}
|
|
}
|
|
postFinder( null, (matcherOut = []), temp, xml );
|
|
}
|
|
|
|
// Move matched elements from seed to results to keep them synchronized
|
|
i = matcherOut.length;
|
|
while ( i-- ) {
|
|
if ( (elem = matcherOut[i]) &&
|
|
(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
|
|
|
|
seed[temp] = !(results[temp] = elem);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Add elements to results, through postFinder if defined
|
|
} else {
|
|
matcherOut = condense(
|
|
matcherOut === results ?
|
|
matcherOut.splice( preexisting, matcherOut.length ) :
|
|
matcherOut
|
|
);
|
|
if ( postFinder ) {
|
|
postFinder( null, results, matcherOut, xml );
|
|
} else {
|
|
push.apply( results, matcherOut );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function matcherFromTokens( tokens ) {
|
|
var checkContext, matcher, j,
|
|
len = tokens.length,
|
|
leadingRelative = Expr.relative[ tokens[0].type ],
|
|
implicitRelative = leadingRelative || Expr.relative[" "],
|
|
i = leadingRelative ? 1 : 0,
|
|
|
|
// The foundational matcher ensures that elements are reachable from top-level context(s)
|
|
matchContext = addCombinator( function( elem ) {
|
|
return elem === checkContext;
|
|
}, implicitRelative, true ),
|
|
matchAnyContext = addCombinator( function( elem ) {
|
|
return indexOf.call( checkContext, elem ) > -1;
|
|
}, implicitRelative, true ),
|
|
matchers = [ function( elem, context, xml ) {
|
|
return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
|
|
(checkContext = context).nodeType ?
|
|
matchContext( elem, context, xml ) :
|
|
matchAnyContext( elem, context, xml ) );
|
|
} ];
|
|
|
|
for ( ; i < len; i++ ) {
|
|
if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
|
|
matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
|
|
} else {
|
|
matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
|
|
|
|
// Return special upon seeing a positional matcher
|
|
if ( matcher[ expando ] ) {
|
|
// Find the next relative operator (if any) for proper handling
|
|
j = ++i;
|
|
for ( ; j < len; j++ ) {
|
|
if ( Expr.relative[ tokens[j].type ] ) {
|
|
break;
|
|
}
|
|
}
|
|
return setMatcher(
|
|
i > 1 && elementMatcher( matchers ),
|
|
i > 1 && toSelector( tokens.slice( 0, i - 1 ) ).replace( rtrim, "$1" ),
|
|
matcher,
|
|
i < j && matcherFromTokens( tokens.slice( i, j ) ),
|
|
j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
|
|
j < len && toSelector( tokens )
|
|
);
|
|
}
|
|
matchers.push( matcher );
|
|
}
|
|
}
|
|
|
|
return elementMatcher( matchers );
|
|
}
|
|
|
|
function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
|
|
// A counter to specify which element is currently being matched
|
|
var matcherCachedRuns = 0,
|
|
bySet = setMatchers.length > 0,
|
|
byElement = elementMatchers.length > 0,
|
|
superMatcher = function( seed, context, xml, results, expandContext ) {
|
|
var elem, j, matcher,
|
|
setMatched = [],
|
|
matchedCount = 0,
|
|
i = "0",
|
|
unmatched = seed && [],
|
|
outermost = expandContext != null,
|
|
contextBackup = outermostContext,
|
|
// We must always have either seed elements or context
|
|
elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
|
|
// Use integer dirruns iff this is the outermost matcher
|
|
dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1);
|
|
|
|
if ( outermost ) {
|
|
outermostContext = context !== document && context;
|
|
cachedruns = matcherCachedRuns;
|
|
}
|
|
|
|
// Add elements passing elementMatchers directly to results
|
|
// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
|
|
for ( ; (elem = elems[i]) != null; i++ ) {
|
|
if ( byElement && elem ) {
|
|
j = 0;
|
|
while ( (matcher = elementMatchers[j++]) ) {
|
|
if ( matcher( elem, context, xml ) ) {
|
|
results.push( elem );
|
|
break;
|
|
}
|
|
}
|
|
if ( outermost ) {
|
|
dirruns = dirrunsUnique;
|
|
cachedruns = ++matcherCachedRuns;
|
|
}
|
|
}
|
|
|
|
// Track unmatched elements for set filters
|
|
if ( bySet ) {
|
|
// They will have gone through all possible matchers
|
|
if ( (elem = !matcher && elem) ) {
|
|
matchedCount--;
|
|
}
|
|
|
|
// Lengthen the array for every element, matched or not
|
|
if ( seed ) {
|
|
unmatched.push( elem );
|
|
}
|
|
}
|
|
}
|
|
|
|
// Apply set filters to unmatched elements
|
|
matchedCount += i;
|
|
if ( bySet && i !== matchedCount ) {
|
|
j = 0;
|
|
while ( (matcher = setMatchers[j++]) ) {
|
|
matcher( unmatched, setMatched, context, xml );
|
|
}
|
|
|
|
if ( seed ) {
|
|
// Reintegrate element matches to eliminate the need for sorting
|
|
if ( matchedCount > 0 ) {
|
|
while ( i-- ) {
|
|
if ( !(unmatched[i] || setMatched[i]) ) {
|
|
setMatched[i] = pop.call( results );
|
|
}
|
|
}
|
|
}
|
|
|
|
// Discard index placeholder values to get only actual matches
|
|
setMatched = condense( setMatched );
|
|
}
|
|
|
|
// Add matches to results
|
|
push.apply( results, setMatched );
|
|
|
|
// Seedless set matches succeeding multiple successful matchers stipulate sorting
|
|
if ( outermost && !seed && setMatched.length > 0 &&
|
|
( matchedCount + setMatchers.length ) > 1 ) {
|
|
|
|
Sizzle.uniqueSort( results );
|
|
}
|
|
}
|
|
|
|
// Override manipulation of globals by nested matchers
|
|
if ( outermost ) {
|
|
dirruns = dirrunsUnique;
|
|
outermostContext = contextBackup;
|
|
}
|
|
|
|
return unmatched;
|
|
};
|
|
|
|
return bySet ?
|
|
markFunction( superMatcher ) :
|
|
superMatcher;
|
|
}
|
|
|
|
compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
|
|
var i,
|
|
setMatchers = [],
|
|
elementMatchers = [],
|
|
cached = compilerCache[ selector + " " ];
|
|
|
|
if ( !cached ) {
|
|
// Generate a function of recursive functions that can be used to check each element
|
|
if ( !group ) {
|
|
group = tokenize( selector );
|
|
}
|
|
i = group.length;
|
|
while ( i-- ) {
|
|
cached = matcherFromTokens( group[i] );
|
|
if ( cached[ expando ] ) {
|
|
setMatchers.push( cached );
|
|
} else {
|
|
elementMatchers.push( cached );
|
|
}
|
|
}
|
|
|
|
// Cache the compiled function
|
|
cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
|
|
}
|
|
return cached;
|
|
};
|
|
|
|
function multipleContexts( selector, contexts, results ) {
|
|
var i = 0,
|
|
len = contexts.length;
|
|
for ( ; i < len; i++ ) {
|
|
Sizzle( selector, contexts[i], results );
|
|
}
|
|
return results;
|
|
}
|
|
|
|
function select( selector, context, results, seed ) {
|
|
var i, tokens, token, type, find,
|
|
match = tokenize( selector );
|
|
|
|
if ( !seed ) {
|
|
// Try to minimize operations if there is only one group
|
|
if ( match.length === 1 ) {
|
|
|
|
// Take a shortcut and set the context if the root selector is an ID
|
|
tokens = match[0] = match[0].slice( 0 );
|
|
if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
|
|
context.nodeType === 9 && !documentIsXML &&
|
|
Expr.relative[ tokens[1].type ] ) {
|
|
|
|
context = Expr.find["ID"]( token.matches[0].replace( runescape, funescape ), context )[0];
|
|
if ( !context ) {
|
|
return results;
|
|
}
|
|
|
|
selector = selector.slice( tokens.shift().value.length );
|
|
}
|
|
|
|
// Fetch a seed set for right-to-left matching
|
|
i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
|
|
while ( i-- ) {
|
|
token = tokens[i];
|
|
|
|
// Abort if we hit a combinator
|
|
if ( Expr.relative[ (type = token.type) ] ) {
|
|
break;
|
|
}
|
|
if ( (find = Expr.find[ type ]) ) {
|
|
// Search, expanding context for leading sibling combinators
|
|
if ( (seed = find(
|
|
token.matches[0].replace( runescape, funescape ),
|
|
rsibling.test( tokens[0].type ) && context.parentNode || context
|
|
)) ) {
|
|
|
|
// If seed is empty or no tokens remain, we can return early
|
|
tokens.splice( i, 1 );
|
|
selector = seed.length && toSelector( tokens );
|
|
if ( !selector ) {
|
|
push.apply( results, slice.call( seed, 0 ) );
|
|
return results;
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Compile and execute a filtering function
|
|
// Provide `match` to avoid retokenization if we modified the selector above
|
|
compile( selector, match )(
|
|
seed,
|
|
context,
|
|
documentIsXML,
|
|
results,
|
|
rsibling.test( selector )
|
|
);
|
|
return results;
|
|
}
|
|
|
|
// Deprecated
|
|
Expr.pseudos["nth"] = Expr.pseudos["eq"];
|
|
|
|
// Easy API for creating new setFilters
|
|
function setFilters() {}
|
|
Expr.filters = setFilters.prototype = Expr.pseudos;
|
|
Expr.setFilters = new setFilters();
|
|
|
|
// Initialize with the default document
|
|
setDocument();
|
|
|
|
// Override sizzle attribute retrieval
|
|
Sizzle.attr = jQuery.attr;
|
|
jQuery.find = Sizzle;
|
|
jQuery.expr = Sizzle.selectors;
|
|
jQuery.expr[":"] = jQuery.expr.pseudos;
|
|
jQuery.unique = Sizzle.uniqueSort;
|
|
jQuery.text = Sizzle.getText;
|
|
jQuery.isXMLDoc = Sizzle.isXML;
|
|
jQuery.contains = Sizzle.contains;
|
|
|
|
|
|
})( window );
|
|
var runtil = /Until$/,
|
|
rparentsprev = /^(?:parents|prev(?:Until|All))/,
|
|
isSimple = /^.[^:#\[\.,]*$/,
|
|
rneedsContext = jQuery.expr.match.needsContext,
|
|
// methods guaranteed to produce a unique set when starting from a unique set
|
|
guaranteedUnique = {
|
|
children: true,
|
|
contents: true,
|
|
next: true,
|
|
prev: true
|
|
};
|
|
|
|
jQuery.fn.extend({
|
|
find: function( selector ) {
|
|
var i, ret, self,
|
|
len = this.length;
|
|
|
|
if ( typeof selector !== "string" ) {
|
|
self = this;
|
|
return this.pushStack( jQuery( selector ).filter(function() {
|
|
for ( i = 0; i < len; i++ ) {
|
|
if ( jQuery.contains( self[ i ], this ) ) {
|
|
return true;
|
|
}
|
|
}
|
|
}) );
|
|
}
|
|
|
|
ret = [];
|
|
for ( i = 0; i < len; i++ ) {
|
|
jQuery.find( selector, this[ i ], ret );
|
|
}
|
|
|
|
// Needed because $( selector, context ) becomes $( context ).find( selector )
|
|
ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
|
|
ret.selector = ( this.selector ? this.selector + " " : "" ) + selector;
|
|
return ret;
|
|
},
|
|
|
|
has: function( target ) {
|
|
var i,
|
|
targets = jQuery( target, this ),
|
|
len = targets.length;
|
|
|
|
return this.filter(function() {
|
|
for ( i = 0; i < len; i++ ) {
|
|
if ( jQuery.contains( this, targets[i] ) ) {
|
|
return true;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
not: function( selector ) {
|
|
return this.pushStack( winnow(this, selector, false) );
|
|
},
|
|
|
|
filter: function( selector ) {
|
|
return this.pushStack( winnow(this, selector, true) );
|
|
},
|
|
|
|
is: function( selector ) {
|
|
return !!selector && (
|
|
typeof selector === "string" ?
|
|
// If this is a positional/relative selector, check membership in the returned set
|
|
// so $("p:first").is("p:last") won't return true for a doc with two "p".
|
|
rneedsContext.test( selector ) ?
|
|
jQuery( selector, this.context ).index( this[0] ) >= 0 :
|
|
jQuery.filter( selector, this ).length > 0 :
|
|
this.filter( selector ).length > 0 );
|
|
},
|
|
|
|
closest: function( selectors, context ) {
|
|
var cur,
|
|
i = 0,
|
|
l = this.length,
|
|
ret = [],
|
|
pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
|
|
jQuery( selectors, context || this.context ) :
|
|
0;
|
|
|
|
for ( ; i < l; i++ ) {
|
|
cur = this[i];
|
|
|
|
while ( cur && cur.ownerDocument && cur !== context && cur.nodeType !== 11 ) {
|
|
if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
|
|
ret.push( cur );
|
|
break;
|
|
}
|
|
cur = cur.parentNode;
|
|
}
|
|
}
|
|
|
|
return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret );
|
|
},
|
|
|
|
// Determine the position of an element within
|
|
// the matched set of elements
|
|
index: function( elem ) {
|
|
|
|
// No argument, return index in parent
|
|
if ( !elem ) {
|
|
return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
|
|
}
|
|
|
|
// index in selector
|
|
if ( typeof elem === "string" ) {
|
|
return jQuery.inArray( this[0], jQuery( elem ) );
|
|
}
|
|
|
|
// Locate the position of the desired element
|
|
return jQuery.inArray(
|
|
// If it receives a jQuery object, the first element is used
|
|
elem.jquery ? elem[0] : elem, this );
|
|
},
|
|
|
|
add: function( selector, context ) {
|
|
var set = typeof selector === "string" ?
|
|
jQuery( selector, context ) :
|
|
jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
|
|
all = jQuery.merge( this.get(), set );
|
|
|
|
return this.pushStack( jQuery.unique(all) );
|
|
},
|
|
|
|
addBack: function( selector ) {
|
|
return this.add( selector == null ?
|
|
this.prevObject : this.prevObject.filter(selector)
|
|
);
|
|
}
|
|
});
|
|
|
|
jQuery.fn.andSelf = jQuery.fn.addBack;
|
|
|
|
function sibling( cur, dir ) {
|
|
do {
|
|
cur = cur[ dir ];
|
|
} while ( cur && cur.nodeType !== 1 );
|
|
|
|
return cur;
|
|
}
|
|
|
|
jQuery.each({
|
|
parent: function( elem ) {
|
|
var parent = elem.parentNode;
|
|
return parent && parent.nodeType !== 11 ? parent : null;
|
|
},
|
|
parents: function( elem ) {
|
|
return jQuery.dir( elem, "parentNode" );
|
|
},
|
|
parentsUntil: function( elem, i, until ) {
|
|
return jQuery.dir( elem, "parentNode", until );
|
|
},
|
|
next: function( elem ) {
|
|
return sibling( elem, "nextSibling" );
|
|
},
|
|
prev: function( elem ) {
|
|
return sibling( elem, "previousSibling" );
|
|
},
|
|
nextAll: function( elem ) {
|
|
return jQuery.dir( elem, "nextSibling" );
|
|
},
|
|
prevAll: function( elem ) {
|
|
return jQuery.dir( elem, "previousSibling" );
|
|
},
|
|
nextUntil: function( elem, i, until ) {
|
|
return jQuery.dir( elem, "nextSibling", until );
|
|
},
|
|
prevUntil: function( elem, i, until ) {
|
|
return jQuery.dir( elem, "previousSibling", until );
|
|
},
|
|
siblings: function( elem ) {
|
|
return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
|
|
},
|
|
children: function( elem ) {
|
|
return jQuery.sibling( elem.firstChild );
|
|
},
|
|
contents: function( elem ) {
|
|
return jQuery.nodeName( elem, "iframe" ) ?
|
|
elem.contentDocument || elem.contentWindow.document :
|
|
jQuery.merge( [], elem.childNodes );
|
|
}
|
|
}, function( name, fn ) {
|
|
jQuery.fn[ name ] = function( until, selector ) {
|
|
var ret = jQuery.map( this, fn, until );
|
|
|
|
if ( !runtil.test( name ) ) {
|
|
selector = until;
|
|
}
|
|
|
|
if ( selector && typeof selector === "string" ) {
|
|
ret = jQuery.filter( selector, ret );
|
|
}
|
|
|
|
ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
|
|
|
|
if ( this.length > 1 && rparentsprev.test( name ) ) {
|
|
ret = ret.reverse();
|
|
}
|
|
|
|
return this.pushStack( ret );
|
|
};
|
|
});
|
|
|
|
jQuery.extend({
|
|
filter: function( expr, elems, not ) {
|
|
if ( not ) {
|
|
expr = ":not(" + expr + ")";
|
|
}
|
|
|
|
return elems.length === 1 ?
|
|
jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
|
|
jQuery.find.matches(expr, elems);
|
|
},
|
|
|
|
dir: function( elem, dir, until ) {
|
|
var matched = [],
|
|
cur = elem[ dir ];
|
|
|
|
while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
|
|
if ( cur.nodeType === 1 ) {
|
|
matched.push( cur );
|
|
}
|
|
cur = cur[dir];
|
|
}
|
|
return matched;
|
|
},
|
|
|
|
sibling: function( n, elem ) {
|
|
var r = [];
|
|
|
|
for ( ; n; n = n.nextSibling ) {
|
|
if ( n.nodeType === 1 && n !== elem ) {
|
|
r.push( n );
|
|
}
|
|
}
|
|
|
|
return r;
|
|
}
|
|
});
|
|
|
|
// Implement the identical functionality for filter and not
|
|
function winnow( elements, qualifier, keep ) {
|
|
|
|
// Can't pass null or undefined to indexOf in Firefox 4
|
|
// Set to 0 to skip string check
|
|
qualifier = qualifier || 0;
|
|
|
|
if ( jQuery.isFunction( qualifier ) ) {
|
|
return jQuery.grep(elements, function( elem, i ) {
|
|
var retVal = !!qualifier.call( elem, i, elem );
|
|
return retVal === keep;
|
|
});
|
|
|
|
} else if ( qualifier.nodeType ) {
|
|
return jQuery.grep(elements, function( elem ) {
|
|
return ( elem === qualifier ) === keep;
|
|
});
|
|
|
|
} else if ( typeof qualifier === "string" ) {
|
|
var filtered = jQuery.grep(elements, function( elem ) {
|
|
return elem.nodeType === 1;
|
|
});
|
|
|
|
if ( isSimple.test( qualifier ) ) {
|
|
return jQuery.filter(qualifier, filtered, !keep);
|
|
} else {
|
|
qualifier = jQuery.filter( qualifier, filtered );
|
|
}
|
|
}
|
|
|
|
return jQuery.grep(elements, function( elem ) {
|
|
return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep;
|
|
});
|
|
}
|
|
function createSafeFragment( document ) {
|
|
var list = nodeNames.split( "|" ),
|
|
safeFrag = document.createDocumentFragment();
|
|
|
|
if ( safeFrag.createElement ) {
|
|
while ( list.length ) {
|
|
safeFrag.createElement(
|
|
list.pop()
|
|
);
|
|
}
|
|
}
|
|
return safeFrag;
|
|
}
|
|
|
|
var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
|
|
"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
|
|
rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
|
|
rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
|
|
rleadingWhitespace = /^\s+/,
|
|
rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
|
|
rtagName = /<([\w:]+)/,
|
|
rtbody = /<tbody/i,
|
|
rhtml = /<|&#?\w+;/,
|
|
rnoInnerhtml = /<(?:script|style|link)/i,
|
|
manipulation_rcheckableType = /^(?:checkbox|radio)$/i,
|
|
// checked="checked" or checked
|
|
rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
|
|
rscriptType = /^$|\/(?:java|ecma)script/i,
|
|
rscriptTypeMasked = /^true\/(.*)/,
|
|
rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
|
|
|
|
// We have to close these tags to support XHTML (#13200)
|
|
wrapMap = {
|
|
option: [ 1, "<select multiple='multiple'>", "</select>" ],
|
|
legend: [ 1, "<fieldset>", "</fieldset>" ],
|
|
area: [ 1, "<map>", "</map>" ],
|
|
param: [ 1, "<object>", "</object>" ],
|
|
thead: [ 1, "<table>", "</table>" ],
|
|
tr: [ 2, "<table><tbody>", "</tbody></table>" ],
|
|
col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
|
|
td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
|
|
|
|
// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
|
|
// unless wrapped in a div with non-breaking characters in front of it.
|
|
_default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>" ]
|
|
},
|
|
safeFragment = createSafeFragment( document ),
|
|
fragmentDiv = safeFragment.appendChild( document.createElement("div") );
|
|
|
|
wrapMap.optgroup = wrapMap.option;
|
|
wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
|
|
wrapMap.th = wrapMap.td;
|
|
|
|
jQuery.fn.extend({
|
|
text: function( value ) {
|
|
return jQuery.access( this, function( value ) {
|
|
return value === undefined ?
|
|
jQuery.text( this ) :
|
|
this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
|
|
}, null, value, arguments.length );
|
|
},
|
|
|
|
wrapAll: function( html ) {
|
|
if ( jQuery.isFunction( html ) ) {
|
|
return this.each(function(i) {
|
|
jQuery(this).wrapAll( html.call(this, i) );
|
|
});
|
|
}
|
|
|
|
if ( this[0] ) {
|
|
// The elements to wrap the target around
|
|
var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
|
|
|
|
if ( this[0].parentNode ) {
|
|
wrap.insertBefore( this[0] );
|
|
}
|
|
|
|
wrap.map(function() {
|
|
var elem = this;
|
|
|
|
while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
|
|
elem = elem.firstChild;
|
|
}
|
|
|
|
return elem;
|
|
}).append( this );
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
wrapInner: function( html ) {
|
|
if ( jQuery.isFunction( html ) ) {
|
|
return this.each(function(i) {
|
|
jQuery(this).wrapInner( html.call(this, i) );
|
|
});
|
|
}
|
|
|
|
return this.each(function() {
|
|
var self = jQuery( this ),
|
|
contents = self.contents();
|
|
|
|
if ( contents.length ) {
|
|
contents.wrapAll( html );
|
|
|
|
} else {
|
|
self.append( html );
|
|
}
|
|
});
|
|
},
|
|
|
|
wrap: function( html ) {
|
|
var isFunction = jQuery.isFunction( html );
|
|
|
|
return this.each(function(i) {
|
|
jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
|
|
});
|
|
},
|
|
|
|
unwrap: function() {
|
|
return this.parent().each(function() {
|
|
if ( !jQuery.nodeName( this, "body" ) ) {
|
|
jQuery( this ).replaceWith( this.childNodes );
|
|
}
|
|
}).end();
|
|
},
|
|
|
|
append: function() {
|
|
return this.domManip(arguments, true, function( elem ) {
|
|
if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
|
|
this.appendChild( elem );
|
|
}
|
|
});
|
|
},
|
|
|
|
prepend: function() {
|
|
return this.domManip(arguments, true, function( elem ) {
|
|
if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
|
|
this.insertBefore( elem, this.firstChild );
|
|
}
|
|
});
|
|
},
|
|
|
|
before: function() {
|
|
return this.domManip( arguments, false, function( elem ) {
|
|
if ( this.parentNode ) {
|
|
this.parentNode.insertBefore( elem, this );
|
|
}
|
|
});
|
|
},
|
|
|
|
after: function() {
|
|
return this.domManip( arguments, false, function( elem ) {
|
|
if ( this.parentNode ) {
|
|
this.parentNode.insertBefore( elem, this.nextSibling );
|
|
}
|
|
});
|
|
},
|
|
|
|
// keepData is for internal use only--do not document
|
|
remove: function( selector, keepData ) {
|
|
var elem,
|
|
i = 0;
|
|
|
|
for ( ; (elem = this[i]) != null; i++ ) {
|
|
if ( !selector || jQuery.filter( selector, [ elem ] ).length > 0 ) {
|
|
if ( !keepData && elem.nodeType === 1 ) {
|
|
jQuery.cleanData( getAll( elem ) );
|
|
}
|
|
|
|
if ( elem.parentNode ) {
|
|
if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
|
|
setGlobalEval( getAll( elem, "script" ) );
|
|
}
|
|
elem.parentNode.removeChild( elem );
|
|
}
|
|
}
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
empty: function() {
|
|
var elem,
|
|
i = 0;
|
|
|
|
for ( ; (elem = this[i]) != null; i++ ) {
|
|
// Remove element nodes and prevent memory leaks
|
|
if ( elem.nodeType === 1 ) {
|
|
jQuery.cleanData( getAll( elem, false ) );
|
|
}
|
|
|
|
// Remove any remaining nodes
|
|
while ( elem.firstChild ) {
|
|
elem.removeChild( elem.firstChild );
|
|
}
|
|
|
|
// If this is a select, ensure that it displays empty (#12336)
|
|
// Support: IE<9
|
|
if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
|
|
elem.options.length = 0;
|
|
}
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
clone: function( dataAndEvents, deepDataAndEvents ) {
|
|
dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
|
|
deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
|
|
|
|
return this.map( function () {
|
|
return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
|
|
});
|
|
},
|
|
|
|
html: function( value ) {
|
|
return jQuery.access( this, function( value ) {
|
|
var elem = this[0] || {},
|
|
i = 0,
|
|
l = this.length;
|
|
|
|
if ( value === undefined ) {
|
|
return elem.nodeType === 1 ?
|
|
elem.innerHTML.replace( rinlinejQuery, "" ) :
|
|
undefined;
|
|
}
|
|
|
|
// See if we can take a shortcut and just use innerHTML
|
|
if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
|
|
( jQuery.support.htmlSerialize || !rnoshimcache.test( value ) ) &&
|
|
( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
|
|
!wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
|
|
|
|
value = value.replace( rxhtmlTag, "<$1></$2>" );
|
|
|
|
try {
|
|
for (; i < l; i++ ) {
|
|
// Remove element nodes and prevent memory leaks
|
|
elem = this[i] || {};
|
|
if ( elem.nodeType === 1 ) {
|
|
jQuery.cleanData( getAll( elem, false ) );
|
|
elem.innerHTML = value;
|
|
}
|
|
}
|
|
|
|
elem = 0;
|
|
|
|
// If using innerHTML throws an exception, use the fallback method
|
|
} catch(e) {}
|
|
}
|
|
|
|
if ( elem ) {
|
|
this.empty().append( value );
|
|
}
|
|
}, null, value, arguments.length );
|
|
},
|
|
|
|
replaceWith: function( value ) {
|
|
var isFunc = jQuery.isFunction( value );
|
|
|
|
// Make sure that the elements are removed from the DOM before they are inserted
|
|
// this can help fix replacing a parent with child elements
|
|
if ( !isFunc && typeof value !== "string" ) {
|
|
value = jQuery( value ).not( this ).detach();
|
|
}
|
|
|
|
return this.domManip( [ value ], true, function( elem ) {
|
|
var next = this.nextSibling,
|
|
parent = this.parentNode;
|
|
|
|
if ( parent ) {
|
|
jQuery( this ).remove();
|
|
parent.insertBefore( elem, next );
|
|
}
|
|
});
|
|
},
|
|
|
|
detach: function( selector ) {
|
|
return this.remove( selector, true );
|
|
},
|
|
|
|
domManip: function( args, table, callback ) {
|
|
|
|
// Flatten any nested arrays
|
|
args = core_concat.apply( [], args );
|
|
|
|
var first, node, hasScripts,
|
|
scripts, doc, fragment,
|
|
i = 0,
|
|
l = this.length,
|
|
set = this,
|
|
iNoClone = l - 1,
|
|
value = args[0],
|
|
isFunction = jQuery.isFunction( value );
|
|
|
|
// We can't cloneNode fragments that contain checked, in WebKit
|
|
if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) {
|
|
return this.each(function( index ) {
|
|
var self = set.eq( index );
|
|
if ( isFunction ) {
|
|
args[0] = value.call( this, index, table ? self.html() : undefined );
|
|
}
|
|
self.domManip( args, table, callback );
|
|
});
|
|
}
|
|
|
|
if ( l ) {
|
|
fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this );
|
|
first = fragment.firstChild;
|
|
|
|
if ( fragment.childNodes.length === 1 ) {
|
|
fragment = first;
|
|
}
|
|
|
|
if ( first ) {
|
|
table = table && jQuery.nodeName( first, "tr" );
|
|
scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
|
|
hasScripts = scripts.length;
|
|
|
|
// Use the original fragment for the last item instead of the first because it can end up
|
|
// being emptied incorrectly in certain situations (#8070).
|
|
for ( ; i < l; i++ ) {
|
|
node = fragment;
|
|
|
|
if ( i !== iNoClone ) {
|
|
node = jQuery.clone( node, true, true );
|
|
|
|
// Keep references to cloned scripts for later restoration
|
|
if ( hasScripts ) {
|
|
jQuery.merge( scripts, getAll( node, "script" ) );
|
|
}
|
|
}
|
|
|
|
callback.call(
|
|
table && jQuery.nodeName( this[i], "table" ) ?
|
|
findOrAppend( this[i], "tbody" ) :
|
|
this[i],
|
|
node,
|
|
i
|
|
);
|
|
}
|
|
|
|
if ( hasScripts ) {
|
|
doc = scripts[ scripts.length - 1 ].ownerDocument;
|
|
|
|
// Reenable scripts
|
|
jQuery.map( scripts, restoreScript );
|
|
|
|
// Evaluate executable scripts on first document insertion
|
|
for ( i = 0; i < hasScripts; i++ ) {
|
|
node = scripts[ i ];
|
|
if ( rscriptType.test( node.type || "" ) &&
|
|
!jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
|
|
|
|
if ( node.src ) {
|
|
// Hope ajax is available...
|
|
jQuery.ajax({
|
|
url: node.src,
|
|
type: "GET",
|
|
dataType: "script",
|
|
async: false,
|
|
global: false,
|
|
"throws": true
|
|
});
|
|
} else {
|
|
jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Fix #11809: Avoid leaking memory
|
|
fragment = first = null;
|
|
}
|
|
}
|
|
|
|
return this;
|
|
}
|
|
});
|
|
|
|
function findOrAppend( elem, tag ) {
|
|
return elem.getElementsByTagName( tag )[0] || elem.appendChild( elem.ownerDocument.createElement( tag ) );
|
|
}
|
|
|
|
// Replace/restore the type attribute of script elements for safe DOM manipulation
|
|
function disableScript( elem ) {
|
|
var attr = elem.getAttributeNode("type");
|
|
elem.type = ( attr && attr.specified ) + "/" + elem.type;
|
|
return elem;
|
|
}
|
|
function restoreScript( elem ) {
|
|
var match = rscriptTypeMasked.exec( elem.type );
|
|
if ( match ) {
|
|
elem.type = match[1];
|
|
} else {
|
|
elem.removeAttribute("type");
|
|
}
|
|
return elem;
|
|
}
|
|
|
|
// Mark scripts as having already been evaluated
|
|
function setGlobalEval( elems, refElements ) {
|
|
var elem,
|
|
i = 0;
|
|
for ( ; (elem = elems[i]) != null; i++ ) {
|
|
jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
|
|
}
|
|
}
|
|
|
|
function cloneCopyEvent( src, dest ) {
|
|
|
|
if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
|
|
return;
|
|
}
|
|
|
|
var type, i, l,
|
|
oldData = jQuery._data( src ),
|
|
curData = jQuery._data( dest, oldData ),
|
|
events = oldData.events;
|
|
|
|
if ( events ) {
|
|
delete curData.handle;
|
|
curData.events = {};
|
|
|
|
for ( type in events ) {
|
|
for ( i = 0, l = events[ type ].length; i < l; i++ ) {
|
|
jQuery.event.add( dest, type, events[ type ][ i ] );
|
|
}
|
|
}
|
|
}
|
|
|
|
// make the cloned public data object a copy from the original
|
|
if ( curData.data ) {
|
|
curData.data = jQuery.extend( {}, curData.data );
|
|
}
|
|
}
|
|
|
|
function fixCloneNodeIssues( src, dest ) {
|
|
var nodeName, e, data;
|
|
|
|
// We do not need to do anything for non-Elements
|
|
if ( dest.nodeType !== 1 ) {
|
|
return;
|
|
}
|
|
|
|
nodeName = dest.nodeName.toLowerCase();
|
|
|
|
// IE6-8 copies events bound via attachEvent when using cloneNode.
|
|
if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) {
|
|
data = jQuery._data( dest );
|
|
|
|
for ( e in data.events ) {
|
|
jQuery.removeEvent( dest, e, data.handle );
|
|
}
|
|
|
|
// Event data gets referenced instead of copied if the expando gets copied too
|
|
dest.removeAttribute( jQuery.expando );
|
|
}
|
|
|
|
// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
|
|
if ( nodeName === "script" && dest.text !== src.text ) {
|
|
disableScript( dest ).text = src.text;
|
|
restoreScript( dest );
|
|
|
|
// IE6-10 improperly clones children of object elements using classid.
|
|
// IE10 throws NoModificationAllowedError if parent is null, #12132.
|
|
} else if ( nodeName === "object" ) {
|
|
if ( dest.parentNode ) {
|
|
dest.outerHTML = src.outerHTML;
|
|
}
|
|
|
|
// This path appears unavoidable for IE9. When cloning an object
|
|
// element in IE9, the outerHTML strategy above is not sufficient.
|
|
// If the src has innerHTML and the destination does not,
|
|
// copy the src.innerHTML into the dest.innerHTML. #10324
|
|
if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
|
|
dest.innerHTML = src.innerHTML;
|
|
}
|
|
|
|
} else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) {
|
|
// IE6-8 fails to persist the checked state of a cloned checkbox
|
|
// or radio button. Worse, IE6-7 fail to give the cloned element
|
|
// a checked appearance if the defaultChecked value isn't also set
|
|
|
|
dest.defaultChecked = dest.checked = src.checked;
|
|
|
|
// IE6-7 get confused and end up setting the value of a cloned
|
|
// checkbox/radio button to an empty string instead of "on"
|
|
if ( dest.value !== src.value ) {
|
|
dest.value = src.value;
|
|
}
|
|
|
|
// IE6-8 fails to return the selected option to the default selected
|
|
// state when cloning options
|
|
} else if ( nodeName === "option" ) {
|
|
dest.defaultSelected = dest.selected = src.defaultSelected;
|
|
|
|
// IE6-8 fails to set the defaultValue to the correct value when
|
|
// cloning other types of input fields
|
|
} else if ( nodeName === "input" || nodeName === "textarea" ) {
|
|
dest.defaultValue = src.defaultValue;
|
|
}
|
|
}
|
|
|
|
jQuery.each({
|
|
appendTo: "append",
|
|
prependTo: "prepend",
|
|
insertBefore: "before",
|
|
insertAfter: "after",
|
|
replaceAll: "replaceWith"
|
|
}, function( name, original ) {
|
|
jQuery.fn[ name ] = function( selector ) {
|
|
var elems,
|
|
i = 0,
|
|
ret = [],
|
|
insert = jQuery( selector ),
|
|
last = insert.length - 1;
|
|
|
|
for ( ; i <= last; i++ ) {
|
|
elems = i === last ? this : this.clone(true);
|
|
jQuery( insert[i] )[ original ]( elems );
|
|
|
|
// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
|
|
core_push.apply( ret, elems.get() );
|
|
}
|
|
|
|
return this.pushStack( ret );
|
|
};
|
|
});
|
|
|
|
function getAll( context, tag ) {
|
|
var elems, elem,
|
|
i = 0,
|
|
found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) :
|
|
typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) :
|
|
undefined;
|
|
|
|
if ( !found ) {
|
|
for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
|
|
if ( !tag || jQuery.nodeName( elem, tag ) ) {
|
|
found.push( elem );
|
|
} else {
|
|
jQuery.merge( found, getAll( elem, tag ) );
|
|
}
|
|
}
|
|
}
|
|
|
|
return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
|
|
jQuery.merge( [ context ], found ) :
|
|
found;
|
|
}
|
|
|
|
// Used in buildFragment, fixes the defaultChecked property
|
|
function fixDefaultChecked( elem ) {
|
|
if ( manipulation_rcheckableType.test( elem.type ) ) {
|
|
elem.defaultChecked = elem.checked;
|
|
}
|
|
}
|
|
|
|
jQuery.extend({
|
|
clone: function( elem, dataAndEvents, deepDataAndEvents ) {
|
|
var destElements, node, clone, i, srcElements,
|
|
inPage = jQuery.contains( elem.ownerDocument, elem );
|
|
|
|
if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
|
|
clone = elem.cloneNode( true );
|
|
|
|
// IE<=8 does not properly clone detached, unknown element nodes
|
|
} else {
|
|
fragmentDiv.innerHTML = elem.outerHTML;
|
|
fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
|
|
}
|
|
|
|
if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
|
|
(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
|
|
|
|
// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
|
|
destElements = getAll( clone );
|
|
srcElements = getAll( elem );
|
|
|
|
// Fix all IE cloning issues
|
|
for ( i = 0; (node = srcElements[i]) != null; ++i ) {
|
|
// Ensure that the destination node is not null; Fixes #9587
|
|
if ( destElements[i] ) {
|
|
fixCloneNodeIssues( node, destElements[i] );
|
|
}
|
|
}
|
|
}
|
|
|
|
// Copy the events from the original to the clone
|
|
if ( dataAndEvents ) {
|
|
if ( deepDataAndEvents ) {
|
|
srcElements = srcElements || getAll( elem );
|
|
destElements = destElements || getAll( clone );
|
|
|
|
for ( i = 0; (node = srcElements[i]) != null; i++ ) {
|
|
cloneCopyEvent( node, destElements[i] );
|
|
}
|
|
} else {
|
|
cloneCopyEvent( elem, clone );
|
|
}
|
|
}
|
|
|
|
// Preserve script evaluation history
|
|
destElements = getAll( clone, "script" );
|
|
if ( destElements.length > 0 ) {
|
|
setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
|
|
}
|
|
|
|
destElements = srcElements = node = null;
|
|
|
|
// Return the cloned set
|
|
return clone;
|
|
},
|
|
|
|
buildFragment: function( elems, context, scripts, selection ) {
|
|
var j, elem, contains,
|
|
tmp, tag, tbody, wrap,
|
|
l = elems.length,
|
|
|
|
// Ensure a safe fragment
|
|
safe = createSafeFragment( context ),
|
|
|
|
nodes = [],
|
|
i = 0;
|
|
|
|
for ( ; i < l; i++ ) {
|
|
elem = elems[ i ];
|
|
|
|
if ( elem || elem === 0 ) {
|
|
|
|
// Add nodes directly
|
|
if ( jQuery.type( elem ) === "object" ) {
|
|
jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
|
|
|
|
// Convert non-html into a text node
|
|
} else if ( !rhtml.test( elem ) ) {
|
|
nodes.push( context.createTextNode( elem ) );
|
|
|
|
// Convert html into DOM nodes
|
|
} else {
|
|
tmp = tmp || safe.appendChild( context.createElement("div") );
|
|
|
|
// Deserialize a standard representation
|
|
tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
|
|
wrap = wrapMap[ tag ] || wrapMap._default;
|
|
|
|
tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
|
|
|
|
// Descend through wrappers to the right content
|
|
j = wrap[0];
|
|
while ( j-- ) {
|
|
tmp = tmp.lastChild;
|
|
}
|
|
|
|
// Manually add leading whitespace removed by IE
|
|
if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
|
|
nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
|
|
}
|
|
|
|
// Remove IE's autoinserted <tbody> from table fragments
|
|
if ( !jQuery.support.tbody ) {
|
|
|
|
// String was a <table>, *may* have spurious <tbody>
|
|
elem = tag === "table" && !rtbody.test( elem ) ?
|
|
tmp.firstChild :
|
|
|
|
// String was a bare <thead> or <tfoot>
|
|
wrap[1] === "<table>" && !rtbody.test( elem ) ?
|
|
tmp :
|
|
0;
|
|
|
|
j = elem && elem.childNodes.length;
|
|
while ( j-- ) {
|
|
if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
|
|
elem.removeChild( tbody );
|
|
}
|
|
}
|
|
}
|
|
|
|
jQuery.merge( nodes, tmp.childNodes );
|
|
|
|
// Fix #12392 for WebKit and IE > 9
|
|
tmp.textContent = "";
|
|
|
|
// Fix #12392 for oldIE
|
|
while ( tmp.firstChild ) {
|
|
tmp.removeChild( tmp.firstChild );
|
|
}
|
|
|
|
// Remember the top-level container for proper cleanup
|
|
tmp = safe.lastChild;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Fix #11356: Clear elements from fragment
|
|
if ( tmp ) {
|
|
safe.removeChild( tmp );
|
|
}
|
|
|
|
// Reset defaultChecked for any radios and checkboxes
|
|
// about to be appended to the DOM in IE 6/7 (#8060)
|
|
if ( !jQuery.support.appendChecked ) {
|
|
jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
|
|
}
|
|
|
|
i = 0;
|
|
while ( (elem = nodes[ i++ ]) ) {
|
|
|
|
// #4087 - If origin and destination elements are the same, and this is
|
|
// that element, do not do anything
|
|
if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
|
|
continue;
|
|
}
|
|
|
|
contains = jQuery.contains( elem.ownerDocument, elem );
|
|
|
|
// Append to fragment
|
|
tmp = getAll( safe.appendChild( elem ), "script" );
|
|
|
|
// Preserve script evaluation history
|
|
if ( contains ) {
|
|
setGlobalEval( tmp );
|
|
}
|
|
|
|
// Capture executables
|
|
if ( scripts ) {
|
|
j = 0;
|
|
while ( (elem = tmp[ j++ ]) ) {
|
|
if ( rscriptType.test( elem.type || "" ) ) {
|
|
scripts.push( elem );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
tmp = null;
|
|
|
|
return safe;
|
|
},
|
|
|
|
cleanData: function( elems, /* internal */ acceptData ) {
|
|
var elem, type, id, data,
|
|
i = 0,
|
|
internalKey = jQuery.expando,
|
|
cache = jQuery.cache,
|
|
deleteExpando = jQuery.support.deleteExpando,
|
|
special = jQuery.event.special;
|
|
|
|
for ( ; (elem = elems[i]) != null; i++ ) {
|
|
|
|
if ( acceptData || jQuery.acceptData( elem ) ) {
|
|
|
|
id = elem[ internalKey ];
|
|
data = id && cache[ id ];
|
|
|
|
if ( data ) {
|
|
if ( data.events ) {
|
|
for ( type in data.events ) {
|
|
if ( special[ type ] ) {
|
|
jQuery.event.remove( elem, type );
|
|
|
|
// This is a shortcut to avoid jQuery.event.remove's overhead
|
|
} else {
|
|
jQuery.removeEvent( elem, type, data.handle );
|
|
}
|
|
}
|
|
}
|
|
|
|
// Remove cache only if it was not already removed by jQuery.event.remove
|
|
if ( cache[ id ] ) {
|
|
|
|
delete cache[ id ];
|
|
|
|
// IE does not allow us to delete expando properties from nodes,
|
|
// nor does it have a removeAttribute function on Document nodes;
|
|
// we must handle all of these cases
|
|
if ( deleteExpando ) {
|
|
delete elem[ internalKey ];
|
|
|
|
} else if ( typeof elem.removeAttribute !== core_strundefined ) {
|
|
elem.removeAttribute( internalKey );
|
|
|
|
} else {
|
|
elem[ internalKey ] = null;
|
|
}
|
|
|
|
core_deletedIds.push( id );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
var iframe, getStyles, curCSS,
|
|
ralpha = /alpha\([^)]*\)/i,
|
|
ropacity = /opacity\s*=\s*([^)]*)/,
|
|
rposition = /^(top|right|bottom|left)$/,
|
|
// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
|
|
// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
|
|
rdisplayswap = /^(none|table(?!-c[ea]).+)/,
|
|
rmargin = /^margin/,
|
|
rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
|
|
rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
|
|
rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ),
|
|
elemdisplay = { BODY: "block" },
|
|
|
|
cssShow = { position: "absolute", visibility: "hidden", display: "block" },
|
|
cssNormalTransform = {
|
|
letterSpacing: 0,
|
|
fontWeight: 400
|
|
},
|
|
|
|
cssExpand = [ "Top", "Right", "Bottom", "Left" ],
|
|
cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
|
|
|
|
// return a css property mapped to a potentially vendor prefixed property
|
|
function vendorPropName( style, name ) {
|
|
|
|
// shortcut for names that are not vendor prefixed
|
|
if ( name in style ) {
|
|
return name;
|
|
}
|
|
|
|
// check for vendor prefixed names
|
|
var capName = name.charAt(0).toUpperCase() + name.slice(1),
|
|
origName = name,
|
|
i = cssPrefixes.length;
|
|
|
|
while ( i-- ) {
|
|
name = cssPrefixes[ i ] + capName;
|
|
if ( name in style ) {
|
|
return name;
|
|
}
|
|
}
|
|
|
|
return origName;
|
|
}
|
|
|
|
function isHidden( elem, el ) {
|
|
// isHidden might be called from jQuery#filter function;
|
|
// in that case, element will be second argument
|
|
elem = el || elem;
|
|
return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
|
|
}
|
|
|
|
function showHide( elements, show ) {
|
|
var display, elem, hidden,
|
|
values = [],
|
|
index = 0,
|
|
length = elements.length;
|
|
|
|
for ( ; index < length; index++ ) {
|
|
elem = elements[ index ];
|
|
if ( !elem.style ) {
|
|
continue;
|
|
}
|
|
|
|
values[ index ] = jQuery._data( elem, "olddisplay" );
|
|
display = elem.style.display;
|
|
if ( show ) {
|
|
// Reset the inline display of this element to learn if it is
|
|
// being hidden by cascaded rules or not
|
|
if ( !values[ index ] && display === "none" ) {
|
|
elem.style.display = "";
|
|
}
|
|
|
|
// Set elements which have been overridden with display: none
|
|
// in a stylesheet to whatever the default browser style is
|
|
// for such an element
|
|
if ( elem.style.display === "" && isHidden( elem ) ) {
|
|
values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
|
|
}
|
|
} else {
|
|
|
|
if ( !values[ index ] ) {
|
|
hidden = isHidden( elem );
|
|
|
|
if ( display && display !== "none" || !hidden ) {
|
|
jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Set the display of most of the elements in a second loop
|
|
// to avoid the constant reflow
|
|
for ( index = 0; index < length; index++ ) {
|
|
elem = elements[ index ];
|
|
if ( !elem.style ) {
|
|
continue;
|
|
}
|
|
if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
|
|
elem.style.display = show ? values[ index ] || "" : "none";
|
|
}
|
|
}
|
|
|
|
return elements;
|
|
}
|
|
|
|
jQuery.fn.extend({
|
|
css: function( name, value ) {
|
|
return jQuery.access( this, function( elem, name, value ) {
|
|
var len, styles,
|
|
map = {},
|
|
i = 0;
|
|
|
|
if ( jQuery.isArray( name ) ) {
|
|
styles = getStyles( elem );
|
|
len = name.length;
|
|
|
|
for ( ; i < len; i++ ) {
|
|
map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
|
|
}
|
|
|
|
return map;
|
|
}
|
|
|
|
return value !== undefined ?
|
|
jQuery.style( elem, name, value ) :
|
|
jQuery.css( elem, name );
|
|
}, name, value, arguments.length > 1 );
|
|
},
|
|
show: function() {
|
|
return showHide( this, true );
|
|
},
|
|
hide: function() {
|
|
return showHide( this );
|
|
},
|
|
toggle: function( state ) {
|
|
var bool = typeof state === "boolean";
|
|
|
|
return this.each(function() {
|
|
if ( bool ? state : isHidden( this ) ) {
|
|
jQuery( this ).show();
|
|
} else {
|
|
jQuery( this ).hide();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
jQuery.extend({
|
|
// Add in style property hooks for overriding the default
|
|
// behavior of getting and setting a style property
|
|
cssHooks: {
|
|
opacity: {
|
|
get: function( elem, computed ) {
|
|
if ( computed ) {
|
|
// We should always get a number back from opacity
|
|
var ret = curCSS( elem, "opacity" );
|
|
return ret === "" ? "1" : ret;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
// Exclude the following css properties to add px
|
|
cssNumber: {
|
|
"columnCount": true,
|
|
"fillOpacity": true,
|
|
"fontWeight": true,
|
|
"lineHeight": true,
|
|
"opacity": true,
|
|
"orphans": true,
|
|
"widows": true,
|
|
"zIndex": true,
|
|
"zoom": true
|
|
},
|
|
|
|
// Add in properties whose names you wish to fix before
|
|
// setting or getting the value
|
|
cssProps: {
|
|
// normalize float css property
|
|
"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
|
|
},
|
|
|
|
// Get and set the style property on a DOM Node
|
|
style: function( elem, name, value, extra ) {
|
|
// Don't set styles on text and comment nodes
|
|
if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
|
|
return;
|
|
}
|
|
|
|
// Make sure that we're working with the right name
|
|
var ret, type, hooks,
|
|
origName = jQuery.camelCase( name ),
|
|
style = elem.style;
|
|
|
|
name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
|
|
|
|
// gets hook for the prefixed version
|
|
// followed by the unprefixed version
|
|
hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
|
|
|
|
// Check if we're setting a value
|
|
if ( value !== undefined ) {
|
|
type = typeof value;
|
|
|
|
// convert relative number strings (+= or -=) to relative numbers. #7345
|
|
if ( type === "string" && (ret = rrelNum.exec( value )) ) {
|
|
value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
|
|
// Fixes bug #9237
|
|
type = "number";
|
|
}
|
|
|
|
// Make sure that NaN and null values aren't set. See: #7116
|
|
if ( value == null || type === "number" && isNaN( value ) ) {
|
|
return;
|
|
}
|
|
|
|
// If a number was passed in, add 'px' to the (except for certain CSS properties)
|
|
if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
|
|
value += "px";
|
|
}
|
|
|
|
// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
|
|
// but it would mean to define eight (for every problematic property) identical functions
|
|
if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
|
|
style[ name ] = "inherit";
|
|
}
|
|
|
|
// If a hook was provided, use that value, otherwise just set the specified value
|
|
if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
|
|
|
|
// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
|
|
// Fixes bug #5509
|
|
try {
|
|
style[ name ] = value;
|
|
} catch(e) {}
|
|
}
|
|
|
|
} else {
|
|
// If a hook was provided get the non-computed value from there
|
|
if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
|
|
return ret;
|
|
}
|
|
|
|
// Otherwise just get the value from the style object
|
|
return style[ name ];
|
|
}
|
|
},
|
|
|
|
css: function( elem, name, extra, styles ) {
|
|
var num, val, hooks,
|
|
origName = jQuery.camelCase( name );
|
|
|
|
// Make sure that we're working with the right name
|
|
name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
|
|
|
|
// gets hook for the prefixed version
|
|
// followed by the unprefixed version
|
|
hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
|
|
|
|
// If a hook was provided get the computed value from there
|
|
if ( hooks && "get" in hooks ) {
|
|
val = hooks.get( elem, true, extra );
|
|
}
|
|
|
|
// Otherwise, if a way to get the computed value exists, use that
|
|
if ( val === undefined ) {
|
|
val = curCSS( elem, name, styles );
|
|
}
|
|
|
|
//convert "normal" to computed value
|
|
if ( val === "normal" && name in cssNormalTransform ) {
|
|
val = cssNormalTransform[ name ];
|
|
}
|
|
|
|
// Return, converting to number if forced or a qualifier was provided and val looks numeric
|
|
if ( extra === "" || extra ) {
|
|
num = parseFloat( val );
|
|
return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
|
|
}
|
|
return val;
|
|
},
|
|
|
|
// A method for quickly swapping in/out CSS properties to get correct calculations
|
|
swap: function( elem, options, callback, args ) {
|
|
var ret, name,
|
|
old = {};
|
|
|
|
// Remember the old values, and insert the new ones
|
|
for ( name in options ) {
|
|
old[ name ] = elem.style[ name ];
|
|
elem.style[ name ] = options[ name ];
|
|
}
|
|
|
|
ret = callback.apply( elem, args || [] );
|
|
|
|
// Revert the old values
|
|
for ( name in options ) {
|
|
elem.style[ name ] = old[ name ];
|
|
}
|
|
|
|
return ret;
|
|
}
|
|
});
|
|
|
|
// NOTE: we've included the "window" in window.getComputedStyle
|
|
// because jsdom on node.js will break without it.
|
|
if ( window.getComputedStyle ) {
|
|
getStyles = function( elem ) {
|
|
return window.getComputedStyle( elem, null );
|
|
};
|
|
|
|
curCSS = function( elem, name, _computed ) {
|
|
var width, minWidth, maxWidth,
|
|
computed = _computed || getStyles( elem ),
|
|
|
|
// getPropertyValue is only needed for .css('filter') in IE9, see #12537
|
|
ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined,
|
|
style = elem.style;
|
|
|
|
if ( computed ) {
|
|
|
|
if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
|
|
ret = jQuery.style( elem, name );
|
|
}
|
|
|
|
// A tribute to the "awesome hack by Dean Edwards"
|
|
// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
|
|
// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
|
|
// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
|
|
if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
|
|
|
|
// Remember the original values
|
|
width = style.width;
|
|
minWidth = style.minWidth;
|
|
maxWidth = style.maxWidth;
|
|
|
|
// Put in the new values to get a computed value out
|
|
style.minWidth = style.maxWidth = style.width = ret;
|
|
ret = computed.width;
|
|
|
|
// Revert the changed values
|
|
style.width = width;
|
|
style.minWidth = minWidth;
|
|
style.maxWidth = maxWidth;
|
|
}
|
|
}
|
|
|
|
return ret;
|
|
};
|
|
} else if ( document.documentElement.currentStyle ) {
|
|
getStyles = function( elem ) {
|
|
return elem.currentStyle;
|
|
};
|
|
|
|
curCSS = function( elem, name, _computed ) {
|
|
var left, rs, rsLeft,
|
|
computed = _computed || getStyles( elem ),
|
|
ret = computed ? computed[ name ] : undefined,
|
|
style = elem.style;
|
|
|
|
// Avoid setting ret to empty string here
|
|
// so we don't default to auto
|
|
if ( ret == null && style && style[ name ] ) {
|
|
ret = style[ name ];
|
|
}
|
|
|
|
// From the awesome hack by Dean Edwards
|
|
// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
|
|
|
|
// If we're not dealing with a regular pixel number
|
|
// but a number that has a weird ending, we need to convert it to pixels
|
|
// but not position css attributes, as those are proportional to the parent element instead
|
|
// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
|
|
if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
|
|
|
|
// Remember the original values
|
|
left = style.left;
|
|
rs = elem.runtimeStyle;
|
|
rsLeft = rs && rs.left;
|
|
|
|
// Put in the new values to get a computed value out
|
|
if ( rsLeft ) {
|
|
rs.left = elem.currentStyle.left;
|
|
}
|
|
style.left = name === "fontSize" ? "1em" : ret;
|
|
ret = style.pixelLeft + "px";
|
|
|
|
// Revert the changed values
|
|
style.left = left;
|
|
if ( rsLeft ) {
|
|
rs.left = rsLeft;
|
|
}
|
|
}
|
|
|
|
return ret === "" ? "auto" : ret;
|
|
};
|
|
}
|
|
|
|
function setPositiveNumber( elem, value, subtract ) {
|
|
var matches = rnumsplit.exec( value );
|
|
return matches ?
|
|
// Guard against undefined "subtract", e.g., when used as in cssHooks
|
|
Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
|
|
value;
|
|
}
|
|
|
|
function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
|
|
var i = extra === ( isBorderBox ? "border" : "content" ) ?
|
|
// If we already have the right measurement, avoid augmentation
|
|
4 :
|
|
// Otherwise initialize for horizontal or vertical properties
|
|
name === "width" ? 1 : 0,
|
|
|
|
val = 0;
|
|
|
|
for ( ; i < 4; i += 2 ) {
|
|
// both box models exclude margin, so add it if we want it
|
|
if ( extra === "margin" ) {
|
|
val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
|
|
}
|
|
|
|
if ( isBorderBox ) {
|
|
// border-box includes padding, so remove it if we want content
|
|
if ( extra === "content" ) {
|
|
val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
|
|
}
|
|
|
|
// at this point, extra isn't border nor margin, so remove border
|
|
if ( extra !== "margin" ) {
|
|
val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
|
|
}
|
|
} else {
|
|
// at this point, extra isn't content, so add padding
|
|
val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
|
|
|
|
// at this point, extra isn't content nor padding, so add border
|
|
if ( extra !== "padding" ) {
|
|
val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
|
|
}
|
|
}
|
|
}
|
|
|
|
return val;
|
|
}
|
|
|
|
function getWidthOrHeight( elem, name, extra ) {
|
|
|
|
// Start with offset property, which is equivalent to the border-box value
|
|
var valueIsBorderBox = true,
|
|
val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
|
|
styles = getStyles( elem ),
|
|
isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
|
|
|
|
// some non-html elements return undefined for offsetWidth, so check for null/undefined
|
|
// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
|
|
// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
|
|
if ( val <= 0 || val == null ) {
|
|
// Fall back to computed then uncomputed css if necessary
|
|
val = curCSS( elem, name, styles );
|
|
if ( val < 0 || val == null ) {
|
|
val = elem.style[ name ];
|
|
}
|
|
|
|
// Computed unit is not pixels. Stop here and return.
|
|
if ( rnumnonpx.test(val) ) {
|
|
return val;
|
|
}
|
|
|
|
// we need the check for style in case a browser which returns unreliable values
|
|
// for getComputedStyle silently falls back to the reliable elem.style
|
|
valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
|
|
|
|
// Normalize "", auto, and prepare for extra
|
|
val = parseFloat( val ) || 0;
|
|
}
|
|
|
|
// use the active box-sizing model to add/subtract irrelevant styles
|
|
return ( val +
|
|
augmentWidthOrHeight(
|
|
elem,
|
|
name,
|
|
extra || ( isBorderBox ? "border" : "content" ),
|
|
valueIsBorderBox,
|
|
styles
|
|
)
|
|
) + "px";
|
|
}
|
|
|
|
// Try to determine the default display value of an element
|
|
function css_defaultDisplay( nodeName ) {
|
|
var doc = document,
|
|
display = elemdisplay[ nodeName ];
|
|
|
|
if ( !display ) {
|
|
display = actualDisplay( nodeName, doc );
|
|
|
|
// If the simple way fails, read from inside an iframe
|
|
if ( display === "none" || !display ) {
|
|
// Use the already-created iframe if possible
|
|
iframe = ( iframe ||
|
|
jQuery("<iframe frameborder='0' width='0' height='0'/>")
|
|
.css( "cssText", "display:block !important" )
|
|
).appendTo( doc.documentElement );
|
|
|
|
// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
|
|
doc = ( iframe[0].contentWindow || iframe[0].contentDocument ).document;
|
|
doc.write("<!doctype html><html><body>");
|
|
doc.close();
|
|
|
|
display = actualDisplay( nodeName, doc );
|
|
iframe.detach();
|
|
}
|
|
|
|
// Store the correct default display
|
|
elemdisplay[ nodeName ] = display;
|
|
}
|
|
|
|
return display;
|
|
}
|
|
|
|
// Called ONLY from within css_defaultDisplay
|
|
function actualDisplay( name, doc ) {
|
|
var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
|
|
display = jQuery.css( elem[0], "display" );
|
|
elem.remove();
|
|
return display;
|
|
}
|
|
|
|
jQuery.each([ "height", "width" ], function( i, name ) {
|
|
jQuery.cssHooks[ name ] = {
|
|
get: function( elem, computed, extra ) {
|
|
if ( computed ) {
|
|
// certain elements can have dimension info if we invisibly show them
|
|
// however, it must have a current display style that would benefit from this
|
|
return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( elem, "display" ) ) ?
|
|
jQuery.swap( elem, cssShow, function() {
|
|
return getWidthOrHeight( elem, name, extra );
|
|
}) :
|
|
getWidthOrHeight( elem, name, extra );
|
|
}
|
|
},
|
|
|
|
set: function( elem, value, extra ) {
|
|
var styles = extra && getStyles( elem );
|
|
return setPositiveNumber( elem, value, extra ?
|
|
augmentWidthOrHeight(
|
|
elem,
|
|
name,
|
|
extra,
|
|
jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
|
|
styles
|
|
) : 0
|
|
);
|
|
}
|
|
};
|
|
});
|
|
|
|
if ( !jQuery.support.opacity ) {
|
|
jQuery.cssHooks.opacity = {
|
|
get: function( elem, computed ) {
|
|
// IE uses filters for opacity
|
|
return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
|
|
( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
|
|
computed ? "1" : "";
|
|
},
|
|
|
|
set: function( elem, value ) {
|
|
var style = elem.style,
|
|
currentStyle = elem.currentStyle,
|
|
opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
|
|
filter = currentStyle && currentStyle.filter || style.filter || "";
|
|
|
|
// IE has trouble with opacity if it does not have layout
|
|
// Force it by setting the zoom level
|
|
style.zoom = 1;
|
|
|
|
// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
|
|
// if value === "", then remove inline opacity #12685
|
|
if ( ( value >= 1 || value === "" ) &&
|
|
jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
|
|
style.removeAttribute ) {
|
|
|
|
// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
|
|
// if "filter:" is present at all, clearType is disabled, we want to avoid this
|
|
// style.removeAttribute is IE Only, but so apparently is this code path...
|
|
style.removeAttribute( "filter" );
|
|
|
|
// if there is no filter style applied in a css rule or unset inline opacity, we are done
|
|
if ( value === "" || currentStyle && !currentStyle.filter ) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// otherwise, set new filter values
|
|
style.filter = ralpha.test( filter ) ?
|
|
filter.replace( ralpha, opacity ) :
|
|
filter + " " + opacity;
|
|
}
|
|
};
|
|
}
|
|
|
|
// These hooks cannot be added until DOM ready because the support test
|
|
// for it is not run until after DOM ready
|
|
jQuery(function() {
|
|
if ( !jQuery.support.reliableMarginRight ) {
|
|
jQuery.cssHooks.marginRight = {
|
|
get: function( elem, computed ) {
|
|
if ( computed ) {
|
|
// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
|
|
// Work around by temporarily setting element display to inline-block
|
|
return jQuery.swap( elem, { "display": "inline-block" },
|
|
curCSS, [ elem, "marginRight" ] );
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
|
|
// getComputedStyle returns percent when specified for top/left/bottom/right
|
|
// rather than make the css module depend on the offset module, we just check for it here
|
|
if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
|
|
jQuery.each( [ "top", "left" ], function( i, prop ) {
|
|
jQuery.cssHooks[ prop ] = {
|
|
get: function( elem, computed ) {
|
|
if ( computed ) {
|
|
computed = curCSS( elem, prop );
|
|
// if curCSS returns percentage, fallback to offset
|
|
return rnumnonpx.test( computed ) ?
|
|
jQuery( elem ).position()[ prop ] + "px" :
|
|
computed;
|
|
}
|
|
}
|
|
};
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
if ( jQuery.expr && jQuery.expr.filters ) {
|
|
jQuery.expr.filters.hidden = function( elem ) {
|
|
// Support: Opera <= 12.12
|
|
// Opera reports offsetWidths and offsetHeights less than zero on some elements
|
|
return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
|
|
(!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
|
|
};
|
|
|
|
jQuery.expr.filters.visible = function( elem ) {
|
|
return !jQuery.expr.filters.hidden( elem );
|
|
};
|
|
}
|
|
|
|
// These hooks are used by animate to expand properties
|
|
jQuery.each({
|
|
margin: "",
|
|
padding: "",
|
|
border: "Width"
|
|
}, function( prefix, suffix ) {
|
|
jQuery.cssHooks[ prefix + suffix ] = {
|
|
expand: function( value ) {
|
|
var i = 0,
|
|
expanded = {},
|
|
|
|
// assumes a single number if not a string
|
|
parts = typeof value === "string" ? value.split(" ") : [ value ];
|
|
|
|
for ( ; i < 4; i++ ) {
|
|
expanded[ prefix + cssExpand[ i ] + suffix ] =
|
|
parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
|
|
}
|
|
|
|
return expanded;
|
|
}
|
|
};
|
|
|
|
if ( !rmargin.test( prefix ) ) {
|
|
jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
|
|
}
|
|
});
|
|
var r20 = /%20/g,
|
|
rbracket = /\[\]$/,
|
|
rCRLF = /\r?\n/g,
|
|
rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
|
|
rsubmittable = /^(?:input|select|textarea|keygen)/i;
|
|
|
|
jQuery.fn.extend({
|
|
serialize: function() {
|
|
return jQuery.param( this.serializeArray() );
|
|
},
|
|
serializeArray: function() {
|
|
return this.map(function(){
|
|
// Can add propHook for "elements" to filter or add form elements
|
|
var elements = jQuery.prop( this, "elements" );
|
|
return elements ? jQuery.makeArray( elements ) : this;
|
|
})
|
|
.filter(function(){
|
|
var type = this.type;
|
|
// Use .is(":disabled") so that fieldset[disabled] works
|
|
return this.name && !jQuery( this ).is( ":disabled" ) &&
|
|
rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
|
|
( this.checked || !manipulation_rcheckableType.test( type ) );
|
|
})
|
|
.map(function( i, elem ){
|
|
var val = jQuery( this ).val();
|
|
|
|
return val == null ?
|
|
null :
|
|
jQuery.isArray( val ) ?
|
|
jQuery.map( val, function( val ){
|
|
return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
|
|
}) :
|
|
{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
|
|
}).get();
|
|
}
|
|
});
|
|
|
|
//Serialize an array of form elements or a set of
|
|
//key/values into a query string
|
|
jQuery.param = function( a, traditional ) {
|
|
var prefix,
|
|
s = [],
|
|
add = function( key, value ) {
|
|
// If value is a function, invoke it and return its value
|
|
value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
|
|
s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
|
|
};
|
|
|
|
// Set traditional to true for jQuery <= 1.3.2 behavior.
|
|
if ( traditional === undefined ) {
|
|
traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
|
|
}
|
|
|
|
// If an array was passed in, assume that it is an array of form elements.
|
|
if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
|
|
// Serialize the form elements
|
|
jQuery.each( a, function() {
|
|
add( this.name, this.value );
|
|
});
|
|
|
|
} else {
|
|
// If traditional, encode the "old" way (the way 1.3.2 or older
|
|
// did it), otherwise encode params recursively.
|
|
for ( prefix in a ) {
|
|
buildParams( prefix, a[ prefix ], traditional, add );
|
|
}
|
|
}
|
|
|
|
// Return the resulting serialization
|
|
return s.join( "&" ).replace( r20, "+" );
|
|
};
|
|
|
|
function buildParams( prefix, obj, traditional, add ) {
|
|
var name;
|
|
|
|
if ( jQuery.isArray( obj ) ) {
|
|
// Serialize array item.
|
|
jQuery.each( obj, function( i, v ) {
|
|
if ( traditional || rbracket.test( prefix ) ) {
|
|
// Treat each array item as a scalar.
|
|
add( prefix, v );
|
|
|
|
} else {
|
|
// Item is non-scalar (array or object), encode its numeric index.
|
|
buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
|
|
}
|
|
});
|
|
|
|
} else if ( !traditional && jQuery.type( obj ) === "object" ) {
|
|
// Serialize object item.
|
|
for ( name in obj ) {
|
|
buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
|
|
}
|
|
|
|
} else {
|
|
// Serialize scalar item.
|
|
add( prefix, obj );
|
|
}
|
|
}
|
|
jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
|
|
"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
|
|
"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
|
|
|
|
// Handle event binding
|
|
jQuery.fn[ name ] = function( data, fn ) {
|
|
return arguments.length > 0 ?
|
|
this.on( name, null, data, fn ) :
|
|
this.trigger( name );
|
|
};
|
|
});
|
|
|
|
jQuery.fn.hover = function( fnOver, fnOut ) {
|
|
return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
|
|
};
|
|
var
|
|
// Document location
|
|
ajaxLocParts,
|
|
ajaxLocation,
|
|
ajax_nonce = jQuery.now(),
|
|
|
|
ajax_rquery = /\?/,
|
|
rhash = /#.*$/,
|
|
rts = /([?&])_=[^&]*/,
|
|
rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
|
|
// #7653, #8125, #8152: local protocol detection
|
|
rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
|
|
rnoContent = /^(?:GET|HEAD)$/,
|
|
rprotocol = /^\/\//,
|
|
rurl = /^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
|
|
|
|
// Keep a copy of the old load method
|
|
_load = jQuery.fn.load,
|
|
|
|
/* Prefilters
|
|
* 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
|
|
* 2) These are called:
|
|
* - BEFORE asking for a transport
|
|
* - AFTER param serialization (s.data is a string if s.processData is true)
|
|
* 3) key is the dataType
|
|
* 4) the catchall symbol "*" can be used
|
|
* 5) execution will start with transport dataType and THEN continue down to "*" if needed
|
|
*/
|
|
prefilters = {},
|
|
|
|
/* Transports bindings
|
|
* 1) key is the dataType
|
|
* 2) the catchall symbol "*" can be used
|
|
* 3) selection will start with transport dataType and THEN go to "*" if needed
|
|
*/
|
|
transports = {},
|
|
|
|
// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
|
|
allTypes = "*/".concat("*");
|
|
|
|
// #8138, IE may throw an exception when accessing
|
|
// a field from window.location if document.domain has been set
|
|
try {
|
|
ajaxLocation = location.href;
|
|
} catch( e ) {
|
|
// Use the href attribute of an A element
|
|
// since IE will modify it given document.location
|
|
ajaxLocation = document.createElement( "a" );
|
|
ajaxLocation.href = "";
|
|
ajaxLocation = ajaxLocation.href;
|
|
}
|
|
|
|
// Segment location into parts
|
|
ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
|
|
|
|
// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
|
|
function addToPrefiltersOrTransports( structure ) {
|
|
|
|
// dataTypeExpression is optional and defaults to "*"
|
|
return function( dataTypeExpression, func ) {
|
|
|
|
if ( typeof dataTypeExpression !== "string" ) {
|
|
func = dataTypeExpression;
|
|
dataTypeExpression = "*";
|
|
}
|
|
|
|
var dataType,
|
|
i = 0,
|
|
dataTypes = dataTypeExpression.toLowerCase().match( core_rnotwhite ) || [];
|
|
|
|
if ( jQuery.isFunction( func ) ) {
|
|
// For each dataType in the dataTypeExpression
|
|
while ( (dataType = dataTypes[i++]) ) {
|
|
// Prepend if requested
|
|
if ( dataType[0] === "+" ) {
|
|
dataType = dataType.slice( 1 ) || "*";
|
|
(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
|
|
|
|
// Otherwise append
|
|
} else {
|
|
(structure[ dataType ] = structure[ dataType ] || []).push( func );
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
// Base inspection function for prefilters and transports
|
|
function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
|
|
|
|
var inspected = {},
|
|
seekingTransport = ( structure === transports );
|
|
|
|
function inspect( dataType ) {
|
|
var selected;
|
|
inspected[ dataType ] = true;
|
|
jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
|
|
var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
|
|
if( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
|
|
options.dataTypes.unshift( dataTypeOrTransport );
|
|
inspect( dataTypeOrTransport );
|
|
return false;
|
|
} else if ( seekingTransport ) {
|
|
return !( selected = dataTypeOrTransport );
|
|
}
|
|
});
|
|
return selected;
|
|
}
|
|
|
|
return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
|
|
}
|
|
|
|
// A special extend for ajax options
|
|
// that takes "flat" options (not to be deep extended)
|
|
// Fixes #9887
|
|
function ajaxExtend( target, src ) {
|
|
var deep, key,
|
|
flatOptions = jQuery.ajaxSettings.flatOptions || {};
|
|
|
|
for ( key in src ) {
|
|
if ( src[ key ] !== undefined ) {
|
|
( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
|
|
}
|
|
}
|
|
if ( deep ) {
|
|
jQuery.extend( true, target, deep );
|
|
}
|
|
|
|
return target;
|
|
}
|
|
|
|
jQuery.fn.load = function( url, params, callback ) {
|
|
if ( typeof url !== "string" && _load ) {
|
|
return _load.apply( this, arguments );
|
|
}
|
|
|
|
var selector, response, type,
|
|
self = this,
|
|
off = url.indexOf(" ");
|
|
|
|
if ( off >= 0 ) {
|
|
selector = url.slice( off, url.length );
|
|
url = url.slice( 0, off );
|
|
}
|
|
|
|
// If it's a function
|
|
if ( jQuery.isFunction( params ) ) {
|
|
|
|
// We assume that it's the callback
|
|
callback = params;
|
|
params = undefined;
|
|
|
|
// Otherwise, build a param string
|
|
} else if ( params && typeof params === "object" ) {
|
|
type = "POST";
|
|
}
|
|
|
|
// If we have elements to modify, make the request
|
|
if ( self.length > 0 ) {
|
|
jQuery.ajax({
|
|
url: url,
|
|
|
|
// if "type" variable is undefined, then "GET" method will be used
|
|
type: type,
|
|
dataType: "html",
|
|
data: params
|
|
}).done(function( responseText ) {
|
|
|
|
// Save response for use in complete callback
|
|
response = arguments;
|
|
|
|
self.html( selector ?
|
|
|
|
// If a selector was specified, locate the right elements in a dummy div
|
|
// Exclude scripts to avoid IE 'Permission Denied' errors
|
|
jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
|
|
|
|
// Otherwise use the full result
|
|
responseText );
|
|
|
|
}).complete( callback && function( jqXHR, status ) {
|
|
self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
|
|
});
|
|
}
|
|
|
|
return this;
|
|
};
|
|
|
|
// Attach a bunch of functions for handling common AJAX events
|
|
jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
|
|
jQuery.fn[ type ] = function( fn ){
|
|
return this.on( type, fn );
|
|
};
|
|
});
|
|
|
|
jQuery.each( [ "get", "post" ], function( i, method ) {
|
|
jQuery[ method ] = function( url, data, callback, type ) {
|
|
// shift arguments if data argument was omitted
|
|
if ( jQuery.isFunction( data ) ) {
|
|
type = type || callback;
|
|
callback = data;
|
|
data = undefined;
|
|
}
|
|
|
|
return jQuery.ajax({
|
|
url: url,
|
|
type: method,
|
|
dataType: type,
|
|
data: data,
|
|
success: callback
|
|
});
|
|
};
|
|
});
|
|
|
|
jQuery.extend({
|
|
|
|
// Counter for holding the number of active queries
|
|
active: 0,
|
|
|
|
// Last-Modified header cache for next request
|
|
lastModified: {},
|
|
etag: {},
|
|
|
|
ajaxSettings: {
|
|
url: ajaxLocation,
|
|
type: "GET",
|
|
isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
|
|
global: true,
|
|
processData: true,
|
|
async: true,
|
|
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
|
|
/*
|
|
timeout: 0,
|
|
data: null,
|
|
dataType: null,
|
|
username: null,
|
|
password: null,
|
|
cache: null,
|
|
throws: false,
|
|
traditional: false,
|
|
headers: {},
|
|
*/
|
|
|
|
accepts: {
|
|
"*": allTypes,
|
|
text: "text/plain",
|
|
html: "text/html",
|
|
xml: "application/xml, text/xml",
|
|
json: "application/json, text/javascript"
|
|
},
|
|
|
|
contents: {
|
|
xml: /xml/,
|
|
html: /html/,
|
|
json: /json/
|
|
},
|
|
|
|
responseFields: {
|
|
xml: "responseXML",
|
|
text: "responseText"
|
|
},
|
|
|
|
// Data converters
|
|
// Keys separate source (or catchall "*") and destination types with a single space
|
|
converters: {
|
|
|
|
// Convert anything to text
|
|
"* text": window.String,
|
|
|
|
// Text to html (true = no transformation)
|
|
"text html": true,
|
|
|
|
// Evaluate text as a json expression
|
|
"text json": jQuery.parseJSON,
|
|
|
|
// Parse text as xml
|
|
"text xml": jQuery.parseXML
|
|
},
|
|
|
|
// For options that shouldn't be deep extended:
|
|
// you can add your own custom options here if
|
|
// and when you create one that shouldn't be
|
|
// deep extended (see ajaxExtend)
|
|
flatOptions: {
|
|
url: true,
|
|
context: true
|
|
}
|
|
},
|
|
|
|
// Creates a full fledged settings object into target
|
|
// with both ajaxSettings and settings fields.
|
|
// If target is omitted, writes into ajaxSettings.
|
|
ajaxSetup: function( target, settings ) {
|
|
return settings ?
|
|
|
|
// Building a settings object
|
|
ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
|
|
|
|
// Extending ajaxSettings
|
|
ajaxExtend( jQuery.ajaxSettings, target );
|
|
},
|
|
|
|
ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
|
|
ajaxTransport: addToPrefiltersOrTransports( transports ),
|
|
|
|
// Main method
|
|
ajax: function( url, options ) {
|
|
|
|
// If url is an object, simulate pre-1.5 signature
|
|
if ( typeof url === "object" ) {
|
|
options = url;
|
|
url = undefined;
|
|
}
|
|
|
|
// Force options to be an object
|
|
options = options || {};
|
|
|
|
var // Cross-domain detection vars
|
|
parts,
|
|
// Loop variable
|
|
i,
|
|
// URL without anti-cache param
|
|
cacheURL,
|
|
// Response headers as string
|
|
responseHeadersString,
|
|
// timeout handle
|
|
timeoutTimer,
|
|
|
|
// To know if global events are to be dispatched
|
|
fireGlobals,
|
|
|
|
transport,
|
|
// Response headers
|
|
responseHeaders,
|
|
// Create the final options object
|
|
s = jQuery.ajaxSetup( {}, options ),
|
|
// Callbacks context
|
|
callbackContext = s.context || s,
|
|
// Context for global events is callbackContext if it is a DOM node or jQuery collection
|
|
globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
|
|
jQuery( callbackContext ) :
|
|
jQuery.event,
|
|
// Deferreds
|
|
deferred = jQuery.Deferred(),
|
|
completeDeferred = jQuery.Callbacks("once memory"),
|
|
// Status-dependent callbacks
|
|
statusCode = s.statusCode || {},
|
|
// Headers (they are sent all at once)
|
|
requestHeaders = {},
|
|
requestHeadersNames = {},
|
|
// The jqXHR state
|
|
state = 0,
|
|
// Default abort message
|
|
strAbort = "canceled",
|
|
// Fake xhr
|
|
jqXHR = {
|
|
readyState: 0,
|
|
|
|
// Builds headers hashtable if needed
|
|
getResponseHeader: function( key ) {
|
|
var match;
|
|
if ( state === 2 ) {
|
|
if ( !responseHeaders ) {
|
|
responseHeaders = {};
|
|
while ( (match = rheaders.exec( responseHeadersString )) ) {
|
|
responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
|
|
}
|
|
}
|
|
match = responseHeaders[ key.toLowerCase() ];
|
|
}
|
|
return match == null ? null : match;
|
|
},
|
|
|
|
// Raw string
|
|
getAllResponseHeaders: function() {
|
|
return state === 2 ? responseHeadersString : null;
|
|
},
|
|
|
|
// Caches the header
|
|
setRequestHeader: function( name, value ) {
|
|
var lname = name.toLowerCase();
|
|
if ( !state ) {
|
|
name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
|
|
requestHeaders[ name ] = value;
|
|
}
|
|
return this;
|
|
},
|
|
|
|
// Overrides response content-type header
|
|
overrideMimeType: function( type ) {
|
|
if ( !state ) {
|
|
s.mimeType = type;
|
|
}
|
|
return this;
|
|
},
|
|
|
|
// Status-dependent callbacks
|
|
statusCode: function( map ) {
|
|
var code;
|
|
if ( map ) {
|
|
if ( state < 2 ) {
|
|
for ( code in map ) {
|
|
// Lazy-add the new callback in a way that preserves old ones
|
|
statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
|
|
}
|
|
} else {
|
|
// Execute the appropriate callbacks
|
|
jqXHR.always( map[ jqXHR.status ] );
|
|
}
|
|
}
|
|
return this;
|
|
},
|
|
|
|
// Cancel the request
|
|
abort: function( statusText ) {
|
|
var finalText = statusText || strAbort;
|
|
if ( transport ) {
|
|
transport.abort( finalText );
|
|
}
|
|
done( 0, finalText );
|
|
return this;
|
|
}
|
|
};
|
|
|
|
// Attach deferreds
|
|
deferred.promise( jqXHR ).complete = completeDeferred.add;
|
|
jqXHR.success = jqXHR.done;
|
|
jqXHR.error = jqXHR.fail;
|
|
|
|
// Remove hash character (#7531: and string promotion)
|
|
// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
|
|
// Handle falsy url in the settings object (#10093: consistency with old signature)
|
|
// We also use the url parameter if available
|
|
s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
|
|
|
|
// Alias method option to type as per ticket #12004
|
|
s.type = options.method || options.type || s.method || s.type;
|
|
|
|
// Extract dataTypes list
|
|
s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( core_rnotwhite ) || [""];
|
|
|
|
// A cross-domain request is in order when we have a protocol:host:port mismatch
|
|
if ( s.crossDomain == null ) {
|
|
parts = rurl.exec( s.url.toLowerCase() );
|
|
s.crossDomain = !!( parts &&
|
|
( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
|
|
( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
|
|
( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
|
|
);
|
|
}
|
|
|
|
// Convert data if not already a string
|
|
if ( s.data && s.processData && typeof s.data !== "string" ) {
|
|
s.data = jQuery.param( s.data, s.traditional );
|
|
}
|
|
|
|
// Apply prefilters
|
|
inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
|
|
|
|
// If request was aborted inside a prefilter, stop there
|
|
if ( state === 2 ) {
|
|
return jqXHR;
|
|
}
|
|
|
|
// We can fire global events as of now if asked to
|
|
fireGlobals = s.global;
|
|
|
|
// Watch for a new set of requests
|
|
if ( fireGlobals && jQuery.active++ === 0 ) {
|
|
jQuery.event.trigger("ajaxStart");
|
|
}
|
|
|
|
// Uppercase the type
|
|
s.type = s.type.toUpperCase();
|
|
|
|
// Determine if request has content
|
|
s.hasContent = !rnoContent.test( s.type );
|
|
|
|
// Save the URL in case we're toying with the If-Modified-Since
|
|
// and/or If-None-Match header later on
|
|
cacheURL = s.url;
|
|
|
|
// More options handling for requests with no content
|
|
if ( !s.hasContent ) {
|
|
|
|
// If data is available, append data to url
|
|
if ( s.data ) {
|
|
cacheURL = ( s.url += ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
|
|
// #9682: remove data so that it's not used in an eventual retry
|
|
delete s.data;
|
|
}
|
|
|
|
// Add anti-cache in url if needed
|
|
if ( s.cache === false ) {
|
|
s.url = rts.test( cacheURL ) ?
|
|
|
|
// If there is already a '_' parameter, set its value
|
|
cacheURL.replace( rts, "$1_=" + ajax_nonce++ ) :
|
|
|
|
// Otherwise add one to the end
|
|
cacheURL + ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ajax_nonce++;
|
|
}
|
|
}
|
|
|
|
// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
|
|
if ( s.ifModified ) {
|
|
if ( jQuery.lastModified[ cacheURL ] ) {
|
|
jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
|
|
}
|
|
if ( jQuery.etag[ cacheURL ] ) {
|
|
jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
|
|
}
|
|
}
|
|
|
|
// Set the correct header, if data is being sent
|
|
if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
|
|
jqXHR.setRequestHeader( "Content-Type", s.contentType );
|
|
}
|
|
|
|
// Set the Accepts header for the server, depending on the dataType
|
|
jqXHR.setRequestHeader(
|
|
"Accept",
|
|
s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
|
|
s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
|
|
s.accepts[ "*" ]
|
|
);
|
|
|
|
// Check for headers option
|
|
for ( i in s.headers ) {
|
|
jqXHR.setRequestHeader( i, s.headers[ i ] );
|
|
}
|
|
|
|
// Allow custom headers/mimetypes and early abort
|
|
if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
|
|
// Abort if not done already and return
|
|
return jqXHR.abort();
|
|
}
|
|
|
|
// aborting is no longer a cancellation
|
|
strAbort = "abort";
|
|
|
|
// Install callbacks on deferreds
|
|
for ( i in { success: 1, error: 1, complete: 1 } ) {
|
|
jqXHR[ i ]( s[ i ] );
|
|
}
|
|
|
|
// Get transport
|
|
transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
|
|
|
|
// If no transport, we auto-abort
|
|
if ( !transport ) {
|
|
done( -1, "No Transport" );
|
|
} else {
|
|
jqXHR.readyState = 1;
|
|
|
|
// Send global event
|
|
if ( fireGlobals ) {
|
|
globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
|
|
}
|
|
// Timeout
|
|
if ( s.async && s.timeout > 0 ) {
|
|
timeoutTimer = setTimeout(function() {
|
|
jqXHR.abort("timeout");
|
|
}, s.timeout );
|
|
}
|
|
|
|
try {
|
|
state = 1;
|
|
transport.send( requestHeaders, done );
|
|
} catch ( e ) {
|
|
// Propagate exception as error if not done
|
|
if ( state < 2 ) {
|
|
done( -1, e );
|
|
// Simply rethrow otherwise
|
|
} else {
|
|
throw e;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Callback for when everything is done
|
|
function done( status, nativeStatusText, responses, headers ) {
|
|
var isSuccess, success, error, response, modified,
|
|
statusText = nativeStatusText;
|
|
|
|
// Called once
|
|
if ( state === 2 ) {
|
|
return;
|
|
}
|
|
|
|
// State is "done" now
|
|
state = 2;
|
|
|
|
// Clear timeout if it exists
|
|
if ( timeoutTimer ) {
|
|
clearTimeout( timeoutTimer );
|
|
}
|
|
|
|
// Dereference transport for early garbage collection
|
|
// (no matter how long the jqXHR object will be used)
|
|
transport = undefined;
|
|
|
|
// Cache response headers
|
|
responseHeadersString = headers || "";
|
|
|
|
// Set readyState
|
|
jqXHR.readyState = status > 0 ? 4 : 0;
|
|
|
|
// Get response data
|
|
if ( responses ) {
|
|
response = ajaxHandleResponses( s, jqXHR, responses );
|
|
}
|
|
|
|
// If successful, handle type chaining
|
|
if ( status >= 200 && status < 300 || status === 304 ) {
|
|
|
|
// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
|
|
if ( s.ifModified ) {
|
|
modified = jqXHR.getResponseHeader("Last-Modified");
|
|
if ( modified ) {
|
|
jQuery.lastModified[ cacheURL ] = modified;
|
|
}
|
|
modified = jqXHR.getResponseHeader("etag");
|
|
if ( modified ) {
|
|
jQuery.etag[ cacheURL ] = modified;
|
|
}
|
|
}
|
|
|
|
// if no content
|
|
if ( status === 204 ) {
|
|
isSuccess = true;
|
|
statusText = "nocontent";
|
|
|
|
// if not modified
|
|
} else if ( status === 304 ) {
|
|
isSuccess = true;
|
|
statusText = "notmodified";
|
|
|
|
// If we have data, let's convert it
|
|
} else {
|
|
isSuccess = ajaxConvert( s, response );
|
|
statusText = isSuccess.state;
|
|
success = isSuccess.data;
|
|
error = isSuccess.error;
|
|
isSuccess = !error;
|
|
}
|
|
} else {
|
|
// We extract error from statusText
|
|
// then normalize statusText and status for non-aborts
|
|
error = statusText;
|
|
if ( status || !statusText ) {
|
|
statusText = "error";
|
|
if ( status < 0 ) {
|
|
status = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Set data for the fake xhr object
|
|
jqXHR.status = status;
|
|
jqXHR.statusText = ( nativeStatusText || statusText ) + "";
|
|
|
|
// Success/Error
|
|
if ( isSuccess ) {
|
|
deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
|
|
} else {
|
|
deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
|
|
}
|
|
|
|
// Status-dependent callbacks
|
|
jqXHR.statusCode( statusCode );
|
|
statusCode = undefined;
|
|
|
|
if ( fireGlobals ) {
|
|
globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
|
|
[ jqXHR, s, isSuccess ? success : error ] );
|
|
}
|
|
|
|
// Complete
|
|
completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
|
|
|
|
if ( fireGlobals ) {
|
|
globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
|
|
// Handle the global AJAX counter
|
|
if ( !( --jQuery.active ) ) {
|
|
jQuery.event.trigger("ajaxStop");
|
|
}
|
|
}
|
|
}
|
|
|
|
return jqXHR;
|
|
},
|
|
|
|
getScript: function( url, callback ) {
|
|
return jQuery.get( url, undefined, callback, "script" );
|
|
},
|
|
|
|
getJSON: function( url, data, callback ) {
|
|
return jQuery.get( url, data, callback, "json" );
|
|
}
|
|
});
|
|
|
|
/* Handles responses to an ajax request:
|
|
* - sets all responseXXX fields accordingly
|
|
* - finds the right dataType (mediates between content-type and expected dataType)
|
|
* - returns the corresponding response
|
|
*/
|
|
function ajaxHandleResponses( s, jqXHR, responses ) {
|
|
var firstDataType, ct, finalDataType, type,
|
|
contents = s.contents,
|
|
dataTypes = s.dataTypes,
|
|
responseFields = s.responseFields;
|
|
|
|
// Fill responseXXX fields
|
|
for ( type in responseFields ) {
|
|
if ( type in responses ) {
|
|
jqXHR[ responseFields[type] ] = responses[ type ];
|
|
}
|
|
}
|
|
|
|
// Remove auto dataType and get content-type in the process
|
|
while( dataTypes[ 0 ] === "*" ) {
|
|
dataTypes.shift();
|
|
if ( ct === undefined ) {
|
|
ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
|
|
}
|
|
}
|
|
|
|
// Check if we're dealing with a known content-type
|
|
if ( ct ) {
|
|
for ( type in contents ) {
|
|
if ( contents[ type ] && contents[ type ].test( ct ) ) {
|
|
dataTypes.unshift( type );
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Check to see if we have a response for the expected dataType
|
|
if ( dataTypes[ 0 ] in responses ) {
|
|
finalDataType = dataTypes[ 0 ];
|
|
} else {
|
|
// Try convertible dataTypes
|
|
for ( type in responses ) {
|
|
if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
|
|
finalDataType = type;
|
|
break;
|
|
}
|
|
if ( !firstDataType ) {
|
|
firstDataType = type;
|
|
}
|
|
}
|
|
// Or just use first one
|
|
finalDataType = finalDataType || firstDataType;
|
|
}
|
|
|
|
// If we found a dataType
|
|
// We add the dataType to the list if needed
|
|
// and return the corresponding response
|
|
if ( finalDataType ) {
|
|
if ( finalDataType !== dataTypes[ 0 ] ) {
|
|
dataTypes.unshift( finalDataType );
|
|
}
|
|
return responses[ finalDataType ];
|
|
}
|
|
}
|
|
|
|
// Chain conversions given the request and the original response
|
|
function ajaxConvert( s, response ) {
|
|
var conv2, current, conv, tmp,
|
|
converters = {},
|
|
i = 0,
|
|
// Work with a copy of dataTypes in case we need to modify it for conversion
|
|
dataTypes = s.dataTypes.slice(),
|
|
prev = dataTypes[ 0 ];
|
|
|
|
// Apply the dataFilter if provided
|
|
if ( s.dataFilter ) {
|
|
response = s.dataFilter( response, s.dataType );
|
|
}
|
|
|
|
// Create converters map with lowercased keys
|
|
if ( dataTypes[ 1 ] ) {
|
|
for ( conv in s.converters ) {
|
|
converters[ conv.toLowerCase() ] = s.converters[ conv ];
|
|
}
|
|
}
|
|
|
|
// Convert to each sequential dataType, tolerating list modification
|
|
for ( ; (current = dataTypes[++i]); ) {
|
|
|
|
// There's only work to do if current dataType is non-auto
|
|
if ( current !== "*" ) {
|
|
|
|
// Convert response if prev dataType is non-auto and differs from current
|
|
if ( prev !== "*" && prev !== current ) {
|
|
|
|
// Seek a direct converter
|
|
conv = converters[ prev + " " + current ] || converters[ "* " + current ];
|
|
|
|
// If none found, seek a pair
|
|
if ( !conv ) {
|
|
for ( conv2 in converters ) {
|
|
|
|
// If conv2 outputs current
|
|
tmp = conv2.split(" ");
|
|
if ( tmp[ 1 ] === current ) {
|
|
|
|
// If prev can be converted to accepted input
|
|
conv = converters[ prev + " " + tmp[ 0 ] ] ||
|
|
converters[ "* " + tmp[ 0 ] ];
|
|
if ( conv ) {
|
|
// Condense equivalence converters
|
|
if ( conv === true ) {
|
|
conv = converters[ conv2 ];
|
|
|
|
// Otherwise, insert the intermediate dataType
|
|
} else if ( converters[ conv2 ] !== true ) {
|
|
current = tmp[ 0 ];
|
|
dataTypes.splice( i--, 0, current );
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Apply converter (if not an equivalence)
|
|
if ( conv !== true ) {
|
|
|
|
// Unless errors are allowed to bubble, catch and return them
|
|
if ( conv && s["throws"] ) {
|
|
response = conv( response );
|
|
} else {
|
|
try {
|
|
response = conv( response );
|
|
} catch ( e ) {
|
|
return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Update prev for next iteration
|
|
prev = current;
|
|
}
|
|
}
|
|
|
|
return { state: "success", data: response };
|
|
}
|
|
// Install script dataType
|
|
jQuery.ajaxSetup({
|
|
accepts: {
|
|
script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
|
|
},
|
|
contents: {
|
|
script: /(?:java|ecma)script/
|
|
},
|
|
converters: {
|
|
"text script": function( text ) {
|
|
jQuery.globalEval( text );
|
|
return text;
|
|
}
|
|
}
|
|
});
|
|
|
|
// Handle cache's special case and global
|
|
jQuery.ajaxPrefilter( "script", function( s ) {
|
|
if ( s.cache === undefined ) {
|
|
s.cache = false;
|
|
}
|
|
if ( s.crossDomain ) {
|
|
s.type = "GET";
|
|
s.global = false;
|
|
}
|
|
});
|
|
|
|
// Bind script tag hack transport
|
|
jQuery.ajaxTransport( "script", function(s) {
|
|
|
|
// This transport only deals with cross domain requests
|
|
if ( s.crossDomain ) {
|
|
|
|
var script,
|
|
head = document.head || jQuery("head")[0] || document.documentElement;
|
|
|
|
return {
|
|
|
|
send: function( _, callback ) {
|
|
|
|
script = document.createElement("script");
|
|
|
|
script.async = true;
|
|
|
|
if ( s.scriptCharset ) {
|
|
script.charset = s.scriptCharset;
|
|
}
|
|
|
|
script.src = s.url;
|
|
|
|
// Attach handlers for all browsers
|
|
script.onload = script.onreadystatechange = function( _, isAbort ) {
|
|
|
|
if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
|
|
|
|
// Handle memory leak in IE
|
|
script.onload = script.onreadystatechange = null;
|
|
|
|
// Remove the script
|
|
if ( script.parentNode ) {
|
|
script.parentNode.removeChild( script );
|
|
}
|
|
|
|
// Dereference the script
|
|
script = null;
|
|
|
|
// Callback if not abort
|
|
if ( !isAbort ) {
|
|
callback( 200, "success" );
|
|
}
|
|
}
|
|
};
|
|
|
|
// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
|
|
// Use native DOM manipulation to avoid our domManip AJAX trickery
|
|
head.insertBefore( script, head.firstChild );
|
|
},
|
|
|
|
abort: function() {
|
|
if ( script ) {
|
|
script.onload( undefined, true );
|
|
}
|
|
}
|
|
};
|
|
}
|
|
});
|
|
var oldCallbacks = [],
|
|
rjsonp = /(=)\?(?=&|$)|\?\?/;
|
|
|
|
// Default jsonp settings
|
|
jQuery.ajaxSetup({
|
|
jsonp: "callback",
|
|
jsonpCallback: function() {
|
|
var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) );
|
|
this[ callback ] = true;
|
|
return callback;
|
|
}
|
|
});
|
|
|
|
// Detect, normalize options and install callbacks for jsonp requests
|
|
jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
|
|
|
|
var callbackName, overwritten, responseContainer,
|
|
jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
|
|
"url" :
|
|
typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
|
|
);
|
|
|
|
// Handle iff the expected data type is "jsonp" or we have a parameter to set
|
|
if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
|
|
|
|
// Get callback name, remembering preexisting value associated with it
|
|
callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
|
|
s.jsonpCallback() :
|
|
s.jsonpCallback;
|
|
|
|
// Insert callback into url or form data
|
|
if ( jsonProp ) {
|
|
s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
|
|
} else if ( s.jsonp !== false ) {
|
|
s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
|
|
}
|
|
|
|
// Use data converter to retrieve json after script execution
|
|
s.converters["script json"] = function() {
|
|
if ( !responseContainer ) {
|
|
jQuery.error( callbackName + " was not called" );
|
|
}
|
|
return responseContainer[ 0 ];
|
|
};
|
|
|
|
// force json dataType
|
|
s.dataTypes[ 0 ] = "json";
|
|
|
|
// Install callback
|
|
overwritten = window[ callbackName ];
|
|
window[ callbackName ] = function() {
|
|
responseContainer = arguments;
|
|
};
|
|
|
|
// Clean-up function (fires after converters)
|
|
jqXHR.always(function() {
|
|
// Restore preexisting value
|
|
window[ callbackName ] = overwritten;
|
|
|
|
// Save back as free
|
|
if ( s[ callbackName ] ) {
|
|
// make sure that re-using the options doesn't screw things around
|
|
s.jsonpCallback = originalSettings.jsonpCallback;
|
|
|
|
// save the callback name for future use
|
|
oldCallbacks.push( callbackName );
|
|
}
|
|
|
|
// Call if it was a function and we have a response
|
|
if ( responseContainer && jQuery.isFunction( overwritten ) ) {
|
|
overwritten( responseContainer[ 0 ] );
|
|
}
|
|
|
|
responseContainer = overwritten = undefined;
|
|
});
|
|
|
|
// Delegate to script
|
|
return "script";
|
|
}
|
|
});
|
|
var xhrCallbacks, xhrSupported,
|
|
xhrId = 0,
|
|
// #5280: Internet Explorer will keep connections alive if we don't abort on unload
|
|
xhrOnUnloadAbort = window.ActiveXObject && function() {
|
|
// Abort all pending requests
|
|
var key;
|
|
for ( key in xhrCallbacks ) {
|
|
xhrCallbacks[ key ]( undefined, true );
|
|
}
|
|
};
|
|
|
|
// Functions to create xhrs
|
|
function createStandardXHR() {
|
|
try {
|
|
return new window.XMLHttpRequest();
|
|
} catch( e ) {}
|
|
}
|
|
|
|
function createActiveXHR() {
|
|
try {
|
|
return new window.ActiveXObject("Microsoft.XMLHTTP");
|
|
} catch( e ) {}
|
|
}
|
|
|
|
// Create the request object
|
|
// (This is still attached to ajaxSettings for backward compatibility)
|
|
jQuery.ajaxSettings.xhr = window.ActiveXObject ?
|
|
/* Microsoft failed to properly
|
|
* implement the XMLHttpRequest in IE7 (can't request local files),
|
|
* so we use the ActiveXObject when it is available
|
|
* Additionally XMLHttpRequest can be disabled in IE7/IE8 so
|
|
* we need a fallback.
|
|
*/
|
|
function() {
|
|
return !this.isLocal && createStandardXHR() || createActiveXHR();
|
|
} :
|
|
// For all other browsers, use the standard XMLHttpRequest object
|
|
createStandardXHR;
|
|
|
|
// Determine support properties
|
|
xhrSupported = jQuery.ajaxSettings.xhr();
|
|
jQuery.support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
|
|
xhrSupported = jQuery.support.ajax = !!xhrSupported;
|
|
|
|
// Create transport if the browser can provide an xhr
|
|
if ( xhrSupported ) {
|
|
|
|
jQuery.ajaxTransport(function( s ) {
|
|
// Cross domain only allowed if supported through XMLHttpRequest
|
|
if ( !s.crossDomain || jQuery.support.cors ) {
|
|
|
|
var callback;
|
|
|
|
return {
|
|
send: function( headers, complete ) {
|
|
|
|
// Get a new xhr
|
|
var handle, i,
|
|
xhr = s.xhr();
|
|
|
|
// Open the socket
|
|
// Passing null username, generates a login popup on Opera (#2865)
|
|
if ( s.username ) {
|
|
xhr.open( s.type, s.url, s.async, s.username, s.password );
|
|
} else {
|
|
xhr.open( s.type, s.url, s.async );
|
|
}
|
|
|
|
// Apply custom fields if provided
|
|
if ( s.xhrFields ) {
|
|
for ( i in s.xhrFields ) {
|
|
xhr[ i ] = s.xhrFields[ i ];
|
|
}
|
|
}
|
|
|
|
// Override mime type if needed
|
|
if ( s.mimeType && xhr.overrideMimeType ) {
|
|
xhr.overrideMimeType( s.mimeType );
|
|
}
|
|
|
|
// X-Requested-With header
|
|
// For cross-domain requests, seeing as conditions for a preflight are
|
|
// akin to a jigsaw puzzle, we simply never set it to be sure.
|
|
// (it can always be set on a per-request basis or even using ajaxSetup)
|
|
// For same-domain requests, won't change header if already provided.
|
|
if ( !s.crossDomain && !headers["X-Requested-With"] ) {
|
|
headers["X-Requested-With"] = "XMLHttpRequest";
|
|
}
|
|
|
|
// Need an extra try/catch for cross domain requests in Firefox 3
|
|
try {
|
|
for ( i in headers ) {
|
|
xhr.setRequestHeader( i, headers[ i ] );
|
|
}
|
|
} catch( err ) {}
|
|
|
|
// Do send the request
|
|
// This may raise an exception which is actually
|
|
// handled in jQuery.ajax (so no try/catch here)
|
|
xhr.send( ( s.hasContent && s.data ) || null );
|
|
|
|
// Listener
|
|
callback = function( _, isAbort ) {
|
|
var status, responseHeaders, statusText, responses;
|
|
|
|
// Firefox throws exceptions when accessing properties
|
|
// of an xhr when a network error occurred
|
|
// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
|
|
try {
|
|
|
|
// Was never called and is aborted or complete
|
|
if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
|
|
|
|
// Only called once
|
|
callback = undefined;
|
|
|
|
// Do not keep as active anymore
|
|
if ( handle ) {
|
|
xhr.onreadystatechange = jQuery.noop;
|
|
if ( xhrOnUnloadAbort ) {
|
|
delete xhrCallbacks[ handle ];
|
|
}
|
|
}
|
|
|
|
// If it's an abort
|
|
if ( isAbort ) {
|
|
// Abort it manually if needed
|
|
if ( xhr.readyState !== 4 ) {
|
|
xhr.abort();
|
|
}
|
|
} else {
|
|
responses = {};
|
|
status = xhr.status;
|
|
responseHeaders = xhr.getAllResponseHeaders();
|
|
|
|
// When requesting binary data, IE6-9 will throw an exception
|
|
// on any attempt to access responseText (#11426)
|
|
if ( typeof xhr.responseText === "string" ) {
|
|
responses.text = xhr.responseText;
|
|
}
|
|
|
|
// Firefox throws an exception when accessing
|
|
// statusText for faulty cross-domain requests
|
|
try {
|
|
statusText = xhr.statusText;
|
|
} catch( e ) {
|
|
// We normalize with Webkit giving an empty statusText
|
|
statusText = "";
|
|
}
|
|
|
|
// Filter status for non standard behaviors
|
|
|
|
// If the request is local and we have data: assume a success
|
|
// (success with no data won't get notified, that's the best we
|
|
// can do given current implementations)
|
|
if ( !status && s.isLocal && !s.crossDomain ) {
|
|
status = responses.text ? 200 : 404;
|
|
// IE - #1450: sometimes returns 1223 when it should be 204
|
|
} else if ( status === 1223 ) {
|
|
status = 204;
|
|
}
|
|
}
|
|
}
|
|
} catch( firefoxAccessException ) {
|
|
if ( !isAbort ) {
|
|
complete( -1, firefoxAccessException );
|
|
}
|
|
}
|
|
|
|
// Call complete if needed
|
|
if ( responses ) {
|
|
complete( status, statusText, responses, responseHeaders );
|
|
}
|
|
};
|
|
|
|
if ( !s.async ) {
|
|
// if we're in sync mode we fire the callback
|
|
callback();
|
|
} else if ( xhr.readyState === 4 ) {
|
|
// (IE6 & IE7) if it's in cache and has been
|
|
// retrieved directly we need to fire the callback
|
|
setTimeout( callback );
|
|
} else {
|
|
handle = ++xhrId;
|
|
if ( xhrOnUnloadAbort ) {
|
|
// Create the active xhrs callbacks list if needed
|
|
// and attach the unload handler
|
|
if ( !xhrCallbacks ) {
|
|
xhrCallbacks = {};
|
|
jQuery( window ).unload( xhrOnUnloadAbort );
|
|
}
|
|
// Add to list of active xhrs callbacks
|
|
xhrCallbacks[ handle ] = callback;
|
|
}
|
|
xhr.onreadystatechange = callback;
|
|
}
|
|
},
|
|
|
|
abort: function() {
|
|
if ( callback ) {
|
|
callback( undefined, true );
|
|
}
|
|
}
|
|
};
|
|
}
|
|
});
|
|
}
|
|
var fxNow, timerId,
|
|
rfxtypes = /^(?:toggle|show|hide)$/,
|
|
rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
|
|
rrun = /queueHooks$/,
|
|
animationPrefilters = [ defaultPrefilter ],
|
|
tweeners = {
|
|
"*": [function( prop, value ) {
|
|
var end, unit,
|
|
tween = this.createTween( prop, value ),
|
|
parts = rfxnum.exec( value ),
|
|
target = tween.cur(),
|
|
start = +target || 0,
|
|
scale = 1,
|
|
maxIterations = 20;
|
|
|
|
if ( parts ) {
|
|
end = +parts[2];
|
|
unit = parts[3] || ( jQuery.cssNumber[ prop ] ? "" : "px" );
|
|
|
|
// We need to compute starting value
|
|
if ( unit !== "px" && start ) {
|
|
// Iteratively approximate from a nonzero starting point
|
|
// Prefer the current property, because this process will be trivial if it uses the same units
|
|
// Fallback to end or a simple constant
|
|
start = jQuery.css( tween.elem, prop, true ) || end || 1;
|
|
|
|
do {
|
|
// If previous iteration zeroed out, double until we get *something*
|
|
// Use a string for doubling factor so we don't accidentally see scale as unchanged below
|
|
scale = scale || ".5";
|
|
|
|
// Adjust and apply
|
|
start = start / scale;
|
|
jQuery.style( tween.elem, prop, start + unit );
|
|
|
|
// Update scale, tolerating zero or NaN from tween.cur()
|
|
// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
|
|
} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
|
|
}
|
|
|
|
tween.unit = unit;
|
|
tween.start = start;
|
|
// If a +=/-= token was provided, we're doing a relative animation
|
|
tween.end = parts[1] ? start + ( parts[1] + 1 ) * end : end;
|
|
}
|
|
return tween;
|
|
}]
|
|
};
|
|
|
|
// Animations created synchronously will run synchronously
|
|
function createFxNow() {
|
|
setTimeout(function() {
|
|
fxNow = undefined;
|
|
});
|
|
return ( fxNow = jQuery.now() );
|
|
}
|
|
|
|
function createTweens( animation, props ) {
|
|
jQuery.each( props, function( prop, value ) {
|
|
var collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
|
|
index = 0,
|
|
length = collection.length;
|
|
for ( ; index < length; index++ ) {
|
|
if ( collection[ index ].call( animation, prop, value ) ) {
|
|
|
|
// we're done with this property
|
|
return;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function Animation( elem, properties, options ) {
|
|
var result,
|
|
stopped,
|
|
index = 0,
|
|
length = animationPrefilters.length,
|
|
deferred = jQuery.Deferred().always( function() {
|
|
// don't match elem in the :animated selector
|
|
delete tick.elem;
|
|
}),
|
|
tick = function() {
|
|
if ( stopped ) {
|
|
return false;
|
|
}
|
|
var currentTime = fxNow || createFxNow(),
|
|
remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
|
|
// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
|
|
temp = remaining / animation.duration || 0,
|
|
percent = 1 - temp,
|
|
index = 0,
|
|
length = animation.tweens.length;
|
|
|
|
for ( ; index < length ; index++ ) {
|
|
animation.tweens[ index ].run( percent );
|
|
}
|
|
|
|
deferred.notifyWith( elem, [ animation, percent, remaining ]);
|
|
|
|
if ( percent < 1 && length ) {
|
|
return remaining;
|
|
} else {
|
|
deferred.resolveWith( elem, [ animation ] );
|
|
return false;
|
|
}
|
|
},
|
|
animation = deferred.promise({
|
|
elem: elem,
|
|
props: jQuery.extend( {}, properties ),
|
|
opts: jQuery.extend( true, { specialEasing: {} }, options ),
|
|
originalProperties: properties,
|
|
originalOptions: options,
|
|
startTime: fxNow || createFxNow(),
|
|
duration: options.duration,
|
|
tweens: [],
|
|
createTween: function( prop, end ) {
|
|
var tween = jQuery.Tween( elem, animation.opts, prop, end,
|
|
animation.opts.specialEasing[ prop ] || animation.opts.easing );
|
|
animation.tweens.push( tween );
|
|
return tween;
|
|
},
|
|
stop: function( gotoEnd ) {
|
|
var index = 0,
|
|
// if we are going to the end, we want to run all the tweens
|
|
// otherwise we skip this part
|
|
length = gotoEnd ? animation.tweens.length : 0;
|
|
if ( stopped ) {
|
|
return this;
|
|
}
|
|
stopped = true;
|
|
for ( ; index < length ; index++ ) {
|
|
animation.tweens[ index ].run( 1 );
|
|
}
|
|
|
|
// resolve when we played the last frame
|
|
// otherwise, reject
|
|
if ( gotoEnd ) {
|
|
deferred.resolveWith( elem, [ animation, gotoEnd ] );
|
|
} else {
|
|
deferred.rejectWith( elem, [ animation, gotoEnd ] );
|
|
}
|
|
return this;
|
|
}
|
|
}),
|
|
props = animation.props;
|
|
|
|
propFilter( props, animation.opts.specialEasing );
|
|
|
|
for ( ; index < length ; index++ ) {
|
|
result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
|
|
if ( result ) {
|
|
return result;
|
|
}
|
|
}
|
|
|
|
createTweens( animation, props );
|
|
|
|
if ( jQuery.isFunction( animation.opts.start ) ) {
|
|
animation.opts.start.call( elem, animation );
|
|
}
|
|
|
|
jQuery.fx.timer(
|
|
jQuery.extend( tick, {
|
|
elem: elem,
|
|
anim: animation,
|
|
queue: animation.opts.queue
|
|
})
|
|
);
|
|
|
|
// attach callbacks from options
|
|
return animation.progress( animation.opts.progress )
|
|
.done( animation.opts.done, animation.opts.complete )
|
|
.fail( animation.opts.fail )
|
|
.always( animation.opts.always );
|
|
}
|
|
|
|
function propFilter( props, specialEasing ) {
|
|
var value, name, index, easing, hooks;
|
|
|
|
// camelCase, specialEasing and expand cssHook pass
|
|
for ( index in props ) {
|
|
name = jQuery.camelCase( index );
|
|
easing = specialEasing[ name ];
|
|
value = props[ index ];
|
|
if ( jQuery.isArray( value ) ) {
|
|
easing = value[ 1 ];
|
|
value = props[ index ] = value[ 0 ];
|
|
}
|
|
|
|
if ( index !== name ) {
|
|
props[ name ] = value;
|
|
delete props[ index ];
|
|
}
|
|
|
|
hooks = jQuery.cssHooks[ name ];
|
|
if ( hooks && "expand" in hooks ) {
|
|
value = hooks.expand( value );
|
|
delete props[ name ];
|
|
|
|
// not quite $.extend, this wont overwrite keys already present.
|
|
// also - reusing 'index' from above because we have the correct "name"
|
|
for ( index in value ) {
|
|
if ( !( index in props ) ) {
|
|
props[ index ] = value[ index ];
|
|
specialEasing[ index ] = easing;
|
|
}
|
|
}
|
|
} else {
|
|
specialEasing[ name ] = easing;
|
|
}
|
|
}
|
|
}
|
|
|
|
jQuery.Animation = jQuery.extend( Animation, {
|
|
|
|
tweener: function( props, callback ) {
|
|
if ( jQuery.isFunction( props ) ) {
|
|
callback = props;
|
|
props = [ "*" ];
|
|
} else {
|
|
props = props.split(" ");
|
|
}
|
|
|
|
var prop,
|
|
index = 0,
|
|
length = props.length;
|
|
|
|
for ( ; index < length ; index++ ) {
|
|
prop = props[ index ];
|
|
tweeners[ prop ] = tweeners[ prop ] || [];
|
|
tweeners[ prop ].unshift( callback );
|
|
}
|
|
},
|
|
|
|
prefilter: function( callback, prepend ) {
|
|
if ( prepend ) {
|
|
animationPrefilters.unshift( callback );
|
|
} else {
|
|
animationPrefilters.push( callback );
|
|
}
|
|
}
|
|
});
|
|
|
|
function defaultPrefilter( elem, props, opts ) {
|
|
/*jshint validthis:true */
|
|
var prop, index, length,
|
|
value, dataShow, toggle,
|
|
tween, hooks, oldfire,
|
|
anim = this,
|
|
style = elem.style,
|
|
orig = {},
|
|
handled = [],
|
|
hidden = elem.nodeType && isHidden( elem );
|
|
|
|
// handle queue: false promises
|
|
if ( !opts.queue ) {
|
|
hooks = jQuery._queueHooks( elem, "fx" );
|
|
if ( hooks.unqueued == null ) {
|
|
hooks.unqueued = 0;
|
|
oldfire = hooks.empty.fire;
|
|
hooks.empty.fire = function() {
|
|
if ( !hooks.unqueued ) {
|
|
oldfire();
|
|
}
|
|
};
|
|
}
|
|
hooks.unqueued++;
|
|
|
|
anim.always(function() {
|
|
// doing this makes sure that the complete handler will be called
|
|
// before this completes
|
|
anim.always(function() {
|
|
hooks.unqueued--;
|
|
if ( !jQuery.queue( elem, "fx" ).length ) {
|
|
hooks.empty.fire();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
// height/width overflow pass
|
|
if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
|
|
// Make sure that nothing sneaks out
|
|
// Record all 3 overflow attributes because IE does not
|
|
// change the overflow attribute when overflowX and
|
|
// overflowY are set to the same value
|
|
opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
|
|
|
|
// Set display property to inline-block for height/width
|
|
// animations on inline elements that are having width/height animated
|
|
if ( jQuery.css( elem, "display" ) === "inline" &&
|
|
jQuery.css( elem, "float" ) === "none" ) {
|
|
|
|
// inline-level elements accept inline-block;
|
|
// block-level elements need to be inline with layout
|
|
if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
|
|
style.display = "inline-block";
|
|
|
|
} else {
|
|
style.zoom = 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( opts.overflow ) {
|
|
style.overflow = "hidden";
|
|
if ( !jQuery.support.shrinkWrapBlocks ) {
|
|
anim.always(function() {
|
|
style.overflow = opts.overflow[ 0 ];
|
|
style.overflowX = opts.overflow[ 1 ];
|
|
style.overflowY = opts.overflow[ 2 ];
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
// show/hide pass
|
|
for ( index in props ) {
|
|
value = props[ index ];
|
|
if ( rfxtypes.exec( value ) ) {
|
|
delete props[ index ];
|
|
toggle = toggle || value === "toggle";
|
|
if ( value === ( hidden ? "hide" : "show" ) ) {
|
|
continue;
|
|
}
|
|
handled.push( index );
|
|
}
|
|
}
|
|
|
|
length = handled.length;
|
|
if ( length ) {
|
|
dataShow = jQuery._data( elem, "fxshow" ) || jQuery._data( elem, "fxshow", {} );
|
|
if ( "hidden" in dataShow ) {
|
|
hidden = dataShow.hidden;
|
|
}
|
|
|
|
// store state if its toggle - enables .stop().toggle() to "reverse"
|
|
if ( toggle ) {
|
|
dataShow.hidden = !hidden;
|
|
}
|
|
if ( hidden ) {
|
|
jQuery( elem ).show();
|
|
} else {
|
|
anim.done(function() {
|
|
jQuery( elem ).hide();
|
|
});
|
|
}
|
|
anim.done(function() {
|
|
var prop;
|
|
jQuery._removeData( elem, "fxshow" );
|
|
for ( prop in orig ) {
|
|
jQuery.style( elem, prop, orig[ prop ] );
|
|
}
|
|
});
|
|
for ( index = 0 ; index < length ; index++ ) {
|
|
prop = handled[ index ];
|
|
tween = anim.createTween( prop, hidden ? dataShow[ prop ] : 0 );
|
|
orig[ prop ] = dataShow[ prop ] || jQuery.style( elem, prop );
|
|
|
|
if ( !( prop in dataShow ) ) {
|
|
dataShow[ prop ] = tween.start;
|
|
if ( hidden ) {
|
|
tween.end = tween.start;
|
|
tween.start = prop === "width" || prop === "height" ? 1 : 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function Tween( elem, options, prop, end, easing ) {
|
|
return new Tween.prototype.init( elem, options, prop, end, easing );
|
|
}
|
|
jQuery.Tween = Tween;
|
|
|
|
Tween.prototype = {
|
|
constructor: Tween,
|
|
init: function( elem, options, prop, end, easing, unit ) {
|
|
this.elem = elem;
|
|
this.prop = prop;
|
|
this.easing = easing || "swing";
|
|
this.options = options;
|
|
this.start = this.now = this.cur();
|
|
this.end = end;
|
|
this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
|
|
},
|
|
cur: function() {
|
|
var hooks = Tween.propHooks[ this.prop ];
|
|
|
|
return hooks && hooks.get ?
|
|
hooks.get( this ) :
|
|
Tween.propHooks._default.get( this );
|
|
},
|
|
run: function( percent ) {
|
|
var eased,
|
|
hooks = Tween.propHooks[ this.prop ];
|
|
|
|
if ( this.options.duration ) {
|
|
this.pos = eased = jQuery.easing[ this.easing ](
|
|
percent, this.options.duration * percent, 0, 1, this.options.duration
|
|
);
|
|
} else {
|
|
this.pos = eased = percent;
|
|
}
|
|
this.now = ( this.end - this.start ) * eased + this.start;
|
|
|
|
if ( this.options.step ) {
|
|
this.options.step.call( this.elem, this.now, this );
|
|
}
|
|
|
|
if ( hooks && hooks.set ) {
|
|
hooks.set( this );
|
|
} else {
|
|
Tween.propHooks._default.set( this );
|
|
}
|
|
return this;
|
|
}
|
|
};
|
|
|
|
Tween.prototype.init.prototype = Tween.prototype;
|
|
|
|
Tween.propHooks = {
|
|
_default: {
|
|
get: function( tween ) {
|
|
var result;
|
|
|
|
if ( tween.elem[ tween.prop ] != null &&
|
|
(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
|
|
return tween.elem[ tween.prop ];
|
|
}
|
|
|
|
// passing an empty string as a 3rd parameter to .css will automatically
|
|
// attempt a parseFloat and fallback to a string if the parse fails
|
|
// so, simple values such as "10px" are parsed to Float.
|
|
// complex values such as "rotate(1rad)" are returned as is.
|
|
result = jQuery.css( tween.elem, tween.prop, "" );
|
|
// Empty strings, null, undefined and "auto" are converted to 0.
|
|
return !result || result === "auto" ? 0 : result;
|
|
},
|
|
set: function( tween ) {
|
|
// use step hook for back compat - use cssHook if its there - use .style if its
|
|
// available and use plain properties where available
|
|
if ( jQuery.fx.step[ tween.prop ] ) {
|
|
jQuery.fx.step[ tween.prop ]( tween );
|
|
} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
|
|
jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
|
|
} else {
|
|
tween.elem[ tween.prop ] = tween.now;
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
// Remove in 2.0 - this supports IE8's panic based approach
|
|
// to setting things on disconnected nodes
|
|
|
|
Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
|
|
set: function( tween ) {
|
|
if ( tween.elem.nodeType && tween.elem.parentNode ) {
|
|
tween.elem[ tween.prop ] = tween.now;
|
|
}
|
|
}
|
|
};
|
|
|
|
jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
|
|
var cssFn = jQuery.fn[ name ];
|
|
jQuery.fn[ name ] = function( speed, easing, callback ) {
|
|
return speed == null || typeof speed === "boolean" ?
|
|
cssFn.apply( this, arguments ) :
|
|
this.animate( genFx( name, true ), speed, easing, callback );
|
|
};
|
|
});
|
|
|
|
jQuery.fn.extend({
|
|
fadeTo: function( speed, to, easing, callback ) {
|
|
|
|
// show any hidden elements after setting opacity to 0
|
|
return this.filter( isHidden ).css( "opacity", 0 ).show()
|
|
|
|
// animate to the value specified
|
|
.end().animate({ opacity: to }, speed, easing, callback );
|
|
},
|
|
animate: function( prop, speed, easing, callback ) {
|
|
var empty = jQuery.isEmptyObject( prop ),
|
|
optall = jQuery.speed( speed, easing, callback ),
|
|
doAnimation = function() {
|
|
// Operate on a copy of prop so per-property easing won't be lost
|
|
var anim = Animation( this, jQuery.extend( {}, prop ), optall );
|
|
doAnimation.finish = function() {
|
|
anim.stop( true );
|
|
};
|
|
// Empty animations, or finishing resolves immediately
|
|
if ( empty || jQuery._data( this, "finish" ) ) {
|
|
anim.stop( true );
|
|
}
|
|
};
|
|
doAnimation.finish = doAnimation;
|
|
|
|
return empty || optall.queue === false ?
|
|
this.each( doAnimation ) :
|
|
this.queue( optall.queue, doAnimation );
|
|
},
|
|
stop: function( type, clearQueue, gotoEnd ) {
|
|
var stopQueue = function( hooks ) {
|
|
var stop = hooks.stop;
|
|
delete hooks.stop;
|
|
stop( gotoEnd );
|
|
};
|
|
|
|
if ( typeof type !== "string" ) {
|
|
gotoEnd = clearQueue;
|
|
clearQueue = type;
|
|
type = undefined;
|
|
}
|
|
if ( clearQueue && type !== false ) {
|
|
this.queue( type || "fx", [] );
|
|
}
|
|
|
|
return this.each(function() {
|
|
var dequeue = true,
|
|
index = type != null && type + "queueHooks",
|
|
timers = jQuery.timers,
|
|
data = jQuery._data( this );
|
|
|
|
if ( index ) {
|
|
if ( data[ index ] && data[ index ].stop ) {
|
|
stopQueue( data[ index ] );
|
|
}
|
|
} else {
|
|
for ( index in data ) {
|
|
if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
|
|
stopQueue( data[ index ] );
|
|
}
|
|
}
|
|
}
|
|
|
|
for ( index = timers.length; index--; ) {
|
|
if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
|
|
timers[ index ].anim.stop( gotoEnd );
|
|
dequeue = false;
|
|
timers.splice( index, 1 );
|
|
}
|
|
}
|
|
|
|
// start the next in the queue if the last step wasn't forced
|
|
// timers currently will call their complete callbacks, which will dequeue
|
|
// but only if they were gotoEnd
|
|
if ( dequeue || !gotoEnd ) {
|
|
jQuery.dequeue( this, type );
|
|
}
|
|
});
|
|
},
|
|
finish: function( type ) {
|
|
if ( type !== false ) {
|
|
type = type || "fx";
|
|
}
|
|
return this.each(function() {
|
|
var index,
|
|
data = jQuery._data( this ),
|
|
queue = data[ type + "queue" ],
|
|
hooks = data[ type + "queueHooks" ],
|
|
timers = jQuery.timers,
|
|
length = queue ? queue.length : 0;
|
|
|
|
// enable finishing flag on private data
|
|
data.finish = true;
|
|
|
|
// empty the queue first
|
|
jQuery.queue( this, type, [] );
|
|
|
|
if ( hooks && hooks.cur && hooks.cur.finish ) {
|
|
hooks.cur.finish.call( this );
|
|
}
|
|
|
|
// look for any active animations, and finish them
|
|
for ( index = timers.length; index--; ) {
|
|
if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
|
|
timers[ index ].anim.stop( true );
|
|
timers.splice( index, 1 );
|
|
}
|
|
}
|
|
|
|
// look for any animations in the old queue and finish them
|
|
for ( index = 0; index < length; index++ ) {
|
|
if ( queue[ index ] && queue[ index ].finish ) {
|
|
queue[ index ].finish.call( this );
|
|
}
|
|
}
|
|
|
|
// turn off finishing flag
|
|
delete data.finish;
|
|
});
|
|
}
|
|
});
|
|
|
|
// Generate parameters to create a standard animation
|
|
function genFx( type, includeWidth ) {
|
|
var which,
|
|
attrs = { height: type },
|
|
i = 0;
|
|
|
|
// if we include width, step value is 1 to do all cssExpand values,
|
|
// if we don't include width, step value is 2 to skip over Left and Right
|
|
includeWidth = includeWidth? 1 : 0;
|
|
for( ; i < 4 ; i += 2 - includeWidth ) {
|
|
which = cssExpand[ i ];
|
|
attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
|
|
}
|
|
|
|
if ( includeWidth ) {
|
|
attrs.opacity = attrs.width = type;
|
|
}
|
|
|
|
return attrs;
|
|
}
|
|
|
|
// Generate shortcuts for custom animations
|
|
jQuery.each({
|
|
slideDown: genFx("show"),
|
|
slideUp: genFx("hide"),
|
|
slideToggle: genFx("toggle"),
|
|
fadeIn: { opacity: "show" },
|
|
fadeOut: { opacity: "hide" },
|
|
fadeToggle: { opacity: "toggle" }
|
|
}, function( name, props ) {
|
|
jQuery.fn[ name ] = function( speed, easing, callback ) {
|
|
return this.animate( props, speed, easing, callback );
|
|
};
|
|
});
|
|
|
|
jQuery.speed = function( speed, easing, fn ) {
|
|
var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
|
|
complete: fn || !fn && easing ||
|
|
jQuery.isFunction( speed ) && speed,
|
|
duration: speed,
|
|
easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
|
|
};
|
|
|
|
opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
|
|
opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
|
|
|
|
// normalize opt.queue - true/undefined/null -> "fx"
|
|
if ( opt.queue == null || opt.queue === true ) {
|
|
opt.queue = "fx";
|
|
}
|
|
|
|
// Queueing
|
|
opt.old = opt.complete;
|
|
|
|
opt.complete = function() {
|
|
if ( jQuery.isFunction( opt.old ) ) {
|
|
opt.old.call( this );
|
|
}
|
|
|
|
if ( opt.queue ) {
|
|
jQuery.dequeue( this, opt.queue );
|
|
}
|
|
};
|
|
|
|
return opt;
|
|
};
|
|
|
|
jQuery.easing = {
|
|
linear: function( p ) {
|
|
return p;
|
|
},
|
|
swing: function( p ) {
|
|
return 0.5 - Math.cos( p*Math.PI ) / 2;
|
|
}
|
|
};
|
|
|
|
jQuery.timers = [];
|
|
jQuery.fx = Tween.prototype.init;
|
|
jQuery.fx.tick = function() {
|
|
var timer,
|
|
timers = jQuery.timers,
|
|
i = 0;
|
|
|
|
fxNow = jQuery.now();
|
|
|
|
for ( ; i < timers.length; i++ ) {
|
|
timer = timers[ i ];
|
|
// Checks the timer has not already been removed
|
|
if ( !timer() && timers[ i ] === timer ) {
|
|
timers.splice( i--, 1 );
|
|
}
|
|
}
|
|
|
|
if ( !timers.length ) {
|
|
jQuery.fx.stop();
|
|
}
|
|
fxNow = undefined;
|
|
};
|
|
|
|
jQuery.fx.timer = function( timer ) {
|
|
if ( timer() && jQuery.timers.push( timer ) ) {
|
|
jQuery.fx.start();
|
|
}
|
|
};
|
|
|
|
jQuery.fx.interval = 13;
|
|
|
|
jQuery.fx.start = function() {
|
|
if ( !timerId ) {
|
|
timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
|
|
}
|
|
};
|
|
|
|
jQuery.fx.stop = function() {
|
|
clearInterval( timerId );
|
|
timerId = null;
|
|
};
|
|
|
|
jQuery.fx.speeds = {
|
|
slow: 600,
|
|
fast: 200,
|
|
// Default speed
|
|
_default: 400
|
|
};
|
|
|
|
// Back Compat <1.8 extension point
|
|
jQuery.fx.step = {};
|
|
|
|
if ( jQuery.expr && jQuery.expr.filters ) {
|
|
jQuery.expr.filters.animated = function( elem ) {
|
|
return jQuery.grep(jQuery.timers, function( fn ) {
|
|
return elem === fn.elem;
|
|
}).length;
|
|
};
|
|
}
|
|
jQuery.fn.offset = function( options ) {
|
|
if ( arguments.length ) {
|
|
return options === undefined ?
|
|
this :
|
|
this.each(function( i ) {
|
|
jQuery.offset.setOffset( this, options, i );
|
|
});
|
|
}
|
|
|
|
var docElem, win,
|
|
box = { top: 0, left: 0 },
|
|
elem = this[ 0 ],
|
|
doc = elem && elem.ownerDocument;
|
|
|
|
if ( !doc ) {
|
|
return;
|
|
}
|
|
|
|
docElem = doc.documentElement;
|
|
|
|
// Make sure it's not a disconnected DOM node
|
|
if ( !jQuery.contains( docElem, elem ) ) {
|
|
return box;
|
|
}
|
|
|
|
// If we don't have gBCR, just use 0,0 rather than error
|
|
// BlackBerry 5, iOS 3 (original iPhone)
|
|
if ( typeof elem.getBoundingClientRect !== core_strundefined ) {
|
|
box = elem.getBoundingClientRect();
|
|
}
|
|
win = getWindow( doc );
|
|
return {
|
|
top: box.top + ( win.pageYOffset || docElem.scrollTop ) - ( docElem.clientTop || 0 ),
|
|
left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
|
|
};
|
|
};
|
|
|
|
jQuery.offset = {
|
|
|
|
setOffset: function( elem, options, i ) {
|
|
var position = jQuery.css( elem, "position" );
|
|
|
|
// set position first, in-case top/left are set even on static elem
|
|
if ( position === "static" ) {
|
|
elem.style.position = "relative";
|
|
}
|
|
|
|
var curElem = jQuery( elem ),
|
|
curOffset = curElem.offset(),
|
|
curCSSTop = jQuery.css( elem, "top" ),
|
|
curCSSLeft = jQuery.css( elem, "left" ),
|
|
calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
|
|
props = {}, curPosition = {}, curTop, curLeft;
|
|
|
|
// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
|
|
if ( calculatePosition ) {
|
|
curPosition = curElem.position();
|
|
curTop = curPosition.top;
|
|
curLeft = curPosition.left;
|
|
} else {
|
|
curTop = parseFloat( curCSSTop ) || 0;
|
|
curLeft = parseFloat( curCSSLeft ) || 0;
|
|
}
|
|
|
|
if ( jQuery.isFunction( options ) ) {
|
|
options = options.call( elem, i, curOffset );
|
|
}
|
|
|
|
if ( options.top != null ) {
|
|
props.top = ( options.top - curOffset.top ) + curTop;
|
|
}
|
|
if ( options.left != null ) {
|
|
props.left = ( options.left - curOffset.left ) + curLeft;
|
|
}
|
|
|
|
if ( "using" in options ) {
|
|
options.using.call( elem, props );
|
|
} else {
|
|
curElem.css( props );
|
|
}
|
|
}
|
|
};
|
|
|
|
|
|
jQuery.fn.extend({
|
|
|
|
position: function() {
|
|
if ( !this[ 0 ] ) {
|
|
return;
|
|
}
|
|
|
|
var offsetParent, offset,
|
|
parentOffset = { top: 0, left: 0 },
|
|
elem = this[ 0 ];
|
|
|
|
// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
|
|
if ( jQuery.css( elem, "position" ) === "fixed" ) {
|
|
// we assume that getBoundingClientRect is available when computed position is fixed
|
|
offset = elem.getBoundingClientRect();
|
|
} else {
|
|
// Get *real* offsetParent
|
|
offsetParent = this.offsetParent();
|
|
|
|
// Get correct offsets
|
|
offset = this.offset();
|
|
if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
|
|
parentOffset = offsetParent.offset();
|
|
}
|
|
|
|
// Add offsetParent borders
|
|
parentOffset.top += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
|
|
parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
|
|
}
|
|
|
|
// Subtract parent offsets and element margins
|
|
// note: when an element has margin: auto the offsetLeft and marginLeft
|
|
// are the same in Safari causing offset.left to incorrectly be 0
|
|
return {
|
|
top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
|
|
left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
|
|
};
|
|
},
|
|
|
|
offsetParent: function() {
|
|
return this.map(function() {
|
|
var offsetParent = this.offsetParent || document.documentElement;
|
|
while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position") === "static" ) ) {
|
|
offsetParent = offsetParent.offsetParent;
|
|
}
|
|
return offsetParent || document.documentElement;
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
// Create scrollLeft and scrollTop methods
|
|
jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
|
|
var top = /Y/.test( prop );
|
|
|
|
jQuery.fn[ method ] = function( val ) {
|
|
return jQuery.access( this, function( elem, method, val ) {
|
|
var win = getWindow( elem );
|
|
|
|
if ( val === undefined ) {
|
|
return win ? (prop in win) ? win[ prop ] :
|
|
win.document.documentElement[ method ] :
|
|
elem[ method ];
|
|
}
|
|
|
|
if ( win ) {
|
|
win.scrollTo(
|
|
!top ? val : jQuery( win ).scrollLeft(),
|
|
top ? val : jQuery( win ).scrollTop()
|
|
);
|
|
|
|
} else {
|
|
elem[ method ] = val;
|
|
}
|
|
}, method, val, arguments.length, null );
|
|
};
|
|
});
|
|
|
|
function getWindow( elem ) {
|
|
return jQuery.isWindow( elem ) ?
|
|
elem :
|
|
elem.nodeType === 9 ?
|
|
elem.defaultView || elem.parentWindow :
|
|
false;
|
|
}
|
|
// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
|
|
jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
|
|
jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
|
|
// margin is only for outerHeight, outerWidth
|
|
jQuery.fn[ funcName ] = function( margin, value ) {
|
|
var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
|
|
extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
|
|
|
|
return jQuery.access( this, function( elem, type, value ) {
|
|
var doc;
|
|
|
|
if ( jQuery.isWindow( elem ) ) {
|
|
// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
|
|
// isn't a whole lot we can do. See pull request at this URL for discussion:
|
|
// https://github.com/jquery/jquery/pull/764
|
|
return elem.document.documentElement[ "client" + name ];
|
|
}
|
|
|
|
// Get document width or height
|
|
if ( elem.nodeType === 9 ) {
|
|
doc = elem.documentElement;
|
|
|
|
// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
|
|
// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
|
|
return Math.max(
|
|
elem.body[ "scroll" + name ], doc[ "scroll" + name ],
|
|
elem.body[ "offset" + name ], doc[ "offset" + name ],
|
|
doc[ "client" + name ]
|
|
);
|
|
}
|
|
|
|
return value === undefined ?
|
|
// Get width or height on the element, requesting but not forcing parseFloat
|
|
jQuery.css( elem, type, extra ) :
|
|
|
|
// Set width or height on the element
|
|
jQuery.style( elem, type, value, extra );
|
|
}, type, chainable ? margin : undefined, chainable, null );
|
|
};
|
|
});
|
|
});
|
|
// Limit scope pollution from any deprecated API
|
|
// (function() {
|
|
|
|
// })();
|
|
// Expose jQuery to the global object
|
|
window.jQuery = window.$ = jQuery;
|
|
|
|
// Expose jQuery as an AMD module, but only for AMD loaders that
|
|
// understand the issues with loading multiple versions of jQuery
|
|
// in a page that all might call define(). The loader will indicate
|
|
// they have special allowances for multiple jQuery versions by
|
|
// specifying define.amd.jQuery = true. Register as a named module,
|
|
// since jQuery can be concatenated with other files that may use define,
|
|
// but not use a proper concatenation script that understands anonymous
|
|
// AMD modules. A named AMD is safest and most robust way to register.
|
|
// Lowercase jquery is used because AMD module names are derived from
|
|
// file names, and jQuery is normally delivered in a lowercase file name.
|
|
// Do this after creating the global so that if an AMD module wants to call
|
|
// noConflict to hide this version of jQuery, it will work.
|
|
if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
|
|
define( "jquery", [], function () { return jQuery; } );
|
|
}
|
|
|
|
})( window );
|
|
|
|
///#source 1 1 /ClientSource/Scripts/Core/jquery.validate.js
|
|
/*! jQuery Validation Plugin - v1.11.0 - 2/4/2013
|
|
* https://github.com/jzaefferer/jquery-validation
|
|
* Copyright (c) 2013 Jörn Zaefferer; Licensed MIT */
|
|
|
|
(function($) {
|
|
|
|
$.extend($.fn, {
|
|
// http://docs.jquery.com/Plugins/Validation/validate
|
|
validate: function( options ) {
|
|
|
|
// if nothing is selected, return nothing; can't chain anyway
|
|
if ( !this.length ) {
|
|
if ( options && options.debug && window.console ) {
|
|
console.warn( "Nothing selected, can't validate, returning nothing." );
|
|
}
|
|
return;
|
|
}
|
|
|
|
// check if a validator for this form was already created
|
|
var validator = $.data( this[0], "validator" );
|
|
if ( validator ) {
|
|
return validator;
|
|
}
|
|
|
|
// Add novalidate tag if HTML5.
|
|
this.attr( "novalidate", "novalidate" );
|
|
|
|
validator = new $.validator( options, this[0] );
|
|
$.data( this[0], "validator", validator );
|
|
|
|
if ( validator.settings.onsubmit ) {
|
|
|
|
this.validateDelegate( ":submit", "click", function( event ) {
|
|
if ( validator.settings.submitHandler ) {
|
|
validator.submitButton = event.target;
|
|
}
|
|
// allow suppressing validation by adding a cancel class to the submit button
|
|
if ( $(event.target).hasClass("cancel") ) {
|
|
validator.cancelSubmit = true;
|
|
}
|
|
});
|
|
|
|
// validate the form on submit
|
|
this.submit( function( event ) {
|
|
if ( validator.settings.debug ) {
|
|
// prevent form submit to be able to see console output
|
|
event.preventDefault();
|
|
}
|
|
function handle() {
|
|
var hidden;
|
|
if ( validator.settings.submitHandler ) {
|
|
if ( validator.submitButton ) {
|
|
// insert a hidden input as a replacement for the missing submit button
|
|
hidden = $("<input type='hidden'/>").attr("name", validator.submitButton.name).val(validator.submitButton.value).appendTo(validator.currentForm);
|
|
}
|
|
validator.settings.submitHandler.call( validator, validator.currentForm, event );
|
|
if ( validator.submitButton ) {
|
|
// and clean up afterwards; thanks to no-block-scope, hidden can be referenced
|
|
hidden.remove();
|
|
}
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
// prevent submit for invalid forms or custom submit handlers
|
|
if ( validator.cancelSubmit ) {
|
|
validator.cancelSubmit = false;
|
|
return handle();
|
|
}
|
|
if ( validator.form() ) {
|
|
if ( validator.pendingRequest ) {
|
|
validator.formSubmitted = true;
|
|
return false;
|
|
}
|
|
return handle();
|
|
} else {
|
|
validator.focusInvalid();
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
return validator;
|
|
},
|
|
// http://docs.jquery.com/Plugins/Validation/valid
|
|
valid: function() {
|
|
if ( $(this[0]).is("form")) {
|
|
return this.validate().form();
|
|
} else {
|
|
var valid = true;
|
|
var validator = $(this[0].form).validate();
|
|
this.each(function() {
|
|
valid &= validator.element(this);
|
|
});
|
|
return valid;
|
|
}
|
|
},
|
|
// attributes: space seperated list of attributes to retrieve and remove
|
|
removeAttrs: function( attributes ) {
|
|
var result = {},
|
|
$element = this;
|
|
$.each(attributes.split(/\s/), function( index, value ) {
|
|
result[value] = $element.attr(value);
|
|
$element.removeAttr(value);
|
|
});
|
|
return result;
|
|
},
|
|
// http://docs.jquery.com/Plugins/Validation/rules
|
|
rules: function( command, argument ) {
|
|
var element = this[0];
|
|
|
|
if ( command ) {
|
|
var settings = $.data(element.form, "validator").settings;
|
|
var staticRules = settings.rules;
|
|
var existingRules = $.validator.staticRules(element);
|
|
switch(command) {
|
|
case "add":
|
|
$.extend(existingRules, $.validator.normalizeRule(argument));
|
|
staticRules[element.name] = existingRules;
|
|
if ( argument.messages ) {
|
|
settings.messages[element.name] = $.extend( settings.messages[element.name], argument.messages );
|
|
}
|
|
break;
|
|
case "remove":
|
|
if ( !argument ) {
|
|
delete staticRules[element.name];
|
|
return existingRules;
|
|
}
|
|
var filtered = {};
|
|
$.each(argument.split(/\s/), function( index, method ) {
|
|
filtered[method] = existingRules[method];
|
|
delete existingRules[method];
|
|
});
|
|
return filtered;
|
|
}
|
|
}
|
|
|
|
var data = $.validator.normalizeRules(
|
|
$.extend(
|
|
{},
|
|
$.validator.classRules(element),
|
|
$.validator.attributeRules(element),
|
|
$.validator.dataRules(element),
|
|
$.validator.staticRules(element)
|
|
), element);
|
|
|
|
// make sure required is at front
|
|
if ( data.required ) {
|
|
var param = data.required;
|
|
delete data.required;
|
|
data = $.extend({required: param}, data);
|
|
}
|
|
|
|
return data;
|
|
}
|
|
});
|
|
|
|
// Custom selectors
|
|
$.extend($.expr[":"], {
|
|
// http://docs.jquery.com/Plugins/Validation/blank
|
|
blank: function( a ) { return !$.trim("" + a.value); },
|
|
// http://docs.jquery.com/Plugins/Validation/filled
|
|
filled: function( a ) { return !!$.trim("" + a.value); },
|
|
// http://docs.jquery.com/Plugins/Validation/unchecked
|
|
unchecked: function( a ) { return !a.checked; }
|
|
});
|
|
|
|
// constructor for validator
|
|
$.validator = function( options, form ) {
|
|
this.settings = $.extend( true, {}, $.validator.defaults, options );
|
|
this.currentForm = form;
|
|
this.init();
|
|
};
|
|
|
|
$.validator.format = function( source, params ) {
|
|
if ( arguments.length === 1 ) {
|
|
return function() {
|
|
var args = $.makeArray(arguments);
|
|
args.unshift(source);
|
|
return $.validator.format.apply( this, args );
|
|
};
|
|
}
|
|
if ( arguments.length > 2 && params.constructor !== Array ) {
|
|
params = $.makeArray(arguments).slice(1);
|
|
}
|
|
if ( params.constructor !== Array ) {
|
|
params = [ params ];
|
|
}
|
|
$.each(params, function( i, n ) {
|
|
source = source.replace( new RegExp("\\{" + i + "\\}", "g"), function() {
|
|
return n;
|
|
});
|
|
});
|
|
return source;
|
|
};
|
|
|
|
$.extend($.validator, {
|
|
|
|
defaults: {
|
|
messages: {},
|
|
groups: {},
|
|
rules: {},
|
|
errorClass: "error",
|
|
validClass: "valid",
|
|
errorElement: "label",
|
|
focusInvalid: true,
|
|
errorContainer: $([]),
|
|
errorLabelContainer: $([]),
|
|
onsubmit: true,
|
|
ignore: ":hidden",
|
|
ignoreTitle: false,
|
|
onfocusin: function( element, event ) {
|
|
this.lastActive = element;
|
|
|
|
// hide error label and remove error class on focus if enabled
|
|
if ( this.settings.focusCleanup && !this.blockFocusCleanup ) {
|
|
if ( this.settings.unhighlight ) {
|
|
this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass );
|
|
}
|
|
this.addWrapper(this.errorsFor(element)).hide();
|
|
}
|
|
},
|
|
onfocusout: function( element, event ) {
|
|
if ( !this.checkable(element) && (element.name in this.submitted || !this.optional(element)) ) {
|
|
this.element(element);
|
|
}
|
|
},
|
|
onkeyup: function( element, event ) {
|
|
if ( event.which === 9 && this.elementValue(element) === "" ) {
|
|
return;
|
|
} else if ( element.name in this.submitted || element === this.lastElement ) {
|
|
this.element(element);
|
|
}
|
|
},
|
|
onclick: function( element, event ) {
|
|
// click on selects, radiobuttons and checkboxes
|
|
if ( element.name in this.submitted ) {
|
|
this.element(element);
|
|
}
|
|
// or option elements, check parent select in that case
|
|
else if ( element.parentNode.name in this.submitted ) {
|
|
this.element(element.parentNode);
|
|
}
|
|
},
|
|
highlight: function( element, errorClass, validClass ) {
|
|
if ( element.type === "radio" ) {
|
|
this.findByName(element.name).addClass(errorClass).removeClass(validClass);
|
|
} else {
|
|
$(element).addClass(errorClass).removeClass(validClass);
|
|
}
|
|
},
|
|
unhighlight: function( element, errorClass, validClass ) {
|
|
if ( element.type === "radio" ) {
|
|
this.findByName(element.name).removeClass(errorClass).addClass(validClass);
|
|
} else {
|
|
$(element).removeClass(errorClass).addClass(validClass);
|
|
}
|
|
}
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Validator/setDefaults
|
|
setDefaults: function( settings ) {
|
|
$.extend( $.validator.defaults, settings );
|
|
},
|
|
|
|
messages: {
|
|
required: "This field is required.",
|
|
remote: "Please fix this field.",
|
|
email: "Please enter a valid email address.",
|
|
url: "Please enter a valid URL.",
|
|
date: "Please enter a valid date.",
|
|
dateISO: "Please enter a valid date (ISO).",
|
|
number: "Please enter a valid number.",
|
|
digits: "Please enter only digits.",
|
|
creditcard: "Please enter a valid credit card number.",
|
|
equalTo: "Please enter the same value again.",
|
|
maxlength: $.validator.format("Please enter no more than {0} characters."),
|
|
minlength: $.validator.format("Please enter at least {0} characters."),
|
|
rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),
|
|
range: $.validator.format("Please enter a value between {0} and {1}."),
|
|
max: $.validator.format("Please enter a value less than or equal to {0}."),
|
|
min: $.validator.format("Please enter a value greater than or equal to {0}.")
|
|
},
|
|
|
|
autoCreateRanges: false,
|
|
|
|
prototype: {
|
|
|
|
init: function() {
|
|
this.labelContainer = $(this.settings.errorLabelContainer);
|
|
this.errorContext = this.labelContainer.length && this.labelContainer || $(this.currentForm);
|
|
this.containers = $(this.settings.errorContainer).add( this.settings.errorLabelContainer );
|
|
this.submitted = {};
|
|
this.valueCache = {};
|
|
this.pendingRequest = 0;
|
|
this.pending = {};
|
|
this.invalid = {};
|
|
this.reset();
|
|
|
|
var groups = (this.groups = {});
|
|
$.each(this.settings.groups, function( key, value ) {
|
|
if ( typeof value === "string" ) {
|
|
value = value.split(/\s/);
|
|
}
|
|
$.each(value, function( index, name ) {
|
|
groups[name] = key;
|
|
});
|
|
});
|
|
var rules = this.settings.rules;
|
|
$.each(rules, function( key, value ) {
|
|
rules[key] = $.validator.normalizeRule(value);
|
|
});
|
|
|
|
function delegate(event) {
|
|
var validator = $.data(this[0].form, "validator"),
|
|
eventType = "on" + event.type.replace(/^validate/, "");
|
|
if ( validator.settings[eventType] ) {
|
|
validator.settings[eventType].call(validator, this[0], event);
|
|
}
|
|
}
|
|
$(this.currentForm)
|
|
.validateDelegate(":text, [type='password'], [type='file'], select, textarea, " +
|
|
"[type='number'], [type='search'] ,[type='tel'], [type='url'], " +
|
|
"[type='email'], [type='datetime'], [type='date'], [type='month'], " +
|
|
"[type='week'], [type='time'], [type='datetime-local'], " +
|
|
"[type='range'], [type='color'] ",
|
|
"focusin focusout keyup", delegate)
|
|
.validateDelegate("[type='radio'], [type='checkbox'], select, option", "click", delegate);
|
|
|
|
if ( this.settings.invalidHandler ) {
|
|
$(this.currentForm).bind("invalid-form.validate", this.settings.invalidHandler);
|
|
}
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Validator/form
|
|
form: function() {
|
|
this.checkForm();
|
|
$.extend(this.submitted, this.errorMap);
|
|
this.invalid = $.extend({}, this.errorMap);
|
|
if ( !this.valid() ) {
|
|
$(this.currentForm).triggerHandler("invalid-form", [this]);
|
|
}
|
|
this.showErrors();
|
|
return this.valid();
|
|
},
|
|
|
|
checkForm: function() {
|
|
this.prepareForm();
|
|
for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {
|
|
this.check( elements[i] );
|
|
}
|
|
return this.valid();
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Validator/element
|
|
element: function( element ) {
|
|
element = this.validationTargetFor( this.clean( element ) );
|
|
this.lastElement = element;
|
|
this.prepareElement( element );
|
|
this.currentElements = $(element);
|
|
var result = this.check( element ) !== false;
|
|
if ( result ) {
|
|
delete this.invalid[element.name];
|
|
} else {
|
|
this.invalid[element.name] = true;
|
|
}
|
|
if ( !this.numberOfInvalids() ) {
|
|
// Hide error containers on last error
|
|
this.toHide = this.toHide.add( this.containers );
|
|
}
|
|
this.showErrors();
|
|
return result;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Validator/showErrors
|
|
showErrors: function( errors ) {
|
|
if ( errors ) {
|
|
// add items to error list and map
|
|
$.extend( this.errorMap, errors );
|
|
this.errorList = [];
|
|
for ( var name in errors ) {
|
|
this.errorList.push({
|
|
message: errors[name],
|
|
element: this.findByName(name)[0]
|
|
});
|
|
}
|
|
// remove items from success list
|
|
this.successList = $.grep( this.successList, function( element ) {
|
|
return !(element.name in errors);
|
|
});
|
|
}
|
|
if ( this.settings.showErrors ) {
|
|
this.settings.showErrors.call( this, this.errorMap, this.errorList );
|
|
} else {
|
|
this.defaultShowErrors();
|
|
}
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Validator/resetForm
|
|
resetForm: function() {
|
|
if ( $.fn.resetForm ) {
|
|
$(this.currentForm).resetForm();
|
|
}
|
|
this.submitted = {};
|
|
this.lastElement = null;
|
|
this.prepareForm();
|
|
this.hideErrors();
|
|
this.elements().removeClass( this.settings.errorClass ).removeData( "previousValue" );
|
|
},
|
|
|
|
numberOfInvalids: function() {
|
|
return this.objectLength(this.invalid);
|
|
},
|
|
|
|
objectLength: function( obj ) {
|
|
var count = 0;
|
|
for ( var i in obj ) {
|
|
count++;
|
|
}
|
|
return count;
|
|
},
|
|
|
|
hideErrors: function() {
|
|
this.addWrapper( this.toHide ).hide();
|
|
},
|
|
|
|
valid: function() {
|
|
return this.size() === 0;
|
|
},
|
|
|
|
size: function() {
|
|
return this.errorList.length;
|
|
},
|
|
|
|
focusInvalid: function() {
|
|
if ( this.settings.focusInvalid ) {
|
|
try {
|
|
$(this.findLastActive() || this.errorList.length && this.errorList[0].element || [])
|
|
.filter(":visible")
|
|
.focus()
|
|
// manually trigger focusin event; without it, focusin handler isn't called, findLastActive won't have anything to find
|
|
.trigger("focusin");
|
|
} catch(e) {
|
|
// ignore IE throwing errors when focusing hidden elements
|
|
}
|
|
}
|
|
},
|
|
|
|
findLastActive: function() {
|
|
var lastActive = this.lastActive;
|
|
return lastActive && $.grep(this.errorList, function( n ) {
|
|
return n.element.name === lastActive.name;
|
|
}).length === 1 && lastActive;
|
|
},
|
|
|
|
elements: function() {
|
|
var validator = this,
|
|
rulesCache = {};
|
|
|
|
// select all valid inputs inside the form (no submit or reset buttons)
|
|
return $(this.currentForm)
|
|
.find("input, select, textarea")
|
|
.not(":submit, :reset, :image, [disabled]")
|
|
.not( this.settings.ignore )
|
|
.filter(function() {
|
|
if ( !this.name && validator.settings.debug && window.console ) {
|
|
console.error( "%o has no name assigned", this);
|
|
}
|
|
|
|
// select only the first element for each name, and only those with rules specified
|
|
if ( this.name in rulesCache || !validator.objectLength($(this).rules()) ) {
|
|
return false;
|
|
}
|
|
|
|
rulesCache[this.name] = true;
|
|
return true;
|
|
});
|
|
},
|
|
|
|
clean: function( selector ) {
|
|
return $(selector)[0];
|
|
},
|
|
|
|
errors: function() {
|
|
var errorClass = this.settings.errorClass.replace(" ", ".");
|
|
return $(this.settings.errorElement + "." + errorClass, this.errorContext);
|
|
},
|
|
|
|
reset: function() {
|
|
this.successList = [];
|
|
this.errorList = [];
|
|
this.errorMap = {};
|
|
this.toShow = $([]);
|
|
this.toHide = $([]);
|
|
this.currentElements = $([]);
|
|
},
|
|
|
|
prepareForm: function() {
|
|
this.reset();
|
|
this.toHide = this.errors().add( this.containers );
|
|
},
|
|
|
|
prepareElement: function( element ) {
|
|
this.reset();
|
|
this.toHide = this.errorsFor(element);
|
|
},
|
|
|
|
elementValue: function( element ) {
|
|
var type = $(element).attr("type"),
|
|
val = $(element).val();
|
|
|
|
if ( type === "radio" || type === "checkbox" ) {
|
|
return $("input[name='" + $(element).attr("name") + "']:checked").val();
|
|
}
|
|
|
|
if ( typeof val === "string" ) {
|
|
return val.replace(/\r/g, "");
|
|
}
|
|
return val;
|
|
},
|
|
|
|
check: function( element ) {
|
|
element = this.validationTargetFor( this.clean( element ) );
|
|
|
|
var rules = $(element).rules();
|
|
var dependencyMismatch = false;
|
|
var val = this.elementValue(element);
|
|
var result;
|
|
|
|
for (var method in rules ) {
|
|
var rule = { method: method, parameters: rules[method] };
|
|
try {
|
|
|
|
result = $.validator.methods[method].call( this, val, element, rule.parameters );
|
|
|
|
// if a method indicates that the field is optional and therefore valid,
|
|
// don't mark it as valid when there are no other rules
|
|
if ( result === "dependency-mismatch" ) {
|
|
dependencyMismatch = true;
|
|
continue;
|
|
}
|
|
dependencyMismatch = false;
|
|
|
|
if ( result === "pending" ) {
|
|
this.toHide = this.toHide.not( this.errorsFor(element) );
|
|
return;
|
|
}
|
|
|
|
if ( !result ) {
|
|
this.formatAndAdd( element, rule );
|
|
return false;
|
|
}
|
|
} catch(e) {
|
|
if ( this.settings.debug && window.console ) {
|
|
console.log( "Exception occured when checking element " + element.id + ", check the '" + rule.method + "' method.", e );
|
|
}
|
|
throw e;
|
|
}
|
|
}
|
|
if ( dependencyMismatch ) {
|
|
return;
|
|
}
|
|
if ( this.objectLength(rules) ) {
|
|
this.successList.push(element);
|
|
}
|
|
return true;
|
|
},
|
|
|
|
// return the custom message for the given element and validation method
|
|
// specified in the element's HTML5 data attribute
|
|
customDataMessage: function( element, method ) {
|
|
return $(element).data("msg-" + method.toLowerCase()) || (element.attributes && $(element).attr("data-msg-" + method.toLowerCase()));
|
|
},
|
|
|
|
// return the custom message for the given element name and validation method
|
|
customMessage: function( name, method ) {
|
|
var m = this.settings.messages[name];
|
|
return m && (m.constructor === String ? m : m[method]);
|
|
},
|
|
|
|
// return the first defined argument, allowing empty strings
|
|
findDefined: function() {
|
|
for(var i = 0; i < arguments.length; i++) {
|
|
if ( arguments[i] !== undefined ) {
|
|
return arguments[i];
|
|
}
|
|
}
|
|
return undefined;
|
|
},
|
|
|
|
defaultMessage: function( element, method ) {
|
|
return this.findDefined(
|
|
this.customMessage( element.name, method ),
|
|
this.customDataMessage( element, method ),
|
|
// title is never undefined, so handle empty string as undefined
|
|
!this.settings.ignoreTitle && element.title || undefined,
|
|
$.validator.messages[method],
|
|
"<strong>Warning: No message defined for " + element.name + "</strong>"
|
|
);
|
|
},
|
|
|
|
formatAndAdd: function( element, rule ) {
|
|
var message = this.defaultMessage( element, rule.method ),
|
|
theregex = /\$?\{(\d+)\}/g;
|
|
if ( typeof message === "function" ) {
|
|
message = message.call(this, rule.parameters, element);
|
|
} else if (theregex.test(message)) {
|
|
message = $.validator.format(message.replace(theregex, "{$1}"), rule.parameters);
|
|
}
|
|
this.errorList.push({
|
|
message: message,
|
|
element: element
|
|
});
|
|
|
|
this.errorMap[element.name] = message;
|
|
this.submitted[element.name] = message;
|
|
},
|
|
|
|
addWrapper: function( toToggle ) {
|
|
if ( this.settings.wrapper ) {
|
|
toToggle = toToggle.add( toToggle.parent( this.settings.wrapper ) );
|
|
}
|
|
return toToggle;
|
|
},
|
|
|
|
defaultShowErrors: function() {
|
|
var i, elements;
|
|
for ( i = 0; this.errorList[i]; i++ ) {
|
|
var error = this.errorList[i];
|
|
if ( this.settings.highlight ) {
|
|
this.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass );
|
|
}
|
|
this.showLabel( error.element, error.message );
|
|
}
|
|
if ( this.errorList.length ) {
|
|
this.toShow = this.toShow.add( this.containers );
|
|
}
|
|
if ( this.settings.success ) {
|
|
for ( i = 0; this.successList[i]; i++ ) {
|
|
this.showLabel( this.successList[i] );
|
|
}
|
|
}
|
|
if ( this.settings.unhighlight ) {
|
|
for ( i = 0, elements = this.validElements(); elements[i]; i++ ) {
|
|
this.settings.unhighlight.call( this, elements[i], this.settings.errorClass, this.settings.validClass );
|
|
}
|
|
}
|
|
this.toHide = this.toHide.not( this.toShow );
|
|
this.hideErrors();
|
|
this.addWrapper( this.toShow ).show();
|
|
},
|
|
|
|
validElements: function() {
|
|
return this.currentElements.not(this.invalidElements());
|
|
},
|
|
|
|
invalidElements: function() {
|
|
return $(this.errorList).map(function() {
|
|
return this.element;
|
|
});
|
|
},
|
|
|
|
showLabel: function( element, message ) {
|
|
var label = this.errorsFor( element );
|
|
if ( label.length ) {
|
|
// refresh error/success class
|
|
label.removeClass( this.settings.validClass ).addClass( this.settings.errorClass );
|
|
// replace message on existing label
|
|
label.html(message);
|
|
} else {
|
|
// create label
|
|
label = $("<" + this.settings.errorElement + ">")
|
|
.attr("for", this.idOrName(element))
|
|
.addClass(this.settings.errorClass)
|
|
.html(message || "");
|
|
if ( this.settings.wrapper ) {
|
|
// make sure the element is visible, even in IE
|
|
// actually showing the wrapped element is handled elsewhere
|
|
label = label.hide().show().wrap("<" + this.settings.wrapper + "/>").parent();
|
|
}
|
|
if ( !this.labelContainer.append(label).length ) {
|
|
if ( this.settings.errorPlacement ) {
|
|
this.settings.errorPlacement(label, $(element) );
|
|
} else {
|
|
label.insertAfter(element);
|
|
}
|
|
}
|
|
}
|
|
if ( !message && this.settings.success ) {
|
|
label.text("");
|
|
if ( typeof this.settings.success === "string" ) {
|
|
label.addClass( this.settings.success );
|
|
} else {
|
|
this.settings.success( label, element );
|
|
}
|
|
}
|
|
this.toShow = this.toShow.add(label);
|
|
},
|
|
|
|
errorsFor: function( element ) {
|
|
var name = this.idOrName(element);
|
|
return this.errors().filter(function() {
|
|
return $(this).attr("for") === name;
|
|
});
|
|
},
|
|
|
|
idOrName: function( element ) {
|
|
return this.groups[element.name] || (this.checkable(element) ? element.name : element.id || element.name);
|
|
},
|
|
|
|
validationTargetFor: function( element ) {
|
|
// if radio/checkbox, validate first element in group instead
|
|
if ( this.checkable(element) ) {
|
|
element = this.findByName( element.name ).not(this.settings.ignore)[0];
|
|
}
|
|
return element;
|
|
},
|
|
|
|
checkable: function( element ) {
|
|
return (/radio|checkbox/i).test(element.type);
|
|
},
|
|
|
|
findByName: function( name ) {
|
|
return $(this.currentForm).find("[name='" + name + "']");
|
|
},
|
|
|
|
getLength: function( value, element ) {
|
|
switch( element.nodeName.toLowerCase() ) {
|
|
case "select":
|
|
return $("option:selected", element).length;
|
|
case "input":
|
|
if ( this.checkable( element) ) {
|
|
return this.findByName(element.name).filter(":checked").length;
|
|
}
|
|
}
|
|
return value.length;
|
|
},
|
|
|
|
depend: function( param, element ) {
|
|
return this.dependTypes[typeof param] ? this.dependTypes[typeof param](param, element) : true;
|
|
},
|
|
|
|
dependTypes: {
|
|
"boolean": function( param, element ) {
|
|
return param;
|
|
},
|
|
"string": function( param, element ) {
|
|
return !!$(param, element.form).length;
|
|
},
|
|
"function": function( param, element ) {
|
|
return param(element);
|
|
}
|
|
},
|
|
|
|
optional: function( element ) {
|
|
var val = this.elementValue(element);
|
|
return !$.validator.methods.required.call(this, val, element) && "dependency-mismatch";
|
|
},
|
|
|
|
startRequest: function( element ) {
|
|
if ( !this.pending[element.name] ) {
|
|
this.pendingRequest++;
|
|
this.pending[element.name] = true;
|
|
}
|
|
},
|
|
|
|
stopRequest: function( element, valid ) {
|
|
this.pendingRequest--;
|
|
// sometimes synchronization fails, make sure pendingRequest is never < 0
|
|
if ( this.pendingRequest < 0 ) {
|
|
this.pendingRequest = 0;
|
|
}
|
|
delete this.pending[element.name];
|
|
if ( valid && this.pendingRequest === 0 && this.formSubmitted && this.form() ) {
|
|
$(this.currentForm).submit();
|
|
this.formSubmitted = false;
|
|
} else if (!valid && this.pendingRequest === 0 && this.formSubmitted) {
|
|
$(this.currentForm).triggerHandler("invalid-form", [this]);
|
|
this.formSubmitted = false;
|
|
}
|
|
},
|
|
|
|
previousValue: function( element ) {
|
|
return $.data(element, "previousValue") || $.data(element, "previousValue", {
|
|
old: null,
|
|
valid: true,
|
|
message: this.defaultMessage( element, "remote" )
|
|
});
|
|
}
|
|
|
|
},
|
|
|
|
classRuleSettings: {
|
|
required: {required: true},
|
|
email: {email: true},
|
|
url: {url: true},
|
|
date: {date: true},
|
|
dateISO: {dateISO: true},
|
|
number: {number: true},
|
|
digits: {digits: true},
|
|
creditcard: {creditcard: true}
|
|
},
|
|
|
|
addClassRules: function( className, rules ) {
|
|
if ( className.constructor === String ) {
|
|
this.classRuleSettings[className] = rules;
|
|
} else {
|
|
$.extend(this.classRuleSettings, className);
|
|
}
|
|
},
|
|
|
|
classRules: function( element ) {
|
|
var rules = {};
|
|
var classes = $(element).attr("class");
|
|
if ( classes ) {
|
|
$.each(classes.split(" "), function() {
|
|
if ( this in $.validator.classRuleSettings ) {
|
|
$.extend(rules, $.validator.classRuleSettings[this]);
|
|
}
|
|
});
|
|
}
|
|
return rules;
|
|
},
|
|
|
|
attributeRules: function( element ) {
|
|
var rules = {};
|
|
var $element = $(element);
|
|
|
|
for (var method in $.validator.methods) {
|
|
var value;
|
|
|
|
// support for <input required> in both html5 and older browsers
|
|
if ( method === "required" ) {
|
|
value = $element.get(0).getAttribute(method);
|
|
// Some browsers return an empty string for the required attribute
|
|
// and non-HTML5 browsers might have required="" markup
|
|
if ( value === "" ) {
|
|
value = true;
|
|
}
|
|
// force non-HTML5 browsers to return bool
|
|
value = !!value;
|
|
} else {
|
|
value = $element.attr(method);
|
|
}
|
|
|
|
if ( value ) {
|
|
rules[method] = value;
|
|
} else if ( $element[0].getAttribute("type") === method ) {
|
|
rules[method] = true;
|
|
}
|
|
}
|
|
|
|
// maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs
|
|
if ( rules.maxlength && /-1|2147483647|524288/.test(rules.maxlength) ) {
|
|
delete rules.maxlength;
|
|
}
|
|
|
|
return rules;
|
|
},
|
|
|
|
dataRules: function( element ) {
|
|
var method, value,
|
|
rules = {}, $element = $(element);
|
|
for (method in $.validator.methods) {
|
|
value = $element.data("rule-" + method.toLowerCase());
|
|
if ( value !== undefined ) {
|
|
rules[method] = value;
|
|
}
|
|
}
|
|
return rules;
|
|
},
|
|
|
|
staticRules: function( element ) {
|
|
var rules = {};
|
|
var validator = $.data(element.form, "validator");
|
|
if ( validator.settings.rules ) {
|
|
rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {};
|
|
}
|
|
return rules;
|
|
},
|
|
|
|
normalizeRules: function( rules, element ) {
|
|
// handle dependency check
|
|
$.each(rules, function( prop, val ) {
|
|
// ignore rule when param is explicitly false, eg. required:false
|
|
if ( val === false ) {
|
|
delete rules[prop];
|
|
return;
|
|
}
|
|
if ( val.param || val.depends ) {
|
|
var keepRule = true;
|
|
switch (typeof val.depends) {
|
|
case "string":
|
|
keepRule = !!$(val.depends, element.form).length;
|
|
break;
|
|
case "function":
|
|
keepRule = val.depends.call(element, element);
|
|
break;
|
|
}
|
|
if ( keepRule ) {
|
|
rules[prop] = val.param !== undefined ? val.param : true;
|
|
} else {
|
|
delete rules[prop];
|
|
}
|
|
}
|
|
});
|
|
|
|
// evaluate parameters
|
|
$.each(rules, function( rule, parameter ) {
|
|
rules[rule] = $.isFunction(parameter) ? parameter(element) : parameter;
|
|
});
|
|
|
|
// clean number parameters
|
|
$.each(['minlength', 'maxlength'], function() {
|
|
if ( rules[this] ) {
|
|
rules[this] = Number(rules[this]);
|
|
}
|
|
});
|
|
$.each(['rangelength'], function() {
|
|
var parts;
|
|
if ( rules[this] ) {
|
|
if ( $.isArray(rules[this]) ) {
|
|
rules[this] = [Number(rules[this][0]), Number(rules[this][1])];
|
|
} else if ( typeof rules[this] === "string" ) {
|
|
parts = rules[this].split(/[\s,]+/);
|
|
rules[this] = [Number(parts[0]), Number(parts[1])];
|
|
}
|
|
}
|
|
});
|
|
|
|
if ( $.validator.autoCreateRanges ) {
|
|
// auto-create ranges
|
|
if ( rules.min && rules.max ) {
|
|
rules.range = [rules.min, rules.max];
|
|
delete rules.min;
|
|
delete rules.max;
|
|
}
|
|
if ( rules.minlength && rules.maxlength ) {
|
|
rules.rangelength = [rules.minlength, rules.maxlength];
|
|
delete rules.minlength;
|
|
delete rules.maxlength;
|
|
}
|
|
}
|
|
|
|
return rules;
|
|
},
|
|
|
|
// Converts a simple string to a {string: true} rule, e.g., "required" to {required:true}
|
|
normalizeRule: function( data ) {
|
|
if ( typeof data === "string" ) {
|
|
var transformed = {};
|
|
$.each(data.split(/\s/), function() {
|
|
transformed[this] = true;
|
|
});
|
|
data = transformed;
|
|
}
|
|
return data;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Validator/addMethod
|
|
addMethod: function( name, method, message ) {
|
|
$.validator.methods[name] = method;
|
|
$.validator.messages[name] = message !== undefined ? message : $.validator.messages[name];
|
|
if ( method.length < 3 ) {
|
|
$.validator.addClassRules(name, $.validator.normalizeRule(name));
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/required
|
|
required: function( value, element, param ) {
|
|
// check if dependency is met
|
|
if ( !this.depend(param, element) ) {
|
|
return "dependency-mismatch";
|
|
}
|
|
if ( element.nodeName.toLowerCase() === "select" ) {
|
|
// could be an array for select-multiple or a string, both are fine this way
|
|
var val = $(element).val();
|
|
return val && val.length > 0;
|
|
}
|
|
if ( this.checkable(element) ) {
|
|
return this.getLength(value, element) > 0;
|
|
}
|
|
return $.trim(value).length > 0;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/remote
|
|
remote: function( value, element, param ) {
|
|
if ( this.optional(element) ) {
|
|
return "dependency-mismatch";
|
|
}
|
|
|
|
var previous = this.previousValue(element);
|
|
if (!this.settings.messages[element.name] ) {
|
|
this.settings.messages[element.name] = {};
|
|
}
|
|
previous.originalMessage = this.settings.messages[element.name].remote;
|
|
this.settings.messages[element.name].remote = previous.message;
|
|
|
|
param = typeof param === "string" && {url:param} || param;
|
|
|
|
if ( previous.old === value ) {
|
|
return previous.valid;
|
|
}
|
|
|
|
previous.old = value;
|
|
var validator = this;
|
|
this.startRequest(element);
|
|
var data = {};
|
|
data[element.name] = value;
|
|
$.ajax($.extend(true, {
|
|
url: param,
|
|
mode: "abort",
|
|
port: "validate" + element.name,
|
|
dataType: "json",
|
|
data: data,
|
|
success: function( response ) {
|
|
validator.settings.messages[element.name].remote = previous.originalMessage;
|
|
var valid = response === true || response === "true";
|
|
if ( valid ) {
|
|
var submitted = validator.formSubmitted;
|
|
validator.prepareElement(element);
|
|
validator.formSubmitted = submitted;
|
|
validator.successList.push(element);
|
|
delete validator.invalid[element.name];
|
|
validator.showErrors();
|
|
} else {
|
|
var errors = {};
|
|
var message = response || validator.defaultMessage( element, "remote" );
|
|
errors[element.name] = previous.message = $.isFunction(message) ? message(value) : message;
|
|
validator.invalid[element.name] = true;
|
|
validator.showErrors(errors);
|
|
}
|
|
previous.valid = valid;
|
|
validator.stopRequest(element, valid);
|
|
}
|
|
}, param));
|
|
return "pending";
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/minlength
|
|
minlength: function( value, element, param ) {
|
|
var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element);
|
|
return this.optional(element) || length >= param;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/maxlength
|
|
maxlength: function( value, element, param ) {
|
|
var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element);
|
|
return this.optional(element) || length <= param;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/rangelength
|
|
rangelength: function( value, element, param ) {
|
|
var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element);
|
|
return this.optional(element) || ( length >= param[0] && length <= param[1] );
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/min
|
|
min: function( value, element, param ) {
|
|
return this.optional(element) || value >= param;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/max
|
|
max: function( value, element, param ) {
|
|
return this.optional(element) || value <= param;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/range
|
|
range: function( value, element, param ) {
|
|
return this.optional(element) || ( value >= param[0] && value <= param[1] );
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/email
|
|
email: function( value, element ) {
|
|
// contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
|
|
return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value);
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/url
|
|
url: function( value, element ) {
|
|
// contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/
|
|
return this.optional(element) || /^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value);
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/date
|
|
date: function( value, element ) {
|
|
return this.optional(element) || !/Invalid|NaN/.test(new Date(value).toString());
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/dateISO
|
|
dateISO: function( value, element ) {
|
|
return this.optional(element) || /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/.test(value);
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/number
|
|
number: function( value, element ) {
|
|
return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(value);
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/digits
|
|
digits: function( value, element ) {
|
|
return this.optional(element) || /^\d+$/.test(value);
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/creditcard
|
|
// based on http://en.wikipedia.org/wiki/Luhn
|
|
creditcard: function( value, element ) {
|
|
if ( this.optional(element) ) {
|
|
return "dependency-mismatch";
|
|
}
|
|
// accept only spaces, digits and dashes
|
|
if ( /[^0-9 \-]+/.test(value) ) {
|
|
return false;
|
|
}
|
|
var nCheck = 0,
|
|
nDigit = 0,
|
|
bEven = false;
|
|
|
|
value = value.replace(/\D/g, "");
|
|
|
|
for (var n = value.length - 1; n >= 0; n--) {
|
|
var cDigit = value.charAt(n);
|
|
nDigit = parseInt(cDigit, 10);
|
|
if ( bEven ) {
|
|
if ( (nDigit *= 2) > 9 ) {
|
|
nDigit -= 9;
|
|
}
|
|
}
|
|
nCheck += nDigit;
|
|
bEven = !bEven;
|
|
}
|
|
|
|
return (nCheck % 10) === 0;
|
|
},
|
|
|
|
// http://docs.jquery.com/Plugins/Validation/Methods/equalTo
|
|
equalTo: function( value, element, param ) {
|
|
// bind to the blur event of the target in order to revalidate whenever the target field is updated
|
|
// TODO find a way to bind the event just once, avoiding the unbind-rebind overhead
|
|
var target = $(param);
|
|
if ( this.settings.onfocusout ) {
|
|
target.unbind(".validate-equalTo").bind("blur.validate-equalTo", function() {
|
|
$(element).valid();
|
|
});
|
|
}
|
|
return value === target.val();
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
// deprecated, use $.validator.format instead
|
|
$.format = $.validator.format;
|
|
|
|
}(jQuery));
|
|
|
|
// ajax mode: abort
|
|
// usage: $.ajax({ mode: "abort"[, port: "uniqueport"]});
|
|
// if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort()
|
|
(function($) {
|
|
var pendingRequests = {};
|
|
// Use a prefilter if available (1.5+)
|
|
if ( $.ajaxPrefilter ) {
|
|
$.ajaxPrefilter(function( settings, _, xhr ) {
|
|
var port = settings.port;
|
|
if ( settings.mode === "abort" ) {
|
|
if ( pendingRequests[port] ) {
|
|
pendingRequests[port].abort();
|
|
}
|
|
pendingRequests[port] = xhr;
|
|
}
|
|
});
|
|
} else {
|
|
// Proxy ajax
|
|
var ajax = $.ajax;
|
|
$.ajax = function( settings ) {
|
|
var mode = ( "mode" in settings ? settings : $.ajaxSettings ).mode,
|
|
port = ( "port" in settings ? settings : $.ajaxSettings ).port;
|
|
if ( mode === "abort" ) {
|
|
if ( pendingRequests[port] ) {
|
|
pendingRequests[port].abort();
|
|
}
|
|
return (pendingRequests[port] = ajax.apply(this, arguments));
|
|
}
|
|
return ajax.apply(this, arguments);
|
|
};
|
|
}
|
|
}(jQuery));
|
|
|
|
// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation
|
|
// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target
|
|
(function($) {
|
|
$.extend($.fn, {
|
|
validateDelegate: function( delegate, type, handler ) {
|
|
return this.bind(type, function( event ) {
|
|
var target = $(event.target);
|
|
if ( target.is(delegate) ) {
|
|
return handler.apply(target, arguments);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}(jQuery));
|
|
|
|
///#source 1 1 /ClientSource/Scripts/Core/jquery.validate.unobtrusive.js
|
|
/*!
|
|
** Unobtrusive validation support library for jQuery and jQuery Validate
|
|
** Copyright (C) Microsoft Corporation. All rights reserved.
|
|
*/
|
|
|
|
/*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: false */
|
|
/*global document: false, jQuery: false */
|
|
|
|
(function ($) {
|
|
var $jQval = $.validator,
|
|
adapters,
|
|
data_validation = "unobtrusiveValidation";
|
|
|
|
function setValidationValues(options, ruleName, value) {
|
|
options.rules[ruleName] = value;
|
|
if (options.message) {
|
|
options.messages[ruleName] = options.message;
|
|
}
|
|
}
|
|
|
|
function splitAndTrim(value) {
|
|
return value.replace(/^\s+|\s+$/g, "").split(/\s*,\s*/g);
|
|
}
|
|
|
|
function escapeAttributeValue(value) {
|
|
// As mentioned on http://api.jquery.com/category/selectors/
|
|
return value.replace(/([!"#$%&'()*+,./:;<=>?@\[\\\]^`{|}~])/g, "\\$1");
|
|
}
|
|
|
|
function getModelPrefix(fieldName) {
|
|
return fieldName.substr(0, fieldName.lastIndexOf(".") + 1);
|
|
}
|
|
|
|
function appendModelPrefix(value, prefix) {
|
|
if (value.indexOf("*.") === 0) {
|
|
value = value.replace("*.", prefix);
|
|
}
|
|
return value;
|
|
}
|
|
|
|
function onError(error, inputElement) { // 'this' is the form element
|
|
var container = $(this).find("[data-valmsg-for='" + escapeAttributeValue(inputElement[0].name) + "']"),
|
|
replaceAttrValue = container.attr("data-valmsg-replace"),
|
|
replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) !== false : null;
|
|
|
|
container.removeClass("field-validation-valid").addClass("field-validation-error");
|
|
error.data("unobtrusiveContainer", container);
|
|
|
|
if (replace) {
|
|
container.empty();
|
|
error.removeClass("input-validation-error").appendTo(container);
|
|
}
|
|
else {
|
|
error.hide();
|
|
}
|
|
}
|
|
|
|
function onErrors(event, validator) { // 'this' is the form element
|
|
var container = $(this).find("[data-valmsg-summary=true]"),
|
|
list = container.find("ul");
|
|
|
|
if (list && list.length && validator.errorList.length) {
|
|
list.empty();
|
|
container.addClass("validation-summary-errors").removeClass("validation-summary-valid");
|
|
|
|
$.each(validator.errorList, function () {
|
|
$("<li />").html(this.message).appendTo(list);
|
|
});
|
|
}
|
|
}
|
|
|
|
function onSuccess(error) { // 'this' is the form element
|
|
var container = error.data("unobtrusiveContainer"),
|
|
replaceAttrValue = container.attr("data-valmsg-replace"),
|
|
replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) : null;
|
|
|
|
if (container) {
|
|
container.addClass("field-validation-valid").removeClass("field-validation-error");
|
|
error.removeData("unobtrusiveContainer");
|
|
|
|
if (replace) {
|
|
container.empty();
|
|
}
|
|
}
|
|
}
|
|
|
|
function onReset(event) { // 'this' is the form element
|
|
var $form = $(this);
|
|
$form.data("validator").resetForm();
|
|
$form.find(".validation-summary-errors")
|
|
.addClass("validation-summary-valid")
|
|
.removeClass("validation-summary-errors");
|
|
$form.find(".field-validation-error")
|
|
.addClass("field-validation-valid")
|
|
.removeClass("field-validation-error")
|
|
.removeData("unobtrusiveContainer")
|
|
.find(">*") // If we were using valmsg-replace, get the underlying error
|
|
.removeData("unobtrusiveContainer");
|
|
}
|
|
|
|
function validationInfo(form) {
|
|
var $form = $(form),
|
|
result = $form.data(data_validation),
|
|
onResetProxy = $.proxy(onReset, form);
|
|
|
|
if (!result) {
|
|
result = {
|
|
options: { // options structure passed to jQuery Validate's validate() method
|
|
errorClass: "input-validation-error",
|
|
errorElement: "span",
|
|
errorPlacement: $.proxy(onError, form),
|
|
invalidHandler: $.proxy(onErrors, form),
|
|
messages: {},
|
|
rules: {},
|
|
success: $.proxy(onSuccess, form)
|
|
},
|
|
attachValidation: function () {
|
|
$form
|
|
.unbind("reset." + data_validation, onResetProxy)
|
|
.bind("reset." + data_validation, onResetProxy)
|
|
.validate(this.options);
|
|
},
|
|
validate: function () { // a validation function that is called by unobtrusive Ajax
|
|
$form.validate();
|
|
return $form.valid();
|
|
}
|
|
};
|
|
$form.data(data_validation, result);
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
$jQval.unobtrusive = {
|
|
adapters: [],
|
|
|
|
parseElement: function (element, skipAttach) {
|
|
/// <summary>
|
|
/// Parses a single HTML element for unobtrusive validation attributes.
|
|
/// </summary>
|
|
/// <param name="element" domElement="true">The HTML element to be parsed.</param>
|
|
/// <param name="skipAttach" type="Boolean">[Optional] true to skip attaching the
|
|
/// validation to the form. If parsing just this single element, you should specify true.
|
|
/// If parsing several elements, you should specify false, and manually attach the validation
|
|
/// to the form when you are finished. The default is false.</param>
|
|
var $element = $(element),
|
|
form = $element.parents("form")[0],
|
|
valInfo, rules, messages;
|
|
|
|
if (!form) { // Cannot do client-side validation without a form
|
|
return;
|
|
}
|
|
|
|
valInfo = validationInfo(form);
|
|
valInfo.options.rules[element.name] = rules = {};
|
|
valInfo.options.messages[element.name] = messages = {};
|
|
|
|
$.each(this.adapters, function () {
|
|
var prefix = "data-val-" + this.name,
|
|
message = $element.attr(prefix),
|
|
paramValues = {};
|
|
|
|
if (message !== undefined) { // Compare against undefined, because an empty message is legal (and falsy)
|
|
prefix += "-";
|
|
|
|
$.each(this.params, function () {
|
|
paramValues[this] = $element.attr(prefix + this);
|
|
});
|
|
|
|
this.adapt({
|
|
element: element,
|
|
form: form,
|
|
message: message,
|
|
params: paramValues,
|
|
rules: rules,
|
|
messages: messages
|
|
});
|
|
}
|
|
});
|
|
|
|
$.extend(rules, { "__dummy__": true });
|
|
|
|
if (!skipAttach) {
|
|
valInfo.attachValidation();
|
|
}
|
|
},
|
|
|
|
parse: function (selector) {
|
|
/// <summary>
|
|
/// Parses all the HTML elements in the specified selector. It looks for input elements decorated
|
|
/// with the [data-val=true] attribute value and enables validation according to the data-val-*
|
|
/// attribute values.
|
|
/// </summary>
|
|
/// <param name="selector" type="String">Any valid jQuery selector.</param>
|
|
var $forms = $(selector)
|
|
.parents("form")
|
|
.andSelf()
|
|
.add($(selector).find("form"))
|
|
.filter("form");
|
|
|
|
$(selector).find(":input[data-val=true]").each(function () {
|
|
$jQval.unobtrusive.parseElement(this, true);
|
|
});
|
|
|
|
$forms.each(function () {
|
|
var info = validationInfo(this);
|
|
if (info) {
|
|
info.attachValidation();
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
adapters = $jQval.unobtrusive.adapters;
|
|
|
|
adapters.add = function (adapterName, params, fn) {
|
|
/// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation.</summary>
|
|
/// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
|
|
/// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
|
|
/// <param name="params" type="Array" optional="true">[Optional] An array of parameter names (strings) that will
|
|
/// be extracted from the data-val-nnnn-mmmm HTML attributes (where nnnn is the adapter name, and
|
|
/// mmmm is the parameter name).</param>
|
|
/// <param name="fn" type="Function">The function to call, which adapts the values from the HTML
|
|
/// attributes into jQuery Validate rules and/or messages.</param>
|
|
/// <returns type="jQuery.validator.unobtrusive.adapters" />
|
|
if (!fn) { // Called with no params, just a function
|
|
fn = params;
|
|
params = [];
|
|
}
|
|
this.push({ name: adapterName, params: params, adapt: fn });
|
|
return this;
|
|
};
|
|
|
|
adapters.addBool = function (adapterName, ruleName) {
|
|
/// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
|
|
/// the jQuery Validate validation rule has no parameter values.</summary>
|
|
/// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
|
|
/// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
|
|
/// <param name="ruleName" type="String" optional="true">[Optional] The name of the jQuery Validate rule. If not provided, the value
|
|
/// of adapterName will be used instead.</param>
|
|
/// <returns type="jQuery.validator.unobtrusive.adapters" />
|
|
return this.add(adapterName, function (options) {
|
|
setValidationValues(options, ruleName || adapterName, true);
|
|
});
|
|
};
|
|
|
|
adapters.addMinMax = function (adapterName, minRuleName, maxRuleName, minMaxRuleName, minAttribute, maxAttribute) {
|
|
/// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
|
|
/// the jQuery Validate validation has three potential rules (one for min-only, one for max-only, and
|
|
/// one for min-and-max). The HTML parameters are expected to be named -min and -max.</summary>
|
|
/// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
|
|
/// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
|
|
/// <param name="minRuleName" type="String">The name of the jQuery Validate rule to be used when you only
|
|
/// have a minimum value.</param>
|
|
/// <param name="maxRuleName" type="String">The name of the jQuery Validate rule to be used when you only
|
|
/// have a maximum value.</param>
|
|
/// <param name="minMaxRuleName" type="String">The name of the jQuery Validate rule to be used when you
|
|
/// have both a minimum and maximum value.</param>
|
|
/// <param name="minAttribute" type="String" optional="true">[Optional] The name of the HTML attribute that
|
|
/// contains the minimum value. The default is "min".</param>
|
|
/// <param name="maxAttribute" type="String" optional="true">[Optional] The name of the HTML attribute that
|
|
/// contains the maximum value. The default is "max".</param>
|
|
/// <returns type="jQuery.validator.unobtrusive.adapters" />
|
|
return this.add(adapterName, [minAttribute || "min", maxAttribute || "max"], function (options) {
|
|
var min = Number(options.params.min),
|
|
max = Number(options.params.max);
|
|
|
|
if (min && max) {
|
|
setValidationValues(options, minMaxRuleName, [min, max]);
|
|
}
|
|
else if (min) {
|
|
setValidationValues(options, minRuleName, min);
|
|
}
|
|
else if (max) {
|
|
setValidationValues(options, maxRuleName, max);
|
|
}
|
|
});
|
|
};
|
|
|
|
adapters.addSingleVal = function (adapterName, attribute, ruleName) {
|
|
/// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
|
|
/// the jQuery Validate validation rule has a single value.</summary>
|
|
/// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
|
|
/// in the data-val-nnnn HTML attribute(where nnnn is the adapter name).</param>
|
|
/// <param name="attribute" type="String">[Optional] The name of the HTML attribute that contains the value.
|
|
/// The default is "val".</param>
|
|
/// <param name="ruleName" type="String" optional="true">[Optional] The name of the jQuery Validate rule. If not provided, the value
|
|
/// of adapterName will be used instead.</param>
|
|
/// <returns type="jQuery.validator.unobtrusive.adapters" />
|
|
return this.add(adapterName, [attribute || "val"], function (options) {
|
|
setValidationValues(options, ruleName || adapterName, options.params[attribute]);
|
|
});
|
|
};
|
|
|
|
$jQval.addMethod("__dummy__", function (value, element, params) {
|
|
return true;
|
|
});
|
|
|
|
$jQval.addMethod("regex", function (value, element, params) {
|
|
var match;
|
|
if (this.optional(element)) {
|
|
return true;
|
|
}
|
|
|
|
match = new RegExp(params).exec(value);
|
|
return (match && (match.index === 0) && (match[0].length === value.length));
|
|
});
|
|
|
|
$jQval.addMethod("nonalphamin", function (value, element, nonalphamin) {
|
|
var match;
|
|
if (nonalphamin) {
|
|
match = value.match(/\W/g);
|
|
match = match && match.length >= nonalphamin;
|
|
}
|
|
return match;
|
|
});
|
|
|
|
adapters.addSingleVal("accept", "exts").addSingleVal("regex", "pattern");
|
|
adapters.addBool("creditcard").addBool("date").addBool("digits").addBool("email").addBool("number").addBool("url");
|
|
adapters.addMinMax("length", "minlength", "maxlength", "rangelength").addMinMax("range", "min", "max", "range");
|
|
adapters.add("equalto", ["other"], function (options) {
|
|
var prefix = getModelPrefix(options.element.name),
|
|
other = options.params.other,
|
|
fullOtherName = appendModelPrefix(other, prefix),
|
|
element = $(options.form).find(":input[name='" + escapeAttributeValue(fullOtherName) + "']")[0];
|
|
|
|
setValidationValues(options, "equalTo", element);
|
|
});
|
|
adapters.add("required", function (options) {
|
|
// jQuery Validate equates "required" with "mandatory" for checkbox elements
|
|
if (options.element.tagName.toUpperCase() !== "INPUT" || options.element.type.toUpperCase() !== "CHECKBOX") {
|
|
setValidationValues(options, "required", true);
|
|
}
|
|
});
|
|
adapters.add("remote", ["url", "type", "additionalfields"], function (options) {
|
|
var value = {
|
|
url: options.params.url,
|
|
type: options.params.type || "GET",
|
|
data: {}
|
|
},
|
|
prefix = getModelPrefix(options.element.name);
|
|
|
|
$.each(splitAndTrim(options.params.additionalfields || options.element.name), function (i, fieldName) {
|
|
var paramName = appendModelPrefix(fieldName, prefix);
|
|
value.data[paramName] = function () {
|
|
return $(options.form).find(":input[name='" + escapeAttributeValue(paramName) + "']").val();
|
|
};
|
|
});
|
|
|
|
setValidationValues(options, "remote", value);
|
|
});
|
|
adapters.add("password", ["min", "nonalphamin", "regex"], function (options) {
|
|
if (options.params.min) {
|
|
setValidationValues(options, "minlength", options.params.min);
|
|
}
|
|
if (options.params.nonalphamin) {
|
|
setValidationValues(options, "nonalphamin", options.params.nonalphamin);
|
|
}
|
|
if (options.params.regex) {
|
|
setValidationValues(options, "regex", options.params.regex);
|
|
}
|
|
});
|
|
|
|
$(function () {
|
|
$jQval.unobtrusive.parse(document);
|
|
});
|
|
} (jQuery));
|
|
///#source 1 1 /ClientSource/Scripts/Core/disco.unobtrusiveValidation.extensions.js
|
|
// Adapted from: http://xhalent.wordpress.com/2011/01/24/applying-unobtrusive-validation-to-dynamic-content/
|
|
(function ($) {
|
|
$.validator.unobtrusive.reparse = function (selector) {
|
|
//use the normal unobstrusive.parse method
|
|
$.validator.unobtrusive.parse(selector);
|
|
|
|
//get the relevant form
|
|
var form = $(selector).first().closest('form');
|
|
|
|
//get the collections of unobstrusive validators, and jquery validators
|
|
//and compare the two
|
|
var unobtrusiveValidation = form.data('unobtrusiveValidation');
|
|
var validator = form.validate();
|
|
|
|
$.each(unobtrusiveValidation.options.rules, function (elname, elrules) {
|
|
if (validator.settings.rules[elname] == undefined) {
|
|
var args = {};
|
|
$.extend(args, elrules);
|
|
args.messages = unobtrusiveValidation.options.messages[elname];
|
|
//edit:use quoted strings for the name selector
|
|
$("[name='" + elname + "']").rules("add", args);
|
|
} else {
|
|
$.each(elrules, function (rulename, data) {
|
|
if (validator.settings.rules[elname][rulename] == undefined) {
|
|
var args = {};
|
|
args[rulename] = data;
|
|
args.messages = unobtrusiveValidation.options.messages[elname][rulename];
|
|
//edit:use quoted strings for the name selector
|
|
$("[name='" + elname + "']").rules("add", args);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
})($);
|
|
///#source 1 1 /ClientSource/Scripts/Core/jquery-ui-1.10.0.js
|
|
/*! jQuery UI - v1.10.0 - 2013-01-17
|
|
* http://jqueryui.com
|
|
* Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.draggable.js, jquery.ui.droppable.js, jquery.ui.resizable.js, jquery.ui.selectable.js, jquery.ui.sortable.js, jquery.ui.effect.js, jquery.ui.accordion.js, jquery.ui.autocomplete.js, jquery.ui.button.js, jquery.ui.datepicker.js, jquery.ui.dialog.js, jquery.ui.effect-blind.js, jquery.ui.effect-bounce.js, jquery.ui.effect-clip.js, jquery.ui.effect-drop.js, jquery.ui.effect-explode.js, jquery.ui.effect-fade.js, jquery.ui.effect-fold.js, jquery.ui.effect-highlight.js, jquery.ui.effect-pulsate.js, jquery.ui.effect-scale.js, jquery.ui.effect-shake.js, jquery.ui.effect-slide.js, jquery.ui.effect-transfer.js, jquery.ui.menu.js, jquery.ui.position.js, jquery.ui.progressbar.js, jquery.ui.slider.js, jquery.ui.spinner.js, jquery.ui.tabs.js, jquery.ui.tooltip.js
|
|
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var uuid = 0,
|
|
runiqueId = /^ui-id-\d+$/;
|
|
|
|
// prevent duplicate loading
|
|
// this is only a problem because we proxy existing functions
|
|
// and we don't want to double proxy them
|
|
$.ui = $.ui || {};
|
|
if ( $.ui.version ) {
|
|
return;
|
|
}
|
|
|
|
$.extend( $.ui, {
|
|
version: "1.10.0",
|
|
|
|
keyCode: {
|
|
BACKSPACE: 8,
|
|
COMMA: 188,
|
|
DELETE: 46,
|
|
DOWN: 40,
|
|
END: 35,
|
|
ENTER: 13,
|
|
ESCAPE: 27,
|
|
HOME: 36,
|
|
LEFT: 37,
|
|
NUMPAD_ADD: 107,
|
|
NUMPAD_DECIMAL: 110,
|
|
NUMPAD_DIVIDE: 111,
|
|
NUMPAD_ENTER: 108,
|
|
NUMPAD_MULTIPLY: 106,
|
|
NUMPAD_SUBTRACT: 109,
|
|
PAGE_DOWN: 34,
|
|
PAGE_UP: 33,
|
|
PERIOD: 190,
|
|
RIGHT: 39,
|
|
SPACE: 32,
|
|
TAB: 9,
|
|
UP: 38
|
|
}
|
|
});
|
|
|
|
// plugins
|
|
$.fn.extend({
|
|
_focus: $.fn.focus,
|
|
focus: function( delay, fn ) {
|
|
return typeof delay === "number" ?
|
|
this.each(function() {
|
|
var elem = this;
|
|
setTimeout(function() {
|
|
$( elem ).focus();
|
|
if ( fn ) {
|
|
fn.call( elem );
|
|
}
|
|
}, delay );
|
|
}) :
|
|
this._focus.apply( this, arguments );
|
|
},
|
|
|
|
scrollParent: function() {
|
|
var scrollParent;
|
|
if (($.ui.ie && (/(static|relative)/).test(this.css("position"))) || (/absolute/).test(this.css("position"))) {
|
|
scrollParent = this.parents().filter(function() {
|
|
return (/(relative|absolute|fixed)/).test($.css(this,"position")) && (/(auto|scroll)/).test($.css(this,"overflow")+$.css(this,"overflow-y")+$.css(this,"overflow-x"));
|
|
}).eq(0);
|
|
} else {
|
|
scrollParent = this.parents().filter(function() {
|
|
return (/(auto|scroll)/).test($.css(this,"overflow")+$.css(this,"overflow-y")+$.css(this,"overflow-x"));
|
|
}).eq(0);
|
|
}
|
|
|
|
return (/fixed/).test(this.css("position")) || !scrollParent.length ? $(document) : scrollParent;
|
|
},
|
|
|
|
zIndex: function( zIndex ) {
|
|
if ( zIndex !== undefined ) {
|
|
return this.css( "zIndex", zIndex );
|
|
}
|
|
|
|
if ( this.length ) {
|
|
var elem = $( this[ 0 ] ), position, value;
|
|
while ( elem.length && elem[ 0 ] !== document ) {
|
|
// Ignore z-index if position is set to a value where z-index is ignored by the browser
|
|
// This makes behavior of this function consistent across browsers
|
|
// WebKit always returns auto if the element is positioned
|
|
position = elem.css( "position" );
|
|
if ( position === "absolute" || position === "relative" || position === "fixed" ) {
|
|
// IE returns 0 when zIndex is not specified
|
|
// other browsers return a string
|
|
// we ignore the case of nested elements with an explicit value of 0
|
|
// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
|
|
value = parseInt( elem.css( "zIndex" ), 10 );
|
|
if ( !isNaN( value ) && value !== 0 ) {
|
|
return value;
|
|
}
|
|
}
|
|
elem = elem.parent();
|
|
}
|
|
}
|
|
|
|
return 0;
|
|
},
|
|
|
|
uniqueId: function() {
|
|
return this.each(function() {
|
|
if ( !this.id ) {
|
|
this.id = "ui-id-" + (++uuid);
|
|
}
|
|
});
|
|
},
|
|
|
|
removeUniqueId: function() {
|
|
return this.each(function() {
|
|
if ( runiqueId.test( this.id ) ) {
|
|
$( this ).removeAttr( "id" );
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// selectors
|
|
function focusable( element, isTabIndexNotNaN ) {
|
|
var map, mapName, img,
|
|
nodeName = element.nodeName.toLowerCase();
|
|
if ( "area" === nodeName ) {
|
|
map = element.parentNode;
|
|
mapName = map.name;
|
|
if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) {
|
|
return false;
|
|
}
|
|
img = $( "img[usemap=#" + mapName + "]" )[0];
|
|
return !!img && visible( img );
|
|
}
|
|
return ( /input|select|textarea|button|object/.test( nodeName ) ?
|
|
!element.disabled :
|
|
"a" === nodeName ?
|
|
element.href || isTabIndexNotNaN :
|
|
isTabIndexNotNaN) &&
|
|
// the element and all of its ancestors must be visible
|
|
visible( element );
|
|
}
|
|
|
|
function visible( element ) {
|
|
return $.expr.filters.visible( element ) &&
|
|
!$( element ).parents().addBack().filter(function() {
|
|
return $.css( this, "visibility" ) === "hidden";
|
|
}).length;
|
|
}
|
|
|
|
$.extend( $.expr[ ":" ], {
|
|
data: $.expr.createPseudo ?
|
|
$.expr.createPseudo(function( dataName ) {
|
|
return function( elem ) {
|
|
return !!$.data( elem, dataName );
|
|
};
|
|
}) :
|
|
// support: jQuery <1.8
|
|
function( elem, i, match ) {
|
|
return !!$.data( elem, match[ 3 ] );
|
|
},
|
|
|
|
focusable: function( element ) {
|
|
return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) );
|
|
},
|
|
|
|
tabbable: function( element ) {
|
|
var tabIndex = $.attr( element, "tabindex" ),
|
|
isTabIndexNaN = isNaN( tabIndex );
|
|
return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN );
|
|
}
|
|
});
|
|
|
|
// support: jQuery <1.8
|
|
if ( !$( "<a>" ).outerWidth( 1 ).jquery ) {
|
|
$.each( [ "Width", "Height" ], function( i, name ) {
|
|
var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ],
|
|
type = name.toLowerCase(),
|
|
orig = {
|
|
innerWidth: $.fn.innerWidth,
|
|
innerHeight: $.fn.innerHeight,
|
|
outerWidth: $.fn.outerWidth,
|
|
outerHeight: $.fn.outerHeight
|
|
};
|
|
|
|
function reduce( elem, size, border, margin ) {
|
|
$.each( side, function() {
|
|
size -= parseFloat( $.css( elem, "padding" + this ) ) || 0;
|
|
if ( border ) {
|
|
size -= parseFloat( $.css( elem, "border" + this + "Width" ) ) || 0;
|
|
}
|
|
if ( margin ) {
|
|
size -= parseFloat( $.css( elem, "margin" + this ) ) || 0;
|
|
}
|
|
});
|
|
return size;
|
|
}
|
|
|
|
$.fn[ "inner" + name ] = function( size ) {
|
|
if ( size === undefined ) {
|
|
return orig[ "inner" + name ].call( this );
|
|
}
|
|
|
|
return this.each(function() {
|
|
$( this ).css( type, reduce( this, size ) + "px" );
|
|
});
|
|
};
|
|
|
|
$.fn[ "outer" + name] = function( size, margin ) {
|
|
if ( typeof size !== "number" ) {
|
|
return orig[ "outer" + name ].call( this, size );
|
|
}
|
|
|
|
return this.each(function() {
|
|
$( this).css( type, reduce( this, size, true, margin ) + "px" );
|
|
});
|
|
};
|
|
});
|
|
}
|
|
|
|
// support: jQuery <1.8
|
|
if ( !$.fn.addBack ) {
|
|
$.fn.addBack = function( selector ) {
|
|
return this.add( selector == null ?
|
|
this.prevObject : this.prevObject.filter( selector )
|
|
);
|
|
};
|
|
}
|
|
|
|
// support: jQuery 1.6.1, 1.6.2 (http://bugs.jquery.com/ticket/9413)
|
|
if ( $( "<a>" ).data( "a-b", "a" ).removeData( "a-b" ).data( "a-b" ) ) {
|
|
$.fn.removeData = (function( removeData ) {
|
|
return function( key ) {
|
|
if ( arguments.length ) {
|
|
return removeData.call( this, $.camelCase( key ) );
|
|
} else {
|
|
return removeData.call( this );
|
|
}
|
|
};
|
|
})( $.fn.removeData );
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// deprecated
|
|
$.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() );
|
|
|
|
$.support.selectstart = "onselectstart" in document.createElement( "div" );
|
|
$.fn.extend({
|
|
disableSelection: function() {
|
|
return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) +
|
|
".ui-disableSelection", function( event ) {
|
|
event.preventDefault();
|
|
});
|
|
},
|
|
|
|
enableSelection: function() {
|
|
return this.unbind( ".ui-disableSelection" );
|
|
}
|
|
});
|
|
|
|
$.extend( $.ui, {
|
|
// $.ui.plugin is deprecated. Use the proxy pattern instead.
|
|
plugin: {
|
|
add: function( module, option, set ) {
|
|
var i,
|
|
proto = $.ui[ module ].prototype;
|
|
for ( i in set ) {
|
|
proto.plugins[ i ] = proto.plugins[ i ] || [];
|
|
proto.plugins[ i ].push( [ option, set[ i ] ] );
|
|
}
|
|
},
|
|
call: function( instance, name, args ) {
|
|
var i,
|
|
set = instance.plugins[ name ];
|
|
if ( !set || !instance.element[ 0 ].parentNode || instance.element[ 0 ].parentNode.nodeType === 11 ) {
|
|
return;
|
|
}
|
|
|
|
for ( i = 0; i < set.length; i++ ) {
|
|
if ( instance.options[ set[ i ][ 0 ] ] ) {
|
|
set[ i ][ 1 ].apply( instance.element, args );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
// only used by resizable
|
|
hasScroll: function( el, a ) {
|
|
|
|
//If overflow is hidden, the element might have extra content, but the user wants to hide it
|
|
if ( $( el ).css( "overflow" ) === "hidden") {
|
|
return false;
|
|
}
|
|
|
|
var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop",
|
|
has = false;
|
|
|
|
if ( el[ scroll ] > 0 ) {
|
|
return true;
|
|
}
|
|
|
|
// TODO: determine which cases actually cause this to happen
|
|
// if the element doesn't have the scroll set, see if it's possible to
|
|
// set the scroll
|
|
el[ scroll ] = 1;
|
|
has = ( el[ scroll ] > 0 );
|
|
el[ scroll ] = 0;
|
|
return has;
|
|
}
|
|
});
|
|
|
|
})( jQuery );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var uuid = 0,
|
|
slice = Array.prototype.slice,
|
|
_cleanData = $.cleanData;
|
|
$.cleanData = function( elems ) {
|
|
for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
|
|
try {
|
|
$( elem ).triggerHandler( "remove" );
|
|
// http://bugs.jquery.com/ticket/8235
|
|
} catch( e ) {}
|
|
}
|
|
_cleanData( elems );
|
|
};
|
|
|
|
$.widget = function( name, base, prototype ) {
|
|
var fullName, existingConstructor, constructor, basePrototype,
|
|
// proxiedPrototype allows the provided prototype to remain unmodified
|
|
// so that it can be used as a mixin for multiple widgets (#8876)
|
|
proxiedPrototype = {},
|
|
namespace = name.split( "." )[ 0 ];
|
|
|
|
name = name.split( "." )[ 1 ];
|
|
fullName = namespace + "-" + name;
|
|
|
|
if ( !prototype ) {
|
|
prototype = base;
|
|
base = $.Widget;
|
|
}
|
|
|
|
// create selector for plugin
|
|
$.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) {
|
|
return !!$.data( elem, fullName );
|
|
};
|
|
|
|
$[ namespace ] = $[ namespace ] || {};
|
|
existingConstructor = $[ namespace ][ name ];
|
|
constructor = $[ namespace ][ name ] = function( options, element ) {
|
|
// allow instantiation without "new" keyword
|
|
if ( !this._createWidget ) {
|
|
return new constructor( options, element );
|
|
}
|
|
|
|
// allow instantiation without initializing for simple inheritance
|
|
// must use "new" keyword (the code above always passes args)
|
|
if ( arguments.length ) {
|
|
this._createWidget( options, element );
|
|
}
|
|
};
|
|
// extend with the existing constructor to carry over any static properties
|
|
$.extend( constructor, existingConstructor, {
|
|
version: prototype.version,
|
|
// copy the object used to create the prototype in case we need to
|
|
// redefine the widget later
|
|
_proto: $.extend( {}, prototype ),
|
|
// track widgets that inherit from this widget in case this widget is
|
|
// redefined after a widget inherits from it
|
|
_childConstructors: []
|
|
});
|
|
|
|
basePrototype = new base();
|
|
// we need to make the options hash a property directly on the new instance
|
|
// otherwise we'll modify the options hash on the prototype that we're
|
|
// inheriting from
|
|
basePrototype.options = $.widget.extend( {}, basePrototype.options );
|
|
$.each( prototype, function( prop, value ) {
|
|
if ( !$.isFunction( value ) ) {
|
|
proxiedPrototype[ prop ] = value;
|
|
return;
|
|
}
|
|
proxiedPrototype[ prop ] = (function() {
|
|
var _super = function() {
|
|
return base.prototype[ prop ].apply( this, arguments );
|
|
},
|
|
_superApply = function( args ) {
|
|
return base.prototype[ prop ].apply( this, args );
|
|
};
|
|
return function() {
|
|
var __super = this._super,
|
|
__superApply = this._superApply,
|
|
returnValue;
|
|
|
|
this._super = _super;
|
|
this._superApply = _superApply;
|
|
|
|
returnValue = value.apply( this, arguments );
|
|
|
|
this._super = __super;
|
|
this._superApply = __superApply;
|
|
|
|
return returnValue;
|
|
};
|
|
})();
|
|
});
|
|
constructor.prototype = $.widget.extend( basePrototype, {
|
|
// TODO: remove support for widgetEventPrefix
|
|
// always use the name + a colon as the prefix, e.g., draggable:start
|
|
// don't prefix for widgets that aren't DOM-based
|
|
widgetEventPrefix: existingConstructor ? basePrototype.widgetEventPrefix : name
|
|
}, proxiedPrototype, {
|
|
constructor: constructor,
|
|
namespace: namespace,
|
|
widgetName: name,
|
|
widgetFullName: fullName
|
|
});
|
|
|
|
// If this widget is being redefined then we need to find all widgets that
|
|
// are inheriting from it and redefine all of them so that they inherit from
|
|
// the new version of this widget. We're essentially trying to replace one
|
|
// level in the prototype chain.
|
|
if ( existingConstructor ) {
|
|
$.each( existingConstructor._childConstructors, function( i, child ) {
|
|
var childPrototype = child.prototype;
|
|
|
|
// redefine the child widget using the same prototype that was
|
|
// originally used, but inherit from the new version of the base
|
|
$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto );
|
|
});
|
|
// remove the list of existing child constructors from the old constructor
|
|
// so the old child constructors can be garbage collected
|
|
delete existingConstructor._childConstructors;
|
|
} else {
|
|
base._childConstructors.push( constructor );
|
|
}
|
|
|
|
$.widget.bridge( name, constructor );
|
|
};
|
|
|
|
$.widget.extend = function( target ) {
|
|
var input = slice.call( arguments, 1 ),
|
|
inputIndex = 0,
|
|
inputLength = input.length,
|
|
key,
|
|
value;
|
|
for ( ; inputIndex < inputLength; inputIndex++ ) {
|
|
for ( key in input[ inputIndex ] ) {
|
|
value = input[ inputIndex ][ key ];
|
|
if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) {
|
|
// Clone objects
|
|
if ( $.isPlainObject( value ) ) {
|
|
target[ key ] = $.isPlainObject( target[ key ] ) ?
|
|
$.widget.extend( {}, target[ key ], value ) :
|
|
// Don't extend strings, arrays, etc. with objects
|
|
$.widget.extend( {}, value );
|
|
// Copy everything else by reference
|
|
} else {
|
|
target[ key ] = value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
|
|
$.widget.bridge = function( name, object ) {
|
|
var fullName = object.prototype.widgetFullName || name;
|
|
$.fn[ name ] = function( options ) {
|
|
var isMethodCall = typeof options === "string",
|
|
args = slice.call( arguments, 1 ),
|
|
returnValue = this;
|
|
|
|
// allow multiple hashes to be passed on init
|
|
options = !isMethodCall && args.length ?
|
|
$.widget.extend.apply( null, [ options ].concat(args) ) :
|
|
options;
|
|
|
|
if ( isMethodCall ) {
|
|
this.each(function() {
|
|
var methodValue,
|
|
instance = $.data( this, fullName );
|
|
if ( !instance ) {
|
|
return $.error( "cannot call methods on " + name + " prior to initialization; " +
|
|
"attempted to call method '" + options + "'" );
|
|
}
|
|
if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) {
|
|
return $.error( "no such method '" + options + "' for " + name + " widget instance" );
|
|
}
|
|
methodValue = instance[ options ].apply( instance, args );
|
|
if ( methodValue !== instance && methodValue !== undefined ) {
|
|
returnValue = methodValue && methodValue.jquery ?
|
|
returnValue.pushStack( methodValue.get() ) :
|
|
methodValue;
|
|
return false;
|
|
}
|
|
});
|
|
} else {
|
|
this.each(function() {
|
|
var instance = $.data( this, fullName );
|
|
if ( instance ) {
|
|
instance.option( options || {} )._init();
|
|
} else {
|
|
$.data( this, fullName, new object( options, this ) );
|
|
}
|
|
});
|
|
}
|
|
|
|
return returnValue;
|
|
};
|
|
};
|
|
|
|
$.Widget = function( /* options, element */ ) {};
|
|
$.Widget._childConstructors = [];
|
|
|
|
$.Widget.prototype = {
|
|
widgetName: "widget",
|
|
widgetEventPrefix: "",
|
|
defaultElement: "<div>",
|
|
options: {
|
|
disabled: false,
|
|
|
|
// callbacks
|
|
create: null
|
|
},
|
|
_createWidget: function( options, element ) {
|
|
element = $( element || this.defaultElement || this )[ 0 ];
|
|
this.element = $( element );
|
|
this.uuid = uuid++;
|
|
this.eventNamespace = "." + this.widgetName + this.uuid;
|
|
this.options = $.widget.extend( {},
|
|
this.options,
|
|
this._getCreateOptions(),
|
|
options );
|
|
|
|
this.bindings = $();
|
|
this.hoverable = $();
|
|
this.focusable = $();
|
|
|
|
if ( element !== this ) {
|
|
$.data( element, this.widgetFullName, this );
|
|
this._on( true, this.element, {
|
|
remove: function( event ) {
|
|
if ( event.target === element ) {
|
|
this.destroy();
|
|
}
|
|
}
|
|
});
|
|
this.document = $( element.style ?
|
|
// element within the document
|
|
element.ownerDocument :
|
|
// element is window or document
|
|
element.document || element );
|
|
this.window = $( this.document[0].defaultView || this.document[0].parentWindow );
|
|
}
|
|
|
|
this._create();
|
|
this._trigger( "create", null, this._getCreateEventData() );
|
|
this._init();
|
|
},
|
|
_getCreateOptions: $.noop,
|
|
_getCreateEventData: $.noop,
|
|
_create: $.noop,
|
|
_init: $.noop,
|
|
|
|
destroy: function() {
|
|
this._destroy();
|
|
// we can probably remove the unbind calls in 2.0
|
|
// all event bindings should go through this._on()
|
|
this.element
|
|
.unbind( this.eventNamespace )
|
|
// 1.9 BC for #7810
|
|
// TODO remove dual storage
|
|
.removeData( this.widgetName )
|
|
.removeData( this.widgetFullName )
|
|
// support: jquery <1.6.3
|
|
// http://bugs.jquery.com/ticket/9413
|
|
.removeData( $.camelCase( this.widgetFullName ) );
|
|
this.widget()
|
|
.unbind( this.eventNamespace )
|
|
.removeAttr( "aria-disabled" )
|
|
.removeClass(
|
|
this.widgetFullName + "-disabled " +
|
|
"ui-state-disabled" );
|
|
|
|
// clean up events and states
|
|
this.bindings.unbind( this.eventNamespace );
|
|
this.hoverable.removeClass( "ui-state-hover" );
|
|
this.focusable.removeClass( "ui-state-focus" );
|
|
},
|
|
_destroy: $.noop,
|
|
|
|
widget: function() {
|
|
return this.element;
|
|
},
|
|
|
|
option: function( key, value ) {
|
|
var options = key,
|
|
parts,
|
|
curOption,
|
|
i;
|
|
|
|
if ( arguments.length === 0 ) {
|
|
// don't return a reference to the internal hash
|
|
return $.widget.extend( {}, this.options );
|
|
}
|
|
|
|
if ( typeof key === "string" ) {
|
|
// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
|
|
options = {};
|
|
parts = key.split( "." );
|
|
key = parts.shift();
|
|
if ( parts.length ) {
|
|
curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
|
|
for ( i = 0; i < parts.length - 1; i++ ) {
|
|
curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
|
|
curOption = curOption[ parts[ i ] ];
|
|
}
|
|
key = parts.pop();
|
|
if ( value === undefined ) {
|
|
return curOption[ key ] === undefined ? null : curOption[ key ];
|
|
}
|
|
curOption[ key ] = value;
|
|
} else {
|
|
if ( value === undefined ) {
|
|
return this.options[ key ] === undefined ? null : this.options[ key ];
|
|
}
|
|
options[ key ] = value;
|
|
}
|
|
}
|
|
|
|
this._setOptions( options );
|
|
|
|
return this;
|
|
},
|
|
_setOptions: function( options ) {
|
|
var key;
|
|
|
|
for ( key in options ) {
|
|
this._setOption( key, options[ key ] );
|
|
}
|
|
|
|
return this;
|
|
},
|
|
_setOption: function( key, value ) {
|
|
this.options[ key ] = value;
|
|
|
|
if ( key === "disabled" ) {
|
|
this.widget()
|
|
.toggleClass( this.widgetFullName + "-disabled ui-state-disabled", !!value )
|
|
.attr( "aria-disabled", value );
|
|
this.hoverable.removeClass( "ui-state-hover" );
|
|
this.focusable.removeClass( "ui-state-focus" );
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
enable: function() {
|
|
return this._setOption( "disabled", false );
|
|
},
|
|
disable: function() {
|
|
return this._setOption( "disabled", true );
|
|
},
|
|
|
|
_on: function( suppressDisabledCheck, element, handlers ) {
|
|
var delegateElement,
|
|
instance = this;
|
|
|
|
// no suppressDisabledCheck flag, shuffle arguments
|
|
if ( typeof suppressDisabledCheck !== "boolean" ) {
|
|
handlers = element;
|
|
element = suppressDisabledCheck;
|
|
suppressDisabledCheck = false;
|
|
}
|
|
|
|
// no element argument, shuffle and use this.element
|
|
if ( !handlers ) {
|
|
handlers = element;
|
|
element = this.element;
|
|
delegateElement = this.widget();
|
|
} else {
|
|
// accept selectors, DOM elements
|
|
element = delegateElement = $( element );
|
|
this.bindings = this.bindings.add( element );
|
|
}
|
|
|
|
$.each( handlers, function( event, handler ) {
|
|
function handlerProxy() {
|
|
// allow widgets to customize the disabled handling
|
|
// - disabled as an array instead of boolean
|
|
// - disabled class as method for disabling individual parts
|
|
if ( !suppressDisabledCheck &&
|
|
( instance.options.disabled === true ||
|
|
$( this ).hasClass( "ui-state-disabled" ) ) ) {
|
|
return;
|
|
}
|
|
return ( typeof handler === "string" ? instance[ handler ] : handler )
|
|
.apply( instance, arguments );
|
|
}
|
|
|
|
// copy the guid so direct unbinding works
|
|
if ( typeof handler !== "string" ) {
|
|
handlerProxy.guid = handler.guid =
|
|
handler.guid || handlerProxy.guid || $.guid++;
|
|
}
|
|
|
|
var match = event.match( /^(\w+)\s*(.*)$/ ),
|
|
eventName = match[1] + instance.eventNamespace,
|
|
selector = match[2];
|
|
if ( selector ) {
|
|
delegateElement.delegate( selector, eventName, handlerProxy );
|
|
} else {
|
|
element.bind( eventName, handlerProxy );
|
|
}
|
|
});
|
|
},
|
|
|
|
_off: function( element, eventName ) {
|
|
eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + this.eventNamespace;
|
|
element.unbind( eventName ).undelegate( eventName );
|
|
},
|
|
|
|
_delay: function( handler, delay ) {
|
|
function handlerProxy() {
|
|
return ( typeof handler === "string" ? instance[ handler ] : handler )
|
|
.apply( instance, arguments );
|
|
}
|
|
var instance = this;
|
|
return setTimeout( handlerProxy, delay || 0 );
|
|
},
|
|
|
|
_hoverable: function( element ) {
|
|
this.hoverable = this.hoverable.add( element );
|
|
this._on( element, {
|
|
mouseenter: function( event ) {
|
|
$( event.currentTarget ).addClass( "ui-state-hover" );
|
|
},
|
|
mouseleave: function( event ) {
|
|
$( event.currentTarget ).removeClass( "ui-state-hover" );
|
|
}
|
|
});
|
|
},
|
|
|
|
_focusable: function( element ) {
|
|
this.focusable = this.focusable.add( element );
|
|
this._on( element, {
|
|
focusin: function( event ) {
|
|
$( event.currentTarget ).addClass( "ui-state-focus" );
|
|
},
|
|
focusout: function( event ) {
|
|
$( event.currentTarget ).removeClass( "ui-state-focus" );
|
|
}
|
|
});
|
|
},
|
|
|
|
_trigger: function( type, event, data ) {
|
|
var prop, orig,
|
|
callback = this.options[ type ];
|
|
|
|
data = data || {};
|
|
event = $.Event( event );
|
|
event.type = ( type === this.widgetEventPrefix ?
|
|
type :
|
|
this.widgetEventPrefix + type ).toLowerCase();
|
|
// the original event may come from any element
|
|
// so we need to reset the target on the new event
|
|
event.target = this.element[ 0 ];
|
|
|
|
// copy original event properties over to the new event
|
|
orig = event.originalEvent;
|
|
if ( orig ) {
|
|
for ( prop in orig ) {
|
|
if ( !( prop in event ) ) {
|
|
event[ prop ] = orig[ prop ];
|
|
}
|
|
}
|
|
}
|
|
|
|
this.element.trigger( event, data );
|
|
return !( $.isFunction( callback ) &&
|
|
callback.apply( this.element[0], [ event ].concat( data ) ) === false ||
|
|
event.isDefaultPrevented() );
|
|
}
|
|
};
|
|
|
|
$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
|
|
$.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
|
|
if ( typeof options === "string" ) {
|
|
options = { effect: options };
|
|
}
|
|
var hasOptions,
|
|
effectName = !options ?
|
|
method :
|
|
options === true || typeof options === "number" ?
|
|
defaultEffect :
|
|
options.effect || defaultEffect;
|
|
options = options || {};
|
|
if ( typeof options === "number" ) {
|
|
options = { duration: options };
|
|
}
|
|
hasOptions = !$.isEmptyObject( options );
|
|
options.complete = callback;
|
|
if ( options.delay ) {
|
|
element.delay( options.delay );
|
|
}
|
|
if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
|
|
element[ method ]( options );
|
|
} else if ( effectName !== method && element[ effectName ] ) {
|
|
element[ effectName ]( options.duration, options.easing, callback );
|
|
} else {
|
|
element.queue(function( next ) {
|
|
$( this )[ method ]();
|
|
if ( callback ) {
|
|
callback.call( element[ 0 ] );
|
|
}
|
|
next();
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
})( jQuery );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var mouseHandled = false;
|
|
$( document ).mouseup( function() {
|
|
mouseHandled = false;
|
|
});
|
|
|
|
$.widget("ui.mouse", {
|
|
version: "1.10.0",
|
|
options: {
|
|
cancel: "input,textarea,button,select,option",
|
|
distance: 1,
|
|
delay: 0
|
|
},
|
|
_mouseInit: function() {
|
|
var that = this;
|
|
|
|
this.element
|
|
.bind("mousedown."+this.widgetName, function(event) {
|
|
return that._mouseDown(event);
|
|
})
|
|
.bind("click."+this.widgetName, function(event) {
|
|
if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) {
|
|
$.removeData(event.target, that.widgetName + ".preventClickEvent");
|
|
event.stopImmediatePropagation();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
this.started = false;
|
|
},
|
|
|
|
// TODO: make sure destroying one instance of mouse doesn't mess with
|
|
// other instances of mouse
|
|
_mouseDestroy: function() {
|
|
this.element.unbind("."+this.widgetName);
|
|
if ( this._mouseMoveDelegate ) {
|
|
$(document)
|
|
.unbind("mousemove."+this.widgetName, this._mouseMoveDelegate)
|
|
.unbind("mouseup."+this.widgetName, this._mouseUpDelegate);
|
|
}
|
|
},
|
|
|
|
_mouseDown: function(event) {
|
|
// don't let more than one widget handle mouseStart
|
|
if( mouseHandled ) { return; }
|
|
|
|
// we may have missed mouseup (out of window)
|
|
(this._mouseStarted && this._mouseUp(event));
|
|
|
|
this._mouseDownEvent = event;
|
|
|
|
var that = this,
|
|
btnIsLeft = (event.which === 1),
|
|
// event.target.nodeName works around a bug in IE 8 with
|
|
// disabled inputs (#7620)
|
|
elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName ? $(event.target).closest(this.options.cancel).length : false);
|
|
if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
|
|
return true;
|
|
}
|
|
|
|
this.mouseDelayMet = !this.options.delay;
|
|
if (!this.mouseDelayMet) {
|
|
this._mouseDelayTimer = setTimeout(function() {
|
|
that.mouseDelayMet = true;
|
|
}, this.options.delay);
|
|
}
|
|
|
|
if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
|
|
this._mouseStarted = (this._mouseStart(event) !== false);
|
|
if (!this._mouseStarted) {
|
|
event.preventDefault();
|
|
return true;
|
|
}
|
|
}
|
|
|
|
// Click event may never have fired (Gecko & Opera)
|
|
if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) {
|
|
$.removeData(event.target, this.widgetName + ".preventClickEvent");
|
|
}
|
|
|
|
// these delegates are required to keep context
|
|
this._mouseMoveDelegate = function(event) {
|
|
return that._mouseMove(event);
|
|
};
|
|
this._mouseUpDelegate = function(event) {
|
|
return that._mouseUp(event);
|
|
};
|
|
$(document)
|
|
.bind("mousemove."+this.widgetName, this._mouseMoveDelegate)
|
|
.bind("mouseup."+this.widgetName, this._mouseUpDelegate);
|
|
|
|
event.preventDefault();
|
|
|
|
mouseHandled = true;
|
|
return true;
|
|
},
|
|
|
|
_mouseMove: function(event) {
|
|
// IE mouseup check - mouseup happened when mouse was out of window
|
|
if ($.ui.ie && ( !document.documentMode || document.documentMode < 9 ) && !event.button) {
|
|
return this._mouseUp(event);
|
|
}
|
|
|
|
if (this._mouseStarted) {
|
|
this._mouseDrag(event);
|
|
return event.preventDefault();
|
|
}
|
|
|
|
if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
|
|
this._mouseStarted =
|
|
(this._mouseStart(this._mouseDownEvent, event) !== false);
|
|
(this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
|
|
}
|
|
|
|
return !this._mouseStarted;
|
|
},
|
|
|
|
_mouseUp: function(event) {
|
|
$(document)
|
|
.unbind("mousemove."+this.widgetName, this._mouseMoveDelegate)
|
|
.unbind("mouseup."+this.widgetName, this._mouseUpDelegate);
|
|
|
|
if (this._mouseStarted) {
|
|
this._mouseStarted = false;
|
|
|
|
if (event.target === this._mouseDownEvent.target) {
|
|
$.data(event.target, this.widgetName + ".preventClickEvent", true);
|
|
}
|
|
|
|
this._mouseStop(event);
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
_mouseDistanceMet: function(event) {
|
|
return (Math.max(
|
|
Math.abs(this._mouseDownEvent.pageX - event.pageX),
|
|
Math.abs(this._mouseDownEvent.pageY - event.pageY)
|
|
) >= this.options.distance
|
|
);
|
|
},
|
|
|
|
_mouseDelayMet: function(/* event */) {
|
|
return this.mouseDelayMet;
|
|
},
|
|
|
|
// These are placeholder methods, to be overriden by extending plugin
|
|
_mouseStart: function(/* event */) {},
|
|
_mouseDrag: function(/* event */) {},
|
|
_mouseStop: function(/* event */) {},
|
|
_mouseCapture: function(/* event */) { return true; }
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.widget("ui.draggable", $.ui.mouse, {
|
|
version: "1.10.0",
|
|
widgetEventPrefix: "drag",
|
|
options: {
|
|
addClasses: true,
|
|
appendTo: "parent",
|
|
axis: false,
|
|
connectToSortable: false,
|
|
containment: false,
|
|
cursor: "auto",
|
|
cursorAt: false,
|
|
grid: false,
|
|
handle: false,
|
|
helper: "original",
|
|
iframeFix: false,
|
|
opacity: false,
|
|
refreshPositions: false,
|
|
revert: false,
|
|
revertDuration: 500,
|
|
scope: "default",
|
|
scroll: true,
|
|
scrollSensitivity: 20,
|
|
scrollSpeed: 20,
|
|
snap: false,
|
|
snapMode: "both",
|
|
snapTolerance: 20,
|
|
stack: false,
|
|
zIndex: false,
|
|
|
|
// callbacks
|
|
drag: null,
|
|
start: null,
|
|
stop: null
|
|
},
|
|
_create: function() {
|
|
|
|
if (this.options.helper === "original" && !(/^(?:r|a|f)/).test(this.element.css("position"))) {
|
|
this.element[0].style.position = "relative";
|
|
}
|
|
if (this.options.addClasses){
|
|
this.element.addClass("ui-draggable");
|
|
}
|
|
if (this.options.disabled){
|
|
this.element.addClass("ui-draggable-disabled");
|
|
}
|
|
|
|
this._mouseInit();
|
|
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.element.removeClass( "ui-draggable ui-draggable-dragging ui-draggable-disabled" );
|
|
this._mouseDestroy();
|
|
},
|
|
|
|
_mouseCapture: function(event) {
|
|
|
|
var o = this.options;
|
|
|
|
// among others, prevent a drag on a resizable-handle
|
|
if (this.helper || o.disabled || $(event.target).closest(".ui-resizable-handle").length > 0) {
|
|
return false;
|
|
}
|
|
|
|
//Quit if we're not on a valid handle
|
|
this.handle = this._getHandle(event);
|
|
if (!this.handle) {
|
|
return false;
|
|
}
|
|
|
|
$(o.iframeFix === true ? "iframe" : o.iframeFix).each(function() {
|
|
$("<div class='ui-draggable-iframeFix' style='background: #fff;'></div>")
|
|
.css({
|
|
width: this.offsetWidth+"px", height: this.offsetHeight+"px",
|
|
position: "absolute", opacity: "0.001", zIndex: 1000
|
|
})
|
|
.css($(this).offset())
|
|
.appendTo("body");
|
|
});
|
|
|
|
return true;
|
|
|
|
},
|
|
|
|
_mouseStart: function(event) {
|
|
|
|
var o = this.options;
|
|
|
|
//Create and append the visible helper
|
|
this.helper = this._createHelper(event);
|
|
|
|
this.helper.addClass("ui-draggable-dragging");
|
|
|
|
//Cache the helper size
|
|
this._cacheHelperProportions();
|
|
|
|
//If ddmanager is used for droppables, set the global draggable
|
|
if($.ui.ddmanager) {
|
|
$.ui.ddmanager.current = this;
|
|
}
|
|
|
|
/*
|
|
* - Position generation -
|
|
* This block generates everything position related - it's the core of draggables.
|
|
*/
|
|
|
|
//Cache the margins of the original element
|
|
this._cacheMargins();
|
|
|
|
//Store the helper's css position
|
|
this.cssPosition = this.helper.css("position");
|
|
this.scrollParent = this.helper.scrollParent();
|
|
|
|
//The element's absolute position on the page minus margins
|
|
this.offset = this.positionAbs = this.element.offset();
|
|
this.offset = {
|
|
top: this.offset.top - this.margins.top,
|
|
left: this.offset.left - this.margins.left
|
|
};
|
|
|
|
$.extend(this.offset, {
|
|
click: { //Where the click happened, relative to the element
|
|
left: event.pageX - this.offset.left,
|
|
top: event.pageY - this.offset.top
|
|
},
|
|
parent: this._getParentOffset(),
|
|
relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
|
|
});
|
|
|
|
//Generate the original position
|
|
this.originalPosition = this.position = this._generatePosition(event);
|
|
this.originalPageX = event.pageX;
|
|
this.originalPageY = event.pageY;
|
|
|
|
//Adjust the mouse offset relative to the helper if "cursorAt" is supplied
|
|
(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
|
|
|
|
//Set a containment if given in the options
|
|
if(o.containment) {
|
|
this._setContainment();
|
|
}
|
|
|
|
//Trigger event + callbacks
|
|
if(this._trigger("start", event) === false) {
|
|
this._clear();
|
|
return false;
|
|
}
|
|
|
|
//Recache the helper size
|
|
this._cacheHelperProportions();
|
|
|
|
//Prepare the droppable offsets
|
|
if ($.ui.ddmanager && !o.dropBehaviour) {
|
|
$.ui.ddmanager.prepareOffsets(this, event);
|
|
}
|
|
|
|
|
|
this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position
|
|
|
|
//If the ddmanager is used for droppables, inform the manager that dragging has started (see #5003)
|
|
if ( $.ui.ddmanager ) {
|
|
$.ui.ddmanager.dragStart(this, event);
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
_mouseDrag: function(event, noPropagation) {
|
|
|
|
//Compute the helpers position
|
|
this.position = this._generatePosition(event);
|
|
this.positionAbs = this._convertPositionTo("absolute");
|
|
|
|
//Call plugins and callbacks and use the resulting position if something is returned
|
|
if (!noPropagation) {
|
|
var ui = this._uiHash();
|
|
if(this._trigger("drag", event, ui) === false) {
|
|
this._mouseUp({});
|
|
return false;
|
|
}
|
|
this.position = ui.position;
|
|
}
|
|
|
|
if(!this.options.axis || this.options.axis !== "y") {
|
|
this.helper[0].style.left = this.position.left+"px";
|
|
}
|
|
if(!this.options.axis || this.options.axis !== "x") {
|
|
this.helper[0].style.top = this.position.top+"px";
|
|
}
|
|
if($.ui.ddmanager) {
|
|
$.ui.ddmanager.drag(this, event);
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
_mouseStop: function(event) {
|
|
|
|
//If we are using droppables, inform the manager about the drop
|
|
var element,
|
|
that = this,
|
|
elementInDom = false,
|
|
dropped = false;
|
|
if ($.ui.ddmanager && !this.options.dropBehaviour) {
|
|
dropped = $.ui.ddmanager.drop(this, event);
|
|
}
|
|
|
|
//if a drop comes from outside (a sortable)
|
|
if(this.dropped) {
|
|
dropped = this.dropped;
|
|
this.dropped = false;
|
|
}
|
|
|
|
//if the original element is no longer in the DOM don't bother to continue (see #8269)
|
|
element = this.element[0];
|
|
while ( element && (element = element.parentNode) ) {
|
|
if (element === document ) {
|
|
elementInDom = true;
|
|
}
|
|
}
|
|
if ( !elementInDom && this.options.helper === "original" ) {
|
|
return false;
|
|
}
|
|
|
|
if((this.options.revert === "invalid" && !dropped) || (this.options.revert === "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
|
|
$(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
|
|
if(that._trigger("stop", event) !== false) {
|
|
that._clear();
|
|
}
|
|
});
|
|
} else {
|
|
if(this._trigger("stop", event) !== false) {
|
|
this._clear();
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
_mouseUp: function(event) {
|
|
//Remove frame helpers
|
|
$("div.ui-draggable-iframeFix").each(function() {
|
|
this.parentNode.removeChild(this);
|
|
});
|
|
|
|
//If the ddmanager is used for droppables, inform the manager that dragging has stopped (see #5003)
|
|
if( $.ui.ddmanager ) {
|
|
$.ui.ddmanager.dragStop(this, event);
|
|
}
|
|
|
|
return $.ui.mouse.prototype._mouseUp.call(this, event);
|
|
},
|
|
|
|
cancel: function() {
|
|
|
|
if(this.helper.is(".ui-draggable-dragging")) {
|
|
this._mouseUp({});
|
|
} else {
|
|
this._clear();
|
|
}
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
_getHandle: function(event) {
|
|
|
|
var handle = !this.options.handle || !$(this.options.handle, this.element).length ? true : false;
|
|
$(this.options.handle, this.element)
|
|
.find("*")
|
|
.addBack()
|
|
.each(function() {
|
|
if(this === event.target) {
|
|
handle = true;
|
|
}
|
|
});
|
|
|
|
return handle;
|
|
|
|
},
|
|
|
|
_createHelper: function(event) {
|
|
|
|
var o = this.options,
|
|
helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event])) : (o.helper === "clone" ? this.element.clone().removeAttr("id") : this.element);
|
|
|
|
if(!helper.parents("body").length) {
|
|
helper.appendTo((o.appendTo === "parent" ? this.element[0].parentNode : o.appendTo));
|
|
}
|
|
|
|
if(helper[0] !== this.element[0] && !(/(fixed|absolute)/).test(helper.css("position"))) {
|
|
helper.css("position", "absolute");
|
|
}
|
|
|
|
return helper;
|
|
|
|
},
|
|
|
|
_adjustOffsetFromHelper: function(obj) {
|
|
if (typeof obj === "string") {
|
|
obj = obj.split(" ");
|
|
}
|
|
if ($.isArray(obj)) {
|
|
obj = {left: +obj[0], top: +obj[1] || 0};
|
|
}
|
|
if ("left" in obj) {
|
|
this.offset.click.left = obj.left + this.margins.left;
|
|
}
|
|
if ("right" in obj) {
|
|
this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
|
|
}
|
|
if ("top" in obj) {
|
|
this.offset.click.top = obj.top + this.margins.top;
|
|
}
|
|
if ("bottom" in obj) {
|
|
this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
|
|
}
|
|
},
|
|
|
|
_getParentOffset: function() {
|
|
|
|
//Get the offsetParent and cache its position
|
|
this.offsetParent = this.helper.offsetParent();
|
|
var po = this.offsetParent.offset();
|
|
|
|
// This is a special case where we need to modify a offset calculated on start, since the following happened:
|
|
// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
|
|
// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
|
|
// the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
|
|
if(this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
|
|
po.left += this.scrollParent.scrollLeft();
|
|
po.top += this.scrollParent.scrollTop();
|
|
}
|
|
|
|
//This needs to be actually done for all browsers, since pageX/pageY includes this information
|
|
//Ugly IE fix
|
|
if((this.offsetParent[0] === document.body) ||
|
|
(this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
|
|
po = { top: 0, left: 0 };
|
|
}
|
|
|
|
return {
|
|
top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
|
|
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
|
|
};
|
|
|
|
},
|
|
|
|
_getRelativeOffset: function() {
|
|
|
|
if(this.cssPosition === "relative") {
|
|
var p = this.element.position();
|
|
return {
|
|
top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
|
|
left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
|
|
};
|
|
} else {
|
|
return { top: 0, left: 0 };
|
|
}
|
|
|
|
},
|
|
|
|
_cacheMargins: function() {
|
|
this.margins = {
|
|
left: (parseInt(this.element.css("marginLeft"),10) || 0),
|
|
top: (parseInt(this.element.css("marginTop"),10) || 0),
|
|
right: (parseInt(this.element.css("marginRight"),10) || 0),
|
|
bottom: (parseInt(this.element.css("marginBottom"),10) || 0)
|
|
};
|
|
},
|
|
|
|
_cacheHelperProportions: function() {
|
|
this.helperProportions = {
|
|
width: this.helper.outerWidth(),
|
|
height: this.helper.outerHeight()
|
|
};
|
|
},
|
|
|
|
_setContainment: function() {
|
|
|
|
var over, c, ce,
|
|
o = this.options;
|
|
|
|
if(o.containment === "parent") {
|
|
o.containment = this.helper[0].parentNode;
|
|
}
|
|
if(o.containment === "document" || o.containment === "window") {
|
|
this.containment = [
|
|
o.containment === "document" ? 0 : $(window).scrollLeft() - this.offset.relative.left - this.offset.parent.left,
|
|
o.containment === "document" ? 0 : $(window).scrollTop() - this.offset.relative.top - this.offset.parent.top,
|
|
(o.containment === "document" ? 0 : $(window).scrollLeft()) + $(o.containment === "document" ? document : window).width() - this.helperProportions.width - this.margins.left,
|
|
(o.containment === "document" ? 0 : $(window).scrollTop()) + ($(o.containment === "document" ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
|
|
];
|
|
}
|
|
|
|
if(!(/^(document|window|parent)$/).test(o.containment) && o.containment.constructor !== Array) {
|
|
c = $(o.containment);
|
|
ce = c[0];
|
|
|
|
if(!ce) {
|
|
return;
|
|
}
|
|
|
|
over = ($(ce).css("overflow") !== "hidden");
|
|
|
|
this.containment = [
|
|
(parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0),
|
|
(parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0),
|
|
(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left - this.margins.right,
|
|
(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top - this.margins.bottom
|
|
];
|
|
this.relative_container = c;
|
|
|
|
} else if(o.containment.constructor === Array) {
|
|
this.containment = o.containment;
|
|
}
|
|
|
|
},
|
|
|
|
_convertPositionTo: function(d, pos) {
|
|
|
|
if(!pos) {
|
|
pos = this.position;
|
|
}
|
|
|
|
var mod = d === "absolute" ? 1 : -1,
|
|
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
|
|
|
return {
|
|
top: (
|
|
pos.top + // The absolute mouse position
|
|
this.offset.relative.top * mod + // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.top * mod - // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
|
|
),
|
|
left: (
|
|
pos.left + // The absolute mouse position
|
|
this.offset.relative.left * mod + // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.left * mod - // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
|
|
)
|
|
};
|
|
|
|
},
|
|
|
|
_generatePosition: function(event) {
|
|
|
|
var containment, co, top, left,
|
|
o = this.options,
|
|
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent,
|
|
scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName),
|
|
pageX = event.pageX,
|
|
pageY = event.pageY;
|
|
|
|
/*
|
|
* - Position constraining -
|
|
* Constrain the position to a mix of grid, containment.
|
|
*/
|
|
|
|
if(this.originalPosition) { //If we are not dragging yet, we won't check for options
|
|
if(this.containment) {
|
|
if (this.relative_container){
|
|
co = this.relative_container.offset();
|
|
containment = [ this.containment[0] + co.left,
|
|
this.containment[1] + co.top,
|
|
this.containment[2] + co.left,
|
|
this.containment[3] + co.top ];
|
|
}
|
|
else {
|
|
containment = this.containment;
|
|
}
|
|
|
|
if(event.pageX - this.offset.click.left < containment[0]) {
|
|
pageX = containment[0] + this.offset.click.left;
|
|
}
|
|
if(event.pageY - this.offset.click.top < containment[1]) {
|
|
pageY = containment[1] + this.offset.click.top;
|
|
}
|
|
if(event.pageX - this.offset.click.left > containment[2]) {
|
|
pageX = containment[2] + this.offset.click.left;
|
|
}
|
|
if(event.pageY - this.offset.click.top > containment[3]) {
|
|
pageY = containment[3] + this.offset.click.top;
|
|
}
|
|
}
|
|
|
|
if(o.grid) {
|
|
//Check for grid elements set to 0 to prevent divide by 0 error causing invalid argument errors in IE (see ticket #6950)
|
|
top = o.grid[1] ? this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1] : this.originalPageY;
|
|
pageY = containment ? ((top - this.offset.click.top >= containment[1] || top - this.offset.click.top > containment[3]) ? top : ((top - this.offset.click.top >= containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
|
|
|
|
left = o.grid[0] ? this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0] : this.originalPageX;
|
|
pageX = containment ? ((left - this.offset.click.left >= containment[0] || left - this.offset.click.left > containment[2]) ? left : ((left - this.offset.click.left >= containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
|
|
}
|
|
|
|
}
|
|
|
|
return {
|
|
top: (
|
|
pageY - // The absolute mouse position
|
|
this.offset.click.top - // Click offset (relative to the element)
|
|
this.offset.relative.top - // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.top + // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
|
|
),
|
|
left: (
|
|
pageX - // The absolute mouse position
|
|
this.offset.click.left - // Click offset (relative to the element)
|
|
this.offset.relative.left - // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.left + // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
|
|
)
|
|
};
|
|
|
|
},
|
|
|
|
_clear: function() {
|
|
this.helper.removeClass("ui-draggable-dragging");
|
|
if(this.helper[0] !== this.element[0] && !this.cancelHelperRemoval) {
|
|
this.helper.remove();
|
|
}
|
|
this.helper = null;
|
|
this.cancelHelperRemoval = false;
|
|
},
|
|
|
|
// From now on bulk stuff - mainly helpers
|
|
|
|
_trigger: function(type, event, ui) {
|
|
ui = ui || this._uiHash();
|
|
$.ui.plugin.call(this, type, [event, ui]);
|
|
//The absolute position has to be recalculated after plugins
|
|
if(type === "drag") {
|
|
this.positionAbs = this._convertPositionTo("absolute");
|
|
}
|
|
return $.Widget.prototype._trigger.call(this, type, event, ui);
|
|
},
|
|
|
|
plugins: {},
|
|
|
|
_uiHash: function() {
|
|
return {
|
|
helper: this.helper,
|
|
position: this.position,
|
|
originalPosition: this.originalPosition,
|
|
offset: this.positionAbs
|
|
};
|
|
}
|
|
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "connectToSortable", {
|
|
start: function(event, ui) {
|
|
|
|
var inst = $(this).data("ui-draggable"), o = inst.options,
|
|
uiSortable = $.extend({}, ui, { item: inst.element });
|
|
inst.sortables = [];
|
|
$(o.connectToSortable).each(function() {
|
|
var sortable = $.data(this, "ui-sortable");
|
|
if (sortable && !sortable.options.disabled) {
|
|
inst.sortables.push({
|
|
instance: sortable,
|
|
shouldRevert: sortable.options.revert
|
|
});
|
|
sortable.refreshPositions(); // Call the sortable's refreshPositions at drag start to refresh the containerCache since the sortable container cache is used in drag and needs to be up to date (this will ensure it's initialised as well as being kept in step with any changes that might have happened on the page).
|
|
sortable._trigger("activate", event, uiSortable);
|
|
}
|
|
});
|
|
|
|
},
|
|
stop: function(event, ui) {
|
|
|
|
//If we are still over the sortable, we fake the stop event of the sortable, but also remove helper
|
|
var inst = $(this).data("ui-draggable"),
|
|
uiSortable = $.extend({}, ui, { item: inst.element });
|
|
|
|
$.each(inst.sortables, function() {
|
|
if(this.instance.isOver) {
|
|
|
|
this.instance.isOver = 0;
|
|
|
|
inst.cancelHelperRemoval = true; //Don't remove the helper in the draggable instance
|
|
this.instance.cancelHelperRemoval = false; //Remove it in the sortable instance (so sortable plugins like revert still work)
|
|
|
|
//The sortable revert is supported, and we have to set a temporary dropped variable on the draggable to support revert: "valid/invalid"
|
|
if(this.shouldRevert) {
|
|
this.instance.options.revert = true;
|
|
}
|
|
|
|
//Trigger the stop of the sortable
|
|
this.instance._mouseStop(event);
|
|
|
|
this.instance.options.helper = this.instance.options._helper;
|
|
|
|
//If the helper has been the original item, restore properties in the sortable
|
|
if(inst.options.helper === "original") {
|
|
this.instance.currentItem.css({ top: "auto", left: "auto" });
|
|
}
|
|
|
|
} else {
|
|
this.instance.cancelHelperRemoval = false; //Remove the helper in the sortable instance
|
|
this.instance._trigger("deactivate", event, uiSortable);
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
drag: function(event, ui) {
|
|
|
|
var inst = $(this).data("ui-draggable"), that = this;
|
|
|
|
$.each(inst.sortables, function() {
|
|
|
|
var innermostIntersecting = false,
|
|
thisSortable = this;
|
|
|
|
//Copy over some variables to allow calling the sortable's native _intersectsWith
|
|
this.instance.positionAbs = inst.positionAbs;
|
|
this.instance.helperProportions = inst.helperProportions;
|
|
this.instance.offset.click = inst.offset.click;
|
|
|
|
if(this.instance._intersectsWith(this.instance.containerCache)) {
|
|
innermostIntersecting = true;
|
|
$.each(inst.sortables, function () {
|
|
this.instance.positionAbs = inst.positionAbs;
|
|
this.instance.helperProportions = inst.helperProportions;
|
|
this.instance.offset.click = inst.offset.click;
|
|
if (this !== thisSortable &&
|
|
this.instance._intersectsWith(this.instance.containerCache) &&
|
|
$.ui.contains(thisSortable.instance.element[0], this.instance.element[0])
|
|
) {
|
|
innermostIntersecting = false;
|
|
}
|
|
return innermostIntersecting;
|
|
});
|
|
}
|
|
|
|
|
|
if(innermostIntersecting) {
|
|
//If it intersects, we use a little isOver variable and set it once, so our move-in stuff gets fired only once
|
|
if(!this.instance.isOver) {
|
|
|
|
this.instance.isOver = 1;
|
|
//Now we fake the start of dragging for the sortable instance,
|
|
//by cloning the list group item, appending it to the sortable and using it as inst.currentItem
|
|
//We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
|
|
this.instance.currentItem = $(that).clone().removeAttr("id").appendTo(this.instance.element).data("ui-sortable-item", true);
|
|
this.instance.options._helper = this.instance.options.helper; //Store helper option to later restore it
|
|
this.instance.options.helper = function() { return ui.helper[0]; };
|
|
|
|
event.target = this.instance.currentItem[0];
|
|
this.instance._mouseCapture(event, true);
|
|
this.instance._mouseStart(event, true, true);
|
|
|
|
//Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
|
|
this.instance.offset.click.top = inst.offset.click.top;
|
|
this.instance.offset.click.left = inst.offset.click.left;
|
|
this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
|
|
this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
|
|
|
|
inst._trigger("toSortable", event);
|
|
inst.dropped = this.instance.element; //draggable revert needs that
|
|
//hack so receive/update callbacks work (mostly)
|
|
inst.currentItem = inst.element;
|
|
this.instance.fromOutside = inst;
|
|
|
|
}
|
|
|
|
//Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
|
|
if(this.instance.currentItem) {
|
|
this.instance._mouseDrag(event);
|
|
}
|
|
|
|
} else {
|
|
|
|
//If it doesn't intersect with the sortable, and it intersected before,
|
|
//we fake the drag stop of the sortable, but make sure it doesn't remove the helper by using cancelHelperRemoval
|
|
if(this.instance.isOver) {
|
|
|
|
this.instance.isOver = 0;
|
|
this.instance.cancelHelperRemoval = true;
|
|
|
|
//Prevent reverting on this forced stop
|
|
this.instance.options.revert = false;
|
|
|
|
// The out event needs to be triggered independently
|
|
this.instance._trigger("out", event, this.instance._uiHash(this.instance));
|
|
|
|
this.instance._mouseStop(event, true);
|
|
this.instance.options.helper = this.instance.options._helper;
|
|
|
|
//Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
|
|
this.instance.currentItem.remove();
|
|
if(this.instance.placeholder) {
|
|
this.instance.placeholder.remove();
|
|
}
|
|
|
|
inst._trigger("fromSortable", event);
|
|
inst.dropped = false; //draggable revert needs that
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "cursor", {
|
|
start: function() {
|
|
var t = $("body"), o = $(this).data("ui-draggable").options;
|
|
if (t.css("cursor")) {
|
|
o._cursor = t.css("cursor");
|
|
}
|
|
t.css("cursor", o.cursor);
|
|
},
|
|
stop: function() {
|
|
var o = $(this).data("ui-draggable").options;
|
|
if (o._cursor) {
|
|
$("body").css("cursor", o._cursor);
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "opacity", {
|
|
start: function(event, ui) {
|
|
var t = $(ui.helper), o = $(this).data("ui-draggable").options;
|
|
if(t.css("opacity")) {
|
|
o._opacity = t.css("opacity");
|
|
}
|
|
t.css("opacity", o.opacity);
|
|
},
|
|
stop: function(event, ui) {
|
|
var o = $(this).data("ui-draggable").options;
|
|
if(o._opacity) {
|
|
$(ui.helper).css("opacity", o._opacity);
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "scroll", {
|
|
start: function() {
|
|
var i = $(this).data("ui-draggable");
|
|
if(i.scrollParent[0] !== document && i.scrollParent[0].tagName !== "HTML") {
|
|
i.overflowOffset = i.scrollParent.offset();
|
|
}
|
|
},
|
|
drag: function( event ) {
|
|
|
|
var i = $(this).data("ui-draggable"), o = i.options, scrolled = false;
|
|
|
|
if(i.scrollParent[0] !== document && i.scrollParent[0].tagName !== "HTML") {
|
|
|
|
if(!o.axis || o.axis !== "x") {
|
|
if((i.overflowOffset.top + i.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
|
|
i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop + o.scrollSpeed;
|
|
} else if(event.pageY - i.overflowOffset.top < o.scrollSensitivity) {
|
|
i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop - o.scrollSpeed;
|
|
}
|
|
}
|
|
|
|
if(!o.axis || o.axis !== "y") {
|
|
if((i.overflowOffset.left + i.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
|
|
i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft + o.scrollSpeed;
|
|
} else if(event.pageX - i.overflowOffset.left < o.scrollSensitivity) {
|
|
i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft - o.scrollSpeed;
|
|
}
|
|
}
|
|
|
|
} else {
|
|
|
|
if(!o.axis || o.axis !== "x") {
|
|
if(event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
|
|
} else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
|
|
}
|
|
}
|
|
|
|
if(!o.axis || o.axis !== "y") {
|
|
if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
|
|
} else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
|
|
$.ui.ddmanager.prepareOffsets(i, event);
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "snap", {
|
|
start: function() {
|
|
|
|
var i = $(this).data("ui-draggable"),
|
|
o = i.options;
|
|
|
|
i.snapElements = [];
|
|
|
|
$(o.snap.constructor !== String ? ( o.snap.items || ":data(ui-draggable)" ) : o.snap).each(function() {
|
|
var $t = $(this),
|
|
$o = $t.offset();
|
|
if(this !== i.element[0]) {
|
|
i.snapElements.push({
|
|
item: this,
|
|
width: $t.outerWidth(), height: $t.outerHeight(),
|
|
top: $o.top, left: $o.left
|
|
});
|
|
}
|
|
});
|
|
|
|
},
|
|
drag: function(event, ui) {
|
|
|
|
var ts, bs, ls, rs, l, r, t, b, i, first,
|
|
inst = $(this).data("ui-draggable"),
|
|
o = inst.options,
|
|
d = o.snapTolerance,
|
|
x1 = ui.offset.left, x2 = x1 + inst.helperProportions.width,
|
|
y1 = ui.offset.top, y2 = y1 + inst.helperProportions.height;
|
|
|
|
for (i = inst.snapElements.length - 1; i >= 0; i--){
|
|
|
|
l = inst.snapElements[i].left;
|
|
r = l + inst.snapElements[i].width;
|
|
t = inst.snapElements[i].top;
|
|
b = t + inst.snapElements[i].height;
|
|
|
|
//Yes, I know, this is insane ;)
|
|
if(!((l-d < x1 && x1 < r+d && t-d < y1 && y1 < b+d) || (l-d < x1 && x1 < r+d && t-d < y2 && y2 < b+d) || (l-d < x2 && x2 < r+d && t-d < y1 && y1 < b+d) || (l-d < x2 && x2 < r+d && t-d < y2 && y2 < b+d))) {
|
|
if(inst.snapElements[i].snapping) {
|
|
(inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
|
|
}
|
|
inst.snapElements[i].snapping = false;
|
|
continue;
|
|
}
|
|
|
|
if(o.snapMode !== "inner") {
|
|
ts = Math.abs(t - y2) <= d;
|
|
bs = Math.abs(b - y1) <= d;
|
|
ls = Math.abs(l - x2) <= d;
|
|
rs = Math.abs(r - x1) <= d;
|
|
if(ts) {
|
|
ui.position.top = inst._convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top - inst.margins.top;
|
|
}
|
|
if(bs) {
|
|
ui.position.top = inst._convertPositionTo("relative", { top: b, left: 0 }).top - inst.margins.top;
|
|
}
|
|
if(ls) {
|
|
ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left - inst.margins.left;
|
|
}
|
|
if(rs) {
|
|
ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r }).left - inst.margins.left;
|
|
}
|
|
}
|
|
|
|
first = (ts || bs || ls || rs);
|
|
|
|
if(o.snapMode !== "outer") {
|
|
ts = Math.abs(t - y1) <= d;
|
|
bs = Math.abs(b - y2) <= d;
|
|
ls = Math.abs(l - x1) <= d;
|
|
rs = Math.abs(r - x2) <= d;
|
|
if(ts) {
|
|
ui.position.top = inst._convertPositionTo("relative", { top: t, left: 0 }).top - inst.margins.top;
|
|
}
|
|
if(bs) {
|
|
ui.position.top = inst._convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top - inst.margins.top;
|
|
}
|
|
if(ls) {
|
|
ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l }).left - inst.margins.left;
|
|
}
|
|
if(rs) {
|
|
ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left - inst.margins.left;
|
|
}
|
|
}
|
|
|
|
if(!inst.snapElements[i].snapping && (ts || bs || ls || rs || first)) {
|
|
(inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
|
|
}
|
|
inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
|
|
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "stack", {
|
|
start: function() {
|
|
|
|
var min,
|
|
o = $(this).data("ui-draggable").options,
|
|
group = $.makeArray($(o.stack)).sort(function(a,b) {
|
|
return (parseInt($(a).css("zIndex"),10) || 0) - (parseInt($(b).css("zIndex"),10) || 0);
|
|
});
|
|
|
|
if (!group.length) { return; }
|
|
|
|
min = parseInt(group[0].style.zIndex, 10) || 0;
|
|
$(group).each(function(i) {
|
|
this.style.zIndex = min + i;
|
|
});
|
|
|
|
this[0].style.zIndex = min + group.length;
|
|
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("draggable", "zIndex", {
|
|
start: function(event, ui) {
|
|
var t = $(ui.helper), o = $(this).data("ui-draggable").options;
|
|
if(t.css("zIndex")) {
|
|
o._zIndex = t.css("zIndex");
|
|
}
|
|
t.css("zIndex", o.zIndex);
|
|
},
|
|
stop: function(event, ui) {
|
|
var o = $(this).data("ui-draggable").options;
|
|
if(o._zIndex) {
|
|
$(ui.helper).css("zIndex", o._zIndex);
|
|
}
|
|
}
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
function isOverAxis( x, reference, size ) {
|
|
return ( x > reference ) && ( x < ( reference + size ) );
|
|
}
|
|
|
|
$.widget("ui.droppable", {
|
|
version: "1.10.0",
|
|
widgetEventPrefix: "drop",
|
|
options: {
|
|
accept: "*",
|
|
activeClass: false,
|
|
addClasses: true,
|
|
greedy: false,
|
|
hoverClass: false,
|
|
scope: "default",
|
|
tolerance: "intersect",
|
|
|
|
// callbacks
|
|
activate: null,
|
|
deactivate: null,
|
|
drop: null,
|
|
out: null,
|
|
over: null
|
|
},
|
|
_create: function() {
|
|
|
|
var o = this.options,
|
|
accept = o.accept;
|
|
|
|
this.isover = false;
|
|
this.isout = true;
|
|
|
|
this.accept = $.isFunction(accept) ? accept : function(d) {
|
|
return d.is(accept);
|
|
};
|
|
|
|
//Store the droppable's proportions
|
|
this.proportions = { width: this.element[0].offsetWidth, height: this.element[0].offsetHeight };
|
|
|
|
// Add the reference and positions to the manager
|
|
$.ui.ddmanager.droppables[o.scope] = $.ui.ddmanager.droppables[o.scope] || [];
|
|
$.ui.ddmanager.droppables[o.scope].push(this);
|
|
|
|
(o.addClasses && this.element.addClass("ui-droppable"));
|
|
|
|
},
|
|
|
|
_destroy: function() {
|
|
var i = 0,
|
|
drop = $.ui.ddmanager.droppables[this.options.scope];
|
|
|
|
for ( ; i < drop.length; i++ ) {
|
|
if ( drop[i] === this ) {
|
|
drop.splice(i, 1);
|
|
}
|
|
}
|
|
|
|
this.element.removeClass("ui-droppable ui-droppable-disabled");
|
|
},
|
|
|
|
_setOption: function(key, value) {
|
|
|
|
if(key === "accept") {
|
|
this.accept = $.isFunction(value) ? value : function(d) {
|
|
return d.is(value);
|
|
};
|
|
}
|
|
$.Widget.prototype._setOption.apply(this, arguments);
|
|
},
|
|
|
|
_activate: function(event) {
|
|
var draggable = $.ui.ddmanager.current;
|
|
if(this.options.activeClass) {
|
|
this.element.addClass(this.options.activeClass);
|
|
}
|
|
if(draggable){
|
|
this._trigger("activate", event, this.ui(draggable));
|
|
}
|
|
},
|
|
|
|
_deactivate: function(event) {
|
|
var draggable = $.ui.ddmanager.current;
|
|
if(this.options.activeClass) {
|
|
this.element.removeClass(this.options.activeClass);
|
|
}
|
|
if(draggable){
|
|
this._trigger("deactivate", event, this.ui(draggable));
|
|
}
|
|
},
|
|
|
|
_over: function(event) {
|
|
|
|
var draggable = $.ui.ddmanager.current;
|
|
|
|
// Bail if draggable and droppable are same element
|
|
if (!draggable || (draggable.currentItem || draggable.element)[0] === this.element[0]) {
|
|
return;
|
|
}
|
|
|
|
if (this.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
|
|
if(this.options.hoverClass) {
|
|
this.element.addClass(this.options.hoverClass);
|
|
}
|
|
this._trigger("over", event, this.ui(draggable));
|
|
}
|
|
|
|
},
|
|
|
|
_out: function(event) {
|
|
|
|
var draggable = $.ui.ddmanager.current;
|
|
|
|
// Bail if draggable and droppable are same element
|
|
if (!draggable || (draggable.currentItem || draggable.element)[0] === this.element[0]) {
|
|
return;
|
|
}
|
|
|
|
if (this.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
|
|
if(this.options.hoverClass) {
|
|
this.element.removeClass(this.options.hoverClass);
|
|
}
|
|
this._trigger("out", event, this.ui(draggable));
|
|
}
|
|
|
|
},
|
|
|
|
_drop: function(event,custom) {
|
|
|
|
var draggable = custom || $.ui.ddmanager.current,
|
|
childrenIntersection = false;
|
|
|
|
// Bail if draggable and droppable are same element
|
|
if (!draggable || (draggable.currentItem || draggable.element)[0] === this.element[0]) {
|
|
return false;
|
|
}
|
|
|
|
this.element.find(":data(ui-droppable)").not(".ui-draggable-dragging").each(function() {
|
|
var inst = $.data(this, "ui-droppable");
|
|
if(
|
|
inst.options.greedy &&
|
|
!inst.options.disabled &&
|
|
inst.options.scope === draggable.options.scope &&
|
|
inst.accept.call(inst.element[0], (draggable.currentItem || draggable.element)) &&
|
|
$.ui.intersect(draggable, $.extend(inst, { offset: inst.element.offset() }), inst.options.tolerance)
|
|
) { childrenIntersection = true; return false; }
|
|
});
|
|
if(childrenIntersection) {
|
|
return false;
|
|
}
|
|
|
|
if(this.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
|
|
if(this.options.activeClass) {
|
|
this.element.removeClass(this.options.activeClass);
|
|
}
|
|
if(this.options.hoverClass) {
|
|
this.element.removeClass(this.options.hoverClass);
|
|
}
|
|
this._trigger("drop", event, this.ui(draggable));
|
|
return this.element;
|
|
}
|
|
|
|
return false;
|
|
|
|
},
|
|
|
|
ui: function(c) {
|
|
return {
|
|
draggable: (c.currentItem || c.element),
|
|
helper: c.helper,
|
|
position: c.position,
|
|
offset: c.positionAbs
|
|
};
|
|
}
|
|
|
|
});
|
|
|
|
$.ui.intersect = function(draggable, droppable, toleranceMode) {
|
|
|
|
if (!droppable.offset) {
|
|
return false;
|
|
}
|
|
|
|
var draggableLeft, draggableTop,
|
|
x1 = (draggable.positionAbs || draggable.position.absolute).left, x2 = x1 + draggable.helperProportions.width,
|
|
y1 = (draggable.positionAbs || draggable.position.absolute).top, y2 = y1 + draggable.helperProportions.height,
|
|
l = droppable.offset.left, r = l + droppable.proportions.width,
|
|
t = droppable.offset.top, b = t + droppable.proportions.height;
|
|
|
|
switch (toleranceMode) {
|
|
case "fit":
|
|
return (l <= x1 && x2 <= r && t <= y1 && y2 <= b);
|
|
case "intersect":
|
|
return (l < x1 + (draggable.helperProportions.width / 2) && // Right Half
|
|
x2 - (draggable.helperProportions.width / 2) < r && // Left Half
|
|
t < y1 + (draggable.helperProportions.height / 2) && // Bottom Half
|
|
y2 - (draggable.helperProportions.height / 2) < b ); // Top Half
|
|
case "pointer":
|
|
draggableLeft = ((draggable.positionAbs || draggable.position.absolute).left + (draggable.clickOffset || draggable.offset.click).left);
|
|
draggableTop = ((draggable.positionAbs || draggable.position.absolute).top + (draggable.clickOffset || draggable.offset.click).top);
|
|
return isOverAxis( draggableTop, t, droppable.proportions.height ) && isOverAxis( draggableLeft, l, droppable.proportions.width );
|
|
case "touch":
|
|
return (
|
|
(y1 >= t && y1 <= b) || // Top edge touching
|
|
(y2 >= t && y2 <= b) || // Bottom edge touching
|
|
(y1 < t && y2 > b) // Surrounded vertically
|
|
) && (
|
|
(x1 >= l && x1 <= r) || // Left edge touching
|
|
(x2 >= l && x2 <= r) || // Right edge touching
|
|
(x1 < l && x2 > r) // Surrounded horizontally
|
|
);
|
|
default:
|
|
return false;
|
|
}
|
|
|
|
};
|
|
|
|
/*
|
|
This manager tracks offsets of draggables and droppables
|
|
*/
|
|
$.ui.ddmanager = {
|
|
current: null,
|
|
droppables: { "default": [] },
|
|
prepareOffsets: function(t, event) {
|
|
|
|
var i, j,
|
|
m = $.ui.ddmanager.droppables[t.options.scope] || [],
|
|
type = event ? event.type : null, // workaround for #2317
|
|
list = (t.currentItem || t.element).find(":data(ui-droppable)").addBack();
|
|
|
|
droppablesLoop: for (i = 0; i < m.length; i++) {
|
|
|
|
//No disabled and non-accepted
|
|
if(m[i].options.disabled || (t && !m[i].accept.call(m[i].element[0],(t.currentItem || t.element)))) {
|
|
continue;
|
|
}
|
|
|
|
// Filter out elements in the current dragged item
|
|
for (j=0; j < list.length; j++) {
|
|
if(list[j] === m[i].element[0]) {
|
|
m[i].proportions.height = 0;
|
|
continue droppablesLoop;
|
|
}
|
|
}
|
|
|
|
m[i].visible = m[i].element.css("display") !== "none";
|
|
if(!m[i].visible) {
|
|
continue;
|
|
}
|
|
|
|
//Activate the droppable if used directly from draggables
|
|
if(type === "mousedown") {
|
|
m[i]._activate.call(m[i], event);
|
|
}
|
|
|
|
m[i].offset = m[i].element.offset();
|
|
m[i].proportions = { width: m[i].element[0].offsetWidth, height: m[i].element[0].offsetHeight };
|
|
|
|
}
|
|
|
|
},
|
|
drop: function(draggable, event) {
|
|
|
|
var dropped = false;
|
|
$.each($.ui.ddmanager.droppables[draggable.options.scope] || [], function() {
|
|
|
|
if(!this.options) {
|
|
return;
|
|
}
|
|
if (!this.options.disabled && this.visible && $.ui.intersect(draggable, this, this.options.tolerance)) {
|
|
dropped = this._drop.call(this, event) || dropped;
|
|
}
|
|
|
|
if (!this.options.disabled && this.visible && this.accept.call(this.element[0],(draggable.currentItem || draggable.element))) {
|
|
this.isout = true;
|
|
this.isover = false;
|
|
this._deactivate.call(this, event);
|
|
}
|
|
|
|
});
|
|
return dropped;
|
|
|
|
},
|
|
dragStart: function( draggable, event ) {
|
|
//Listen for scrolling so that if the dragging causes scrolling the position of the droppables can be recalculated (see #5003)
|
|
draggable.element.parentsUntil( "body" ).bind( "scroll.droppable", function() {
|
|
if( !draggable.options.refreshPositions ) {
|
|
$.ui.ddmanager.prepareOffsets( draggable, event );
|
|
}
|
|
});
|
|
},
|
|
drag: function(draggable, event) {
|
|
|
|
//If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse.
|
|
if(draggable.options.refreshPositions) {
|
|
$.ui.ddmanager.prepareOffsets(draggable, event);
|
|
}
|
|
|
|
//Run through all droppables and check their positions based on specific tolerance options
|
|
$.each($.ui.ddmanager.droppables[draggable.options.scope] || [], function() {
|
|
|
|
if(this.options.disabled || this.greedyChild || !this.visible) {
|
|
return;
|
|
}
|
|
|
|
var parentInstance, scope, parent,
|
|
intersects = $.ui.intersect(draggable, this, this.options.tolerance),
|
|
c = !intersects && this.isover ? "isout" : (intersects && !this.isover ? "isover" : null);
|
|
if(!c) {
|
|
return;
|
|
}
|
|
|
|
if (this.options.greedy) {
|
|
// find droppable parents with same scope
|
|
scope = this.options.scope;
|
|
parent = this.element.parents(":data(ui-droppable)").filter(function () {
|
|
return $.data(this, "ui-droppable").options.scope === scope;
|
|
});
|
|
|
|
if (parent.length) {
|
|
parentInstance = $.data(parent[0], "ui-droppable");
|
|
parentInstance.greedyChild = (c === "isover");
|
|
}
|
|
}
|
|
|
|
// we just moved into a greedy child
|
|
if (parentInstance && c === "isover") {
|
|
parentInstance.isover = false;
|
|
parentInstance.isout = true;
|
|
parentInstance._out.call(parentInstance, event);
|
|
}
|
|
|
|
this[c] = true;
|
|
this[c === "isout" ? "isover" : "isout"] = false;
|
|
this[c === "isover" ? "_over" : "_out"].call(this, event);
|
|
|
|
// we just moved out of a greedy child
|
|
if (parentInstance && c === "isout") {
|
|
parentInstance.isout = false;
|
|
parentInstance.isover = true;
|
|
parentInstance._over.call(parentInstance, event);
|
|
}
|
|
});
|
|
|
|
},
|
|
dragStop: function( draggable, event ) {
|
|
draggable.element.parentsUntil( "body" ).unbind( "scroll.droppable" );
|
|
//Call prepareOffsets one final time since IE does not fire return scroll events when overflow was caused by drag (see #5003)
|
|
if( !draggable.options.refreshPositions ) {
|
|
$.ui.ddmanager.prepareOffsets( draggable, event );
|
|
}
|
|
}
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
function num(v) {
|
|
return parseInt(v, 10) || 0;
|
|
}
|
|
|
|
function isNumber(value) {
|
|
return !isNaN(parseInt(value, 10));
|
|
}
|
|
|
|
$.widget("ui.resizable", $.ui.mouse, {
|
|
version: "1.10.0",
|
|
widgetEventPrefix: "resize",
|
|
options: {
|
|
alsoResize: false,
|
|
animate: false,
|
|
animateDuration: "slow",
|
|
animateEasing: "swing",
|
|
aspectRatio: false,
|
|
autoHide: false,
|
|
containment: false,
|
|
ghost: false,
|
|
grid: false,
|
|
handles: "e,s,se",
|
|
helper: false,
|
|
maxHeight: null,
|
|
maxWidth: null,
|
|
minHeight: 10,
|
|
minWidth: 10,
|
|
// See #7960
|
|
zIndex: 90,
|
|
|
|
// callbacks
|
|
resize: null,
|
|
start: null,
|
|
stop: null
|
|
},
|
|
_create: function() {
|
|
|
|
var n, i, handle, axis, hname,
|
|
that = this,
|
|
o = this.options;
|
|
this.element.addClass("ui-resizable");
|
|
|
|
$.extend(this, {
|
|
_aspectRatio: !!(o.aspectRatio),
|
|
aspectRatio: o.aspectRatio,
|
|
originalElement: this.element,
|
|
_proportionallyResizeElements: [],
|
|
_helper: o.helper || o.ghost || o.animate ? o.helper || "ui-resizable-helper" : null
|
|
});
|
|
|
|
//Wrap the element if it cannot hold child nodes
|
|
if(this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {
|
|
|
|
//Create a wrapper element and set the wrapper to the new current internal element
|
|
this.element.wrap(
|
|
$("<div class='ui-wrapper' style='overflow: hidden;'></div>").css({
|
|
position: this.element.css("position"),
|
|
width: this.element.outerWidth(),
|
|
height: this.element.outerHeight(),
|
|
top: this.element.css("top"),
|
|
left: this.element.css("left")
|
|
})
|
|
);
|
|
|
|
//Overwrite the original this.element
|
|
this.element = this.element.parent().data(
|
|
"ui-resizable", this.element.data("ui-resizable")
|
|
);
|
|
|
|
this.elementIsWrapper = true;
|
|
|
|
//Move margins to the wrapper
|
|
this.element.css({ marginLeft: this.originalElement.css("marginLeft"), marginTop: this.originalElement.css("marginTop"), marginRight: this.originalElement.css("marginRight"), marginBottom: this.originalElement.css("marginBottom") });
|
|
this.originalElement.css({ marginLeft: 0, marginTop: 0, marginRight: 0, marginBottom: 0});
|
|
|
|
//Prevent Safari textarea resize
|
|
this.originalResizeStyle = this.originalElement.css("resize");
|
|
this.originalElement.css("resize", "none");
|
|
|
|
//Push the actual element to our proportionallyResize internal array
|
|
this._proportionallyResizeElements.push(this.originalElement.css({ position: "static", zoom: 1, display: "block" }));
|
|
|
|
// avoid IE jump (hard set the margin)
|
|
this.originalElement.css({ margin: this.originalElement.css("margin") });
|
|
|
|
// fix handlers offset
|
|
this._proportionallyResize();
|
|
|
|
}
|
|
|
|
this.handles = o.handles || (!$(".ui-resizable-handle", this.element).length ? "e,s,se" : { n: ".ui-resizable-n", e: ".ui-resizable-e", s: ".ui-resizable-s", w: ".ui-resizable-w", se: ".ui-resizable-se", sw: ".ui-resizable-sw", ne: ".ui-resizable-ne", nw: ".ui-resizable-nw" });
|
|
if(this.handles.constructor === String) {
|
|
|
|
if ( this.handles === "all") {
|
|
this.handles = "n,e,s,w,se,sw,ne,nw";
|
|
}
|
|
|
|
n = this.handles.split(",");
|
|
this.handles = {};
|
|
|
|
for(i = 0; i < n.length; i++) {
|
|
|
|
handle = $.trim(n[i]);
|
|
hname = "ui-resizable-"+handle;
|
|
axis = $("<div class='ui-resizable-handle " + hname + "'></div>");
|
|
|
|
// Apply zIndex to all handles - see #7960
|
|
axis.css({ zIndex: o.zIndex });
|
|
|
|
//TODO : What's going on here?
|
|
if ("se" === handle) {
|
|
axis.addClass("ui-icon ui-icon-gripsmall-diagonal-se");
|
|
}
|
|
|
|
//Insert into internal handles object and append to element
|
|
this.handles[handle] = ".ui-resizable-"+handle;
|
|
this.element.append(axis);
|
|
}
|
|
|
|
}
|
|
|
|
this._renderAxis = function(target) {
|
|
|
|
var i, axis, padPos, padWrapper;
|
|
|
|
target = target || this.element;
|
|
|
|
for(i in this.handles) {
|
|
|
|
if(this.handles[i].constructor === String) {
|
|
this.handles[i] = $(this.handles[i], this.element).show();
|
|
}
|
|
|
|
//Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)
|
|
if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {
|
|
|
|
axis = $(this.handles[i], this.element);
|
|
|
|
//Checking the correct pad and border
|
|
padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
|
|
|
|
//The padding type i have to apply...
|
|
padPos = [ "padding",
|
|
/ne|nw|n/.test(i) ? "Top" :
|
|
/se|sw|s/.test(i) ? "Bottom" :
|
|
/^e$/.test(i) ? "Right" : "Left" ].join("");
|
|
|
|
target.css(padPos, padWrapper);
|
|
|
|
this._proportionallyResize();
|
|
|
|
}
|
|
|
|
//TODO: What's that good for? There's not anything to be executed left
|
|
if(!$(this.handles[i]).length) {
|
|
continue;
|
|
}
|
|
}
|
|
};
|
|
|
|
//TODO: make renderAxis a prototype function
|
|
this._renderAxis(this.element);
|
|
|
|
this._handles = $(".ui-resizable-handle", this.element)
|
|
.disableSelection();
|
|
|
|
//Matching axis name
|
|
this._handles.mouseover(function() {
|
|
if (!that.resizing) {
|
|
if (this.className) {
|
|
axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
|
|
}
|
|
//Axis, default = se
|
|
that.axis = axis && axis[1] ? axis[1] : "se";
|
|
}
|
|
});
|
|
|
|
//If we want to auto hide the elements
|
|
if (o.autoHide) {
|
|
this._handles.hide();
|
|
$(this.element)
|
|
.addClass("ui-resizable-autohide")
|
|
.mouseenter(function() {
|
|
if (o.disabled) {
|
|
return;
|
|
}
|
|
$(this).removeClass("ui-resizable-autohide");
|
|
that._handles.show();
|
|
})
|
|
.mouseleave(function(){
|
|
if (o.disabled) {
|
|
return;
|
|
}
|
|
if (!that.resizing) {
|
|
$(this).addClass("ui-resizable-autohide");
|
|
that._handles.hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
//Initialize the mouse interaction
|
|
this._mouseInit();
|
|
|
|
},
|
|
|
|
_destroy: function() {
|
|
|
|
this._mouseDestroy();
|
|
|
|
var wrapper,
|
|
_destroy = function(exp) {
|
|
$(exp).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")
|
|
.removeData("resizable").removeData("ui-resizable").unbind(".resizable").find(".ui-resizable-handle").remove();
|
|
};
|
|
|
|
//TODO: Unwrap at same DOM position
|
|
if (this.elementIsWrapper) {
|
|
_destroy(this.element);
|
|
wrapper = this.element;
|
|
this.originalElement.css({
|
|
position: wrapper.css("position"),
|
|
width: wrapper.outerWidth(),
|
|
height: wrapper.outerHeight(),
|
|
top: wrapper.css("top"),
|
|
left: wrapper.css("left")
|
|
}).insertAfter( wrapper );
|
|
wrapper.remove();
|
|
}
|
|
|
|
this.originalElement.css("resize", this.originalResizeStyle);
|
|
_destroy(this.originalElement);
|
|
|
|
return this;
|
|
},
|
|
|
|
_mouseCapture: function(event) {
|
|
var i, handle,
|
|
capture = false;
|
|
|
|
for (i in this.handles) {
|
|
handle = $(this.handles[i])[0];
|
|
if (handle === event.target || $.contains(handle, event.target)) {
|
|
capture = true;
|
|
}
|
|
}
|
|
|
|
return !this.options.disabled && capture;
|
|
},
|
|
|
|
_mouseStart: function(event) {
|
|
|
|
var curleft, curtop, cursor,
|
|
o = this.options,
|
|
iniPos = this.element.position(),
|
|
el = this.element;
|
|
|
|
this.resizing = true;
|
|
|
|
// bugfix for http://dev.jquery.com/ticket/1749
|
|
if ( (/absolute/).test( el.css("position") ) ) {
|
|
el.css({ position: "absolute", top: el.css("top"), left: el.css("left") });
|
|
} else if (el.is(".ui-draggable")) {
|
|
el.css({ position: "absolute", top: iniPos.top, left: iniPos.left });
|
|
}
|
|
|
|
this._renderProxy();
|
|
|
|
curleft = num(this.helper.css("left"));
|
|
curtop = num(this.helper.css("top"));
|
|
|
|
if (o.containment) {
|
|
curleft += $(o.containment).scrollLeft() || 0;
|
|
curtop += $(o.containment).scrollTop() || 0;
|
|
}
|
|
|
|
//Store needed variables
|
|
this.offset = this.helper.offset();
|
|
this.position = { left: curleft, top: curtop };
|
|
this.size = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
|
|
this.originalSize = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
|
|
this.originalPosition = { left: curleft, top: curtop };
|
|
this.sizeDiff = { width: el.outerWidth() - el.width(), height: el.outerHeight() - el.height() };
|
|
this.originalMousePosition = { left: event.pageX, top: event.pageY };
|
|
|
|
//Aspect Ratio
|
|
this.aspectRatio = (typeof o.aspectRatio === "number") ? o.aspectRatio : ((this.originalSize.width / this.originalSize.height) || 1);
|
|
|
|
cursor = $(".ui-resizable-" + this.axis).css("cursor");
|
|
$("body").css("cursor", cursor === "auto" ? this.axis + "-resize" : cursor);
|
|
|
|
el.addClass("ui-resizable-resizing");
|
|
this._propagate("start", event);
|
|
return true;
|
|
},
|
|
|
|
_mouseDrag: function(event) {
|
|
|
|
//Increase performance, avoid regex
|
|
var data,
|
|
el = this.helper, props = {},
|
|
smp = this.originalMousePosition,
|
|
a = this.axis,
|
|
prevTop = this.position.top,
|
|
prevLeft = this.position.left,
|
|
prevWidth = this.size.width,
|
|
prevHeight = this.size.height,
|
|
dx = (event.pageX-smp.left)||0,
|
|
dy = (event.pageY-smp.top)||0,
|
|
trigger = this._change[a];
|
|
|
|
if (!trigger) {
|
|
return false;
|
|
}
|
|
|
|
// Calculate the attrs that will be change
|
|
data = trigger.apply(this, [event, dx, dy]);
|
|
|
|
// Put this in the mouseDrag handler since the user can start pressing shift while resizing
|
|
this._updateVirtualBoundaries(event.shiftKey);
|
|
if (this._aspectRatio || event.shiftKey) {
|
|
data = this._updateRatio(data, event);
|
|
}
|
|
|
|
data = this._respectSize(data, event);
|
|
|
|
this._updateCache(data);
|
|
|
|
// plugins callbacks need to be called first
|
|
this._propagate("resize", event);
|
|
|
|
if (this.position.top !== prevTop) {
|
|
props.top = this.position.top + "px";
|
|
}
|
|
if (this.position.left !== prevLeft) {
|
|
props.left = this.position.left + "px";
|
|
}
|
|
if (this.size.width !== prevWidth) {
|
|
props.width = this.size.width + "px";
|
|
}
|
|
if (this.size.height !== prevHeight) {
|
|
props.height = this.size.height + "px";
|
|
}
|
|
el.css(props);
|
|
|
|
if (!this._helper && this._proportionallyResizeElements.length) {
|
|
this._proportionallyResize();
|
|
}
|
|
|
|
// Call the user callback if the element was resized
|
|
if ( ! $.isEmptyObject(props) ) {
|
|
this._trigger("resize", event, this.ui());
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
_mouseStop: function(event) {
|
|
|
|
this.resizing = false;
|
|
var pr, ista, soffseth, soffsetw, s, left, top,
|
|
o = this.options, that = this;
|
|
|
|
if(this._helper) {
|
|
|
|
pr = this._proportionallyResizeElements;
|
|
ista = pr.length && (/textarea/i).test(pr[0].nodeName);
|
|
soffseth = ista && $.ui.hasScroll(pr[0], "left") /* TODO - jump height */ ? 0 : that.sizeDiff.height;
|
|
soffsetw = ista ? 0 : that.sizeDiff.width;
|
|
|
|
s = { width: (that.helper.width() - soffsetw), height: (that.helper.height() - soffseth) };
|
|
left = (parseInt(that.element.css("left"), 10) + (that.position.left - that.originalPosition.left)) || null;
|
|
top = (parseInt(that.element.css("top"), 10) + (that.position.top - that.originalPosition.top)) || null;
|
|
|
|
if (!o.animate) {
|
|
this.element.css($.extend(s, { top: top, left: left }));
|
|
}
|
|
|
|
that.helper.height(that.size.height);
|
|
that.helper.width(that.size.width);
|
|
|
|
if (this._helper && !o.animate) {
|
|
this._proportionallyResize();
|
|
}
|
|
}
|
|
|
|
$("body").css("cursor", "auto");
|
|
|
|
this.element.removeClass("ui-resizable-resizing");
|
|
|
|
this._propagate("stop", event);
|
|
|
|
if (this._helper) {
|
|
this.helper.remove();
|
|
}
|
|
|
|
return false;
|
|
|
|
},
|
|
|
|
_updateVirtualBoundaries: function(forceAspectRatio) {
|
|
var pMinWidth, pMaxWidth, pMinHeight, pMaxHeight, b,
|
|
o = this.options;
|
|
|
|
b = {
|
|
minWidth: isNumber(o.minWidth) ? o.minWidth : 0,
|
|
maxWidth: isNumber(o.maxWidth) ? o.maxWidth : Infinity,
|
|
minHeight: isNumber(o.minHeight) ? o.minHeight : 0,
|
|
maxHeight: isNumber(o.maxHeight) ? o.maxHeight : Infinity
|
|
};
|
|
|
|
if(this._aspectRatio || forceAspectRatio) {
|
|
// We want to create an enclosing box whose aspect ration is the requested one
|
|
// First, compute the "projected" size for each dimension based on the aspect ratio and other dimension
|
|
pMinWidth = b.minHeight * this.aspectRatio;
|
|
pMinHeight = b.minWidth / this.aspectRatio;
|
|
pMaxWidth = b.maxHeight * this.aspectRatio;
|
|
pMaxHeight = b.maxWidth / this.aspectRatio;
|
|
|
|
if(pMinWidth > b.minWidth) {
|
|
b.minWidth = pMinWidth;
|
|
}
|
|
if(pMinHeight > b.minHeight) {
|
|
b.minHeight = pMinHeight;
|
|
}
|
|
if(pMaxWidth < b.maxWidth) {
|
|
b.maxWidth = pMaxWidth;
|
|
}
|
|
if(pMaxHeight < b.maxHeight) {
|
|
b.maxHeight = pMaxHeight;
|
|
}
|
|
}
|
|
this._vBoundaries = b;
|
|
},
|
|
|
|
_updateCache: function(data) {
|
|
this.offset = this.helper.offset();
|
|
if (isNumber(data.left)) {
|
|
this.position.left = data.left;
|
|
}
|
|
if (isNumber(data.top)) {
|
|
this.position.top = data.top;
|
|
}
|
|
if (isNumber(data.height)) {
|
|
this.size.height = data.height;
|
|
}
|
|
if (isNumber(data.width)) {
|
|
this.size.width = data.width;
|
|
}
|
|
},
|
|
|
|
_updateRatio: function( data ) {
|
|
|
|
var cpos = this.position,
|
|
csize = this.size,
|
|
a = this.axis;
|
|
|
|
if (isNumber(data.height)) {
|
|
data.width = (data.height * this.aspectRatio);
|
|
} else if (isNumber(data.width)) {
|
|
data.height = (data.width / this.aspectRatio);
|
|
}
|
|
|
|
if (a === "sw") {
|
|
data.left = cpos.left + (csize.width - data.width);
|
|
data.top = null;
|
|
}
|
|
if (a === "nw") {
|
|
data.top = cpos.top + (csize.height - data.height);
|
|
data.left = cpos.left + (csize.width - data.width);
|
|
}
|
|
|
|
return data;
|
|
},
|
|
|
|
_respectSize: function( data ) {
|
|
|
|
var o = this._vBoundaries,
|
|
a = this.axis,
|
|
ismaxw = isNumber(data.width) && o.maxWidth && (o.maxWidth < data.width), ismaxh = isNumber(data.height) && o.maxHeight && (o.maxHeight < data.height),
|
|
isminw = isNumber(data.width) && o.minWidth && (o.minWidth > data.width), isminh = isNumber(data.height) && o.minHeight && (o.minHeight > data.height),
|
|
dw = this.originalPosition.left + this.originalSize.width,
|
|
dh = this.position.top + this.size.height,
|
|
cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
|
|
if (isminw) {
|
|
data.width = o.minWidth;
|
|
}
|
|
if (isminh) {
|
|
data.height = o.minHeight;
|
|
}
|
|
if (ismaxw) {
|
|
data.width = o.maxWidth;
|
|
}
|
|
if (ismaxh) {
|
|
data.height = o.maxHeight;
|
|
}
|
|
|
|
if (isminw && cw) {
|
|
data.left = dw - o.minWidth;
|
|
}
|
|
if (ismaxw && cw) {
|
|
data.left = dw - o.maxWidth;
|
|
}
|
|
if (isminh && ch) {
|
|
data.top = dh - o.minHeight;
|
|
}
|
|
if (ismaxh && ch) {
|
|
data.top = dh - o.maxHeight;
|
|
}
|
|
|
|
// fixing jump error on top/left - bug #2330
|
|
if (!data.width && !data.height && !data.left && data.top) {
|
|
data.top = null;
|
|
} else if (!data.width && !data.height && !data.top && data.left) {
|
|
data.left = null;
|
|
}
|
|
|
|
return data;
|
|
},
|
|
|
|
_proportionallyResize: function() {
|
|
|
|
if (!this._proportionallyResizeElements.length) {
|
|
return;
|
|
}
|
|
|
|
var i, j, borders, paddings, prel,
|
|
element = this.helper || this.element;
|
|
|
|
for ( i=0; i < this._proportionallyResizeElements.length; i++) {
|
|
|
|
prel = this._proportionallyResizeElements[i];
|
|
|
|
if (!this.borderDif) {
|
|
this.borderDif = [];
|
|
borders = [prel.css("borderTopWidth"), prel.css("borderRightWidth"), prel.css("borderBottomWidth"), prel.css("borderLeftWidth")];
|
|
paddings = [prel.css("paddingTop"), prel.css("paddingRight"), prel.css("paddingBottom"), prel.css("paddingLeft")];
|
|
|
|
for ( j = 0; j < borders.length; j++ ) {
|
|
this.borderDif[ j ] = ( parseInt( borders[ j ], 10 ) || 0 ) + ( parseInt( paddings[ j ], 10 ) || 0 );
|
|
}
|
|
}
|
|
|
|
prel.css({
|
|
height: (element.height() - this.borderDif[0] - this.borderDif[2]) || 0,
|
|
width: (element.width() - this.borderDif[1] - this.borderDif[3]) || 0
|
|
});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_renderProxy: function() {
|
|
|
|
var el = this.element, o = this.options;
|
|
this.elementOffset = el.offset();
|
|
|
|
if(this._helper) {
|
|
|
|
this.helper = this.helper || $("<div style='overflow:hidden;'></div>");
|
|
|
|
this.helper.addClass(this._helper).css({
|
|
width: this.element.outerWidth() - 1,
|
|
height: this.element.outerHeight() - 1,
|
|
position: "absolute",
|
|
left: this.elementOffset.left +"px",
|
|
top: this.elementOffset.top +"px",
|
|
zIndex: ++o.zIndex //TODO: Don't modify option
|
|
});
|
|
|
|
this.helper
|
|
.appendTo("body")
|
|
.disableSelection();
|
|
|
|
} else {
|
|
this.helper = this.element;
|
|
}
|
|
|
|
},
|
|
|
|
_change: {
|
|
e: function(event, dx) {
|
|
return { width: this.originalSize.width + dx };
|
|
},
|
|
w: function(event, dx) {
|
|
var cs = this.originalSize, sp = this.originalPosition;
|
|
return { left: sp.left + dx, width: cs.width - dx };
|
|
},
|
|
n: function(event, dx, dy) {
|
|
var cs = this.originalSize, sp = this.originalPosition;
|
|
return { top: sp.top + dy, height: cs.height - dy };
|
|
},
|
|
s: function(event, dx, dy) {
|
|
return { height: this.originalSize.height + dy };
|
|
},
|
|
se: function(event, dx, dy) {
|
|
return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
|
|
},
|
|
sw: function(event, dx, dy) {
|
|
return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
|
|
},
|
|
ne: function(event, dx, dy) {
|
|
return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
|
|
},
|
|
nw: function(event, dx, dy) {
|
|
return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
|
|
}
|
|
},
|
|
|
|
_propagate: function(n, event) {
|
|
$.ui.plugin.call(this, n, [event, this.ui()]);
|
|
(n !== "resize" && this._trigger(n, event, this.ui()));
|
|
},
|
|
|
|
plugins: {},
|
|
|
|
ui: function() {
|
|
return {
|
|
originalElement: this.originalElement,
|
|
element: this.element,
|
|
helper: this.helper,
|
|
position: this.position,
|
|
size: this.size,
|
|
originalSize: this.originalSize,
|
|
originalPosition: this.originalPosition
|
|
};
|
|
}
|
|
|
|
});
|
|
|
|
/*
|
|
* Resizable Extensions
|
|
*/
|
|
|
|
$.ui.plugin.add("resizable", "animate", {
|
|
|
|
stop: function( event ) {
|
|
var that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
pr = that._proportionallyResizeElements,
|
|
ista = pr.length && (/textarea/i).test(pr[0].nodeName),
|
|
soffseth = ista && $.ui.hasScroll(pr[0], "left") /* TODO - jump height */ ? 0 : that.sizeDiff.height,
|
|
soffsetw = ista ? 0 : that.sizeDiff.width,
|
|
style = { width: (that.size.width - soffsetw), height: (that.size.height - soffseth) },
|
|
left = (parseInt(that.element.css("left"), 10) + (that.position.left - that.originalPosition.left)) || null,
|
|
top = (parseInt(that.element.css("top"), 10) + (that.position.top - that.originalPosition.top)) || null;
|
|
|
|
that.element.animate(
|
|
$.extend(style, top && left ? { top: top, left: left } : {}), {
|
|
duration: o.animateDuration,
|
|
easing: o.animateEasing,
|
|
step: function() {
|
|
|
|
var data = {
|
|
width: parseInt(that.element.css("width"), 10),
|
|
height: parseInt(that.element.css("height"), 10),
|
|
top: parseInt(that.element.css("top"), 10),
|
|
left: parseInt(that.element.css("left"), 10)
|
|
};
|
|
|
|
if (pr && pr.length) {
|
|
$(pr[0]).css({ width: data.width, height: data.height });
|
|
}
|
|
|
|
// propagating resize, and updating values for each animation step
|
|
that._updateCache(data);
|
|
that._propagate("resize", event);
|
|
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
});
|
|
|
|
$.ui.plugin.add("resizable", "containment", {
|
|
|
|
start: function() {
|
|
var element, p, co, ch, cw, width, height,
|
|
that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
el = that.element,
|
|
oc = o.containment,
|
|
ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : oc;
|
|
|
|
if (!ce) {
|
|
return;
|
|
}
|
|
|
|
that.containerElement = $(ce);
|
|
|
|
if (/document/.test(oc) || oc === document) {
|
|
that.containerOffset = { left: 0, top: 0 };
|
|
that.containerPosition = { left: 0, top: 0 };
|
|
|
|
that.parentData = {
|
|
element: $(document), left: 0, top: 0,
|
|
width: $(document).width(), height: $(document).height() || document.body.parentNode.scrollHeight
|
|
};
|
|
}
|
|
|
|
// i'm a node, so compute top, left, right, bottom
|
|
else {
|
|
element = $(ce);
|
|
p = [];
|
|
$([ "Top", "Right", "Left", "Bottom" ]).each(function(i, name) { p[i] = num(element.css("padding" + name)); });
|
|
|
|
that.containerOffset = element.offset();
|
|
that.containerPosition = element.position();
|
|
that.containerSize = { height: (element.innerHeight() - p[3]), width: (element.innerWidth() - p[1]) };
|
|
|
|
co = that.containerOffset;
|
|
ch = that.containerSize.height;
|
|
cw = that.containerSize.width;
|
|
width = ($.ui.hasScroll(ce, "left") ? ce.scrollWidth : cw );
|
|
height = ($.ui.hasScroll(ce) ? ce.scrollHeight : ch);
|
|
|
|
that.parentData = {
|
|
element: ce, left: co.left, top: co.top, width: width, height: height
|
|
};
|
|
}
|
|
},
|
|
|
|
resize: function( event ) {
|
|
var woset, hoset, isParent, isOffsetRelative,
|
|
that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
co = that.containerOffset, cp = that.position,
|
|
pRatio = that._aspectRatio || event.shiftKey,
|
|
cop = { top:0, left:0 }, ce = that.containerElement;
|
|
|
|
if (ce[0] !== document && (/static/).test(ce.css("position"))) {
|
|
cop = co;
|
|
}
|
|
|
|
if (cp.left < (that._helper ? co.left : 0)) {
|
|
that.size.width = that.size.width + (that._helper ? (that.position.left - co.left) : (that.position.left - cop.left));
|
|
if (pRatio) {
|
|
that.size.height = that.size.width / that.aspectRatio;
|
|
}
|
|
that.position.left = o.helper ? co.left : 0;
|
|
}
|
|
|
|
if (cp.top < (that._helper ? co.top : 0)) {
|
|
that.size.height = that.size.height + (that._helper ? (that.position.top - co.top) : that.position.top);
|
|
if (pRatio) {
|
|
that.size.width = that.size.height * that.aspectRatio;
|
|
}
|
|
that.position.top = that._helper ? co.top : 0;
|
|
}
|
|
|
|
that.offset.left = that.parentData.left+that.position.left;
|
|
that.offset.top = that.parentData.top+that.position.top;
|
|
|
|
woset = Math.abs( (that._helper ? that.offset.left - cop.left : (that.offset.left - cop.left)) + that.sizeDiff.width );
|
|
hoset = Math.abs( (that._helper ? that.offset.top - cop.top : (that.offset.top - co.top)) + that.sizeDiff.height );
|
|
|
|
isParent = that.containerElement.get(0) === that.element.parent().get(0);
|
|
isOffsetRelative = /relative|absolute/.test(that.containerElement.css("position"));
|
|
|
|
if(isParent && isOffsetRelative) {
|
|
woset -= that.parentData.left;
|
|
}
|
|
|
|
if (woset + that.size.width >= that.parentData.width) {
|
|
that.size.width = that.parentData.width - woset;
|
|
if (pRatio) {
|
|
that.size.height = that.size.width / that.aspectRatio;
|
|
}
|
|
}
|
|
|
|
if (hoset + that.size.height >= that.parentData.height) {
|
|
that.size.height = that.parentData.height - hoset;
|
|
if (pRatio) {
|
|
that.size.width = that.size.height * that.aspectRatio;
|
|
}
|
|
}
|
|
},
|
|
|
|
stop: function(){
|
|
var that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
co = that.containerOffset,
|
|
cop = that.containerPosition,
|
|
ce = that.containerElement,
|
|
helper = $(that.helper),
|
|
ho = helper.offset(),
|
|
w = helper.outerWidth() - that.sizeDiff.width,
|
|
h = helper.outerHeight() - that.sizeDiff.height;
|
|
|
|
if (that._helper && !o.animate && (/relative/).test(ce.css("position"))) {
|
|
$(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
|
|
}
|
|
|
|
if (that._helper && !o.animate && (/static/).test(ce.css("position"))) {
|
|
$(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("resizable", "alsoResize", {
|
|
|
|
start: function () {
|
|
var that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
_store = function (exp) {
|
|
$(exp).each(function() {
|
|
var el = $(this);
|
|
el.data("ui-resizable-alsoresize", {
|
|
width: parseInt(el.width(), 10), height: parseInt(el.height(), 10),
|
|
left: parseInt(el.css("left"), 10), top: parseInt(el.css("top"), 10)
|
|
});
|
|
});
|
|
};
|
|
|
|
if (typeof(o.alsoResize) === "object" && !o.alsoResize.parentNode) {
|
|
if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0]; _store(o.alsoResize); }
|
|
else { $.each(o.alsoResize, function (exp) { _store(exp); }); }
|
|
}else{
|
|
_store(o.alsoResize);
|
|
}
|
|
},
|
|
|
|
resize: function (event, ui) {
|
|
var that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
os = that.originalSize,
|
|
op = that.originalPosition,
|
|
delta = {
|
|
height: (that.size.height - os.height) || 0, width: (that.size.width - os.width) || 0,
|
|
top: (that.position.top - op.top) || 0, left: (that.position.left - op.left) || 0
|
|
},
|
|
|
|
_alsoResize = function (exp, c) {
|
|
$(exp).each(function() {
|
|
var el = $(this), start = $(this).data("ui-resizable-alsoresize"), style = {},
|
|
css = c && c.length ? c : el.parents(ui.originalElement[0]).length ? ["width", "height"] : ["width", "height", "top", "left"];
|
|
|
|
$.each(css, function (i, prop) {
|
|
var sum = (start[prop]||0) + (delta[prop]||0);
|
|
if (sum && sum >= 0) {
|
|
style[prop] = sum || null;
|
|
}
|
|
});
|
|
|
|
el.css(style);
|
|
});
|
|
};
|
|
|
|
if (typeof(o.alsoResize) === "object" && !o.alsoResize.nodeType) {
|
|
$.each(o.alsoResize, function (exp, c) { _alsoResize(exp, c); });
|
|
}else{
|
|
_alsoResize(o.alsoResize);
|
|
}
|
|
},
|
|
|
|
stop: function () {
|
|
$(this).removeData("resizable-alsoresize");
|
|
}
|
|
});
|
|
|
|
$.ui.plugin.add("resizable", "ghost", {
|
|
|
|
start: function() {
|
|
|
|
var that = $(this).data("ui-resizable"), o = that.options, cs = that.size;
|
|
|
|
that.ghost = that.originalElement.clone();
|
|
that.ghost
|
|
.css({ opacity: 0.25, display: "block", position: "relative", height: cs.height, width: cs.width, margin: 0, left: 0, top: 0 })
|
|
.addClass("ui-resizable-ghost")
|
|
.addClass(typeof o.ghost === "string" ? o.ghost : "");
|
|
|
|
that.ghost.appendTo(that.helper);
|
|
|
|
},
|
|
|
|
resize: function(){
|
|
var that = $(this).data("ui-resizable");
|
|
if (that.ghost) {
|
|
that.ghost.css({ position: "relative", height: that.size.height, width: that.size.width });
|
|
}
|
|
},
|
|
|
|
stop: function() {
|
|
var that = $(this).data("ui-resizable");
|
|
if (that.ghost && that.helper) {
|
|
that.helper.get(0).removeChild(that.ghost.get(0));
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
$.ui.plugin.add("resizable", "grid", {
|
|
|
|
resize: function() {
|
|
var that = $(this).data("ui-resizable"),
|
|
o = that.options,
|
|
cs = that.size,
|
|
os = that.originalSize,
|
|
op = that.originalPosition,
|
|
a = that.axis,
|
|
grid = typeof o.grid === "number" ? [o.grid, o.grid] : o.grid,
|
|
gridX = (grid[0]||1),
|
|
gridY = (grid[1]||1),
|
|
ox = Math.round((cs.width - os.width) / gridX) * gridX,
|
|
oy = Math.round((cs.height - os.height) / gridY) * gridY,
|
|
newWidth = os.width + ox,
|
|
newHeight = os.height + oy,
|
|
isMaxWidth = o.maxWidth && (o.maxWidth < newWidth),
|
|
isMaxHeight = o.maxHeight && (o.maxHeight < newHeight),
|
|
isMinWidth = o.minWidth && (o.minWidth > newWidth),
|
|
isMinHeight = o.minHeight && (o.minHeight > newHeight);
|
|
|
|
o.grid = grid;
|
|
|
|
if (isMinWidth) {
|
|
newWidth = newWidth + gridX;
|
|
}
|
|
if (isMinHeight) {
|
|
newHeight = newHeight + gridY;
|
|
}
|
|
if (isMaxWidth) {
|
|
newWidth = newWidth - gridX;
|
|
}
|
|
if (isMaxHeight) {
|
|
newHeight = newHeight - gridY;
|
|
}
|
|
|
|
if (/^(se|s|e)$/.test(a)) {
|
|
that.size.width = newWidth;
|
|
that.size.height = newHeight;
|
|
} else if (/^(ne)$/.test(a)) {
|
|
that.size.width = newWidth;
|
|
that.size.height = newHeight;
|
|
that.position.top = op.top - oy;
|
|
} else if (/^(sw)$/.test(a)) {
|
|
that.size.width = newWidth;
|
|
that.size.height = newHeight;
|
|
that.position.left = op.left - ox;
|
|
} else {
|
|
that.size.width = newWidth;
|
|
that.size.height = newHeight;
|
|
that.position.top = op.top - oy;
|
|
that.position.left = op.left - ox;
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.widget("ui.selectable", $.ui.mouse, {
|
|
version: "1.10.0",
|
|
options: {
|
|
appendTo: "body",
|
|
autoRefresh: true,
|
|
distance: 0,
|
|
filter: "*",
|
|
tolerance: "touch",
|
|
|
|
// callbacks
|
|
selected: null,
|
|
selecting: null,
|
|
start: null,
|
|
stop: null,
|
|
unselected: null,
|
|
unselecting: null
|
|
},
|
|
_create: function() {
|
|
var selectees,
|
|
that = this;
|
|
|
|
this.element.addClass("ui-selectable");
|
|
|
|
this.dragged = false;
|
|
|
|
// cache selectee children based on filter
|
|
this.refresh = function() {
|
|
selectees = $(that.options.filter, that.element[0]);
|
|
selectees.addClass("ui-selectee");
|
|
selectees.each(function() {
|
|
var $this = $(this),
|
|
pos = $this.offset();
|
|
$.data(this, "selectable-item", {
|
|
element: this,
|
|
$element: $this,
|
|
left: pos.left,
|
|
top: pos.top,
|
|
right: pos.left + $this.outerWidth(),
|
|
bottom: pos.top + $this.outerHeight(),
|
|
startselected: false,
|
|
selected: $this.hasClass("ui-selected"),
|
|
selecting: $this.hasClass("ui-selecting"),
|
|
unselecting: $this.hasClass("ui-unselecting")
|
|
});
|
|
});
|
|
};
|
|
this.refresh();
|
|
|
|
this.selectees = selectees.addClass("ui-selectee");
|
|
|
|
this._mouseInit();
|
|
|
|
this.helper = $("<div class='ui-selectable-helper'></div>");
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.selectees
|
|
.removeClass("ui-selectee")
|
|
.removeData("selectable-item");
|
|
this.element
|
|
.removeClass("ui-selectable ui-selectable-disabled");
|
|
this._mouseDestroy();
|
|
},
|
|
|
|
_mouseStart: function(event) {
|
|
var that = this,
|
|
options = this.options;
|
|
|
|
this.opos = [event.pageX, event.pageY];
|
|
|
|
if (this.options.disabled) {
|
|
return;
|
|
}
|
|
|
|
this.selectees = $(options.filter, this.element[0]);
|
|
|
|
this._trigger("start", event);
|
|
|
|
$(options.appendTo).append(this.helper);
|
|
// position helper (lasso)
|
|
this.helper.css({
|
|
"left": event.pageX,
|
|
"top": event.pageY,
|
|
"width": 0,
|
|
"height": 0
|
|
});
|
|
|
|
if (options.autoRefresh) {
|
|
this.refresh();
|
|
}
|
|
|
|
this.selectees.filter(".ui-selected").each(function() {
|
|
var selectee = $.data(this, "selectable-item");
|
|
selectee.startselected = true;
|
|
if (!event.metaKey && !event.ctrlKey) {
|
|
selectee.$element.removeClass("ui-selected");
|
|
selectee.selected = false;
|
|
selectee.$element.addClass("ui-unselecting");
|
|
selectee.unselecting = true;
|
|
// selectable UNSELECTING callback
|
|
that._trigger("unselecting", event, {
|
|
unselecting: selectee.element
|
|
});
|
|
}
|
|
});
|
|
|
|
$(event.target).parents().addBack().each(function() {
|
|
var doSelect,
|
|
selectee = $.data(this, "selectable-item");
|
|
if (selectee) {
|
|
doSelect = (!event.metaKey && !event.ctrlKey) || !selectee.$element.hasClass("ui-selected");
|
|
selectee.$element
|
|
.removeClass(doSelect ? "ui-unselecting" : "ui-selected")
|
|
.addClass(doSelect ? "ui-selecting" : "ui-unselecting");
|
|
selectee.unselecting = !doSelect;
|
|
selectee.selecting = doSelect;
|
|
selectee.selected = doSelect;
|
|
// selectable (UN)SELECTING callback
|
|
if (doSelect) {
|
|
that._trigger("selecting", event, {
|
|
selecting: selectee.element
|
|
});
|
|
} else {
|
|
that._trigger("unselecting", event, {
|
|
unselecting: selectee.element
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
});
|
|
|
|
},
|
|
|
|
_mouseDrag: function(event) {
|
|
|
|
this.dragged = true;
|
|
|
|
if (this.options.disabled) {
|
|
return;
|
|
}
|
|
|
|
var tmp,
|
|
that = this,
|
|
options = this.options,
|
|
x1 = this.opos[0],
|
|
y1 = this.opos[1],
|
|
x2 = event.pageX,
|
|
y2 = event.pageY;
|
|
|
|
if (x1 > x2) { tmp = x2; x2 = x1; x1 = tmp; }
|
|
if (y1 > y2) { tmp = y2; y2 = y1; y1 = tmp; }
|
|
this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1});
|
|
|
|
this.selectees.each(function() {
|
|
var selectee = $.data(this, "selectable-item"),
|
|
hit = false;
|
|
|
|
//prevent helper from being selected if appendTo: selectable
|
|
if (!selectee || selectee.element === that.element[0]) {
|
|
return;
|
|
}
|
|
|
|
if (options.tolerance === "touch") {
|
|
hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
|
|
} else if (options.tolerance === "fit") {
|
|
hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
|
|
}
|
|
|
|
if (hit) {
|
|
// SELECT
|
|
if (selectee.selected) {
|
|
selectee.$element.removeClass("ui-selected");
|
|
selectee.selected = false;
|
|
}
|
|
if (selectee.unselecting) {
|
|
selectee.$element.removeClass("ui-unselecting");
|
|
selectee.unselecting = false;
|
|
}
|
|
if (!selectee.selecting) {
|
|
selectee.$element.addClass("ui-selecting");
|
|
selectee.selecting = true;
|
|
// selectable SELECTING callback
|
|
that._trigger("selecting", event, {
|
|
selecting: selectee.element
|
|
});
|
|
}
|
|
} else {
|
|
// UNSELECT
|
|
if (selectee.selecting) {
|
|
if ((event.metaKey || event.ctrlKey) && selectee.startselected) {
|
|
selectee.$element.removeClass("ui-selecting");
|
|
selectee.selecting = false;
|
|
selectee.$element.addClass("ui-selected");
|
|
selectee.selected = true;
|
|
} else {
|
|
selectee.$element.removeClass("ui-selecting");
|
|
selectee.selecting = false;
|
|
if (selectee.startselected) {
|
|
selectee.$element.addClass("ui-unselecting");
|
|
selectee.unselecting = true;
|
|
}
|
|
// selectable UNSELECTING callback
|
|
that._trigger("unselecting", event, {
|
|
unselecting: selectee.element
|
|
});
|
|
}
|
|
}
|
|
if (selectee.selected) {
|
|
if (!event.metaKey && !event.ctrlKey && !selectee.startselected) {
|
|
selectee.$element.removeClass("ui-selected");
|
|
selectee.selected = false;
|
|
|
|
selectee.$element.addClass("ui-unselecting");
|
|
selectee.unselecting = true;
|
|
// selectable UNSELECTING callback
|
|
that._trigger("unselecting", event, {
|
|
unselecting: selectee.element
|
|
});
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
return false;
|
|
},
|
|
|
|
_mouseStop: function(event) {
|
|
var that = this;
|
|
|
|
this.dragged = false;
|
|
|
|
$(".ui-unselecting", this.element[0]).each(function() {
|
|
var selectee = $.data(this, "selectable-item");
|
|
selectee.$element.removeClass("ui-unselecting");
|
|
selectee.unselecting = false;
|
|
selectee.startselected = false;
|
|
that._trigger("unselected", event, {
|
|
unselected: selectee.element
|
|
});
|
|
});
|
|
$(".ui-selecting", this.element[0]).each(function() {
|
|
var selectee = $.data(this, "selectable-item");
|
|
selectee.$element.removeClass("ui-selecting").addClass("ui-selected");
|
|
selectee.selecting = false;
|
|
selectee.selected = true;
|
|
selectee.startselected = true;
|
|
that._trigger("selected", event, {
|
|
selected: selectee.element
|
|
});
|
|
});
|
|
this._trigger("stop", event);
|
|
|
|
this.helper.remove();
|
|
|
|
return false;
|
|
}
|
|
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
/*jshint loopfunc: true */
|
|
|
|
function isOverAxis( x, reference, size ) {
|
|
return ( x > reference ) && ( x < ( reference + size ) );
|
|
}
|
|
|
|
$.widget("ui.sortable", $.ui.mouse, {
|
|
version: "1.10.0",
|
|
widgetEventPrefix: "sort",
|
|
ready: false,
|
|
options: {
|
|
appendTo: "parent",
|
|
axis: false,
|
|
connectWith: false,
|
|
containment: false,
|
|
cursor: "auto",
|
|
cursorAt: false,
|
|
dropOnEmpty: true,
|
|
forcePlaceholderSize: false,
|
|
forceHelperSize: false,
|
|
grid: false,
|
|
handle: false,
|
|
helper: "original",
|
|
items: "> *",
|
|
opacity: false,
|
|
placeholder: false,
|
|
revert: false,
|
|
scroll: true,
|
|
scrollSensitivity: 20,
|
|
scrollSpeed: 20,
|
|
scope: "default",
|
|
tolerance: "intersect",
|
|
zIndex: 1000,
|
|
|
|
// callbacks
|
|
activate: null,
|
|
beforeStop: null,
|
|
change: null,
|
|
deactivate: null,
|
|
out: null,
|
|
over: null,
|
|
receive: null,
|
|
remove: null,
|
|
sort: null,
|
|
start: null,
|
|
stop: null,
|
|
update: null
|
|
},
|
|
_create: function() {
|
|
|
|
var o = this.options;
|
|
this.containerCache = {};
|
|
this.element.addClass("ui-sortable");
|
|
|
|
//Get the items
|
|
this.refresh();
|
|
|
|
//Let's determine if the items are being displayed horizontally
|
|
this.floating = this.items.length ? o.axis === "x" || (/left|right/).test(this.items[0].item.css("float")) || (/inline|table-cell/).test(this.items[0].item.css("display")) : false;
|
|
|
|
//Let's determine the parent's offset
|
|
this.offset = this.element.offset();
|
|
|
|
//Initialize mouse events for interaction
|
|
this._mouseInit();
|
|
|
|
//We're ready to go
|
|
this.ready = true;
|
|
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.element
|
|
.removeClass("ui-sortable ui-sortable-disabled");
|
|
this._mouseDestroy();
|
|
|
|
for ( var i = this.items.length - 1; i >= 0; i-- ) {
|
|
this.items[i].item.removeData(this.widgetName + "-item");
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
_setOption: function(key, value){
|
|
if ( key === "disabled" ) {
|
|
this.options[ key ] = value;
|
|
|
|
this.widget().toggleClass( "ui-sortable-disabled", !!value );
|
|
} else {
|
|
// Don't call widget base _setOption for disable as it adds ui-state-disabled class
|
|
$.Widget.prototype._setOption.apply(this, arguments);
|
|
}
|
|
},
|
|
|
|
_mouseCapture: function(event, overrideHandle) {
|
|
var currentItem = null,
|
|
validHandle = false,
|
|
that = this;
|
|
|
|
if (this.reverting) {
|
|
return false;
|
|
}
|
|
|
|
if(this.options.disabled || this.options.type === "static") {
|
|
return false;
|
|
}
|
|
|
|
//We have to refresh the items data once first
|
|
this._refreshItems(event);
|
|
|
|
//Find out if the clicked node (or one of its parents) is a actual item in this.items
|
|
$(event.target).parents().each(function() {
|
|
if($.data(this, that.widgetName + "-item") === that) {
|
|
currentItem = $(this);
|
|
return false;
|
|
}
|
|
});
|
|
if($.data(event.target, that.widgetName + "-item") === that) {
|
|
currentItem = $(event.target);
|
|
}
|
|
|
|
if(!currentItem) {
|
|
return false;
|
|
}
|
|
if(this.options.handle && !overrideHandle) {
|
|
$(this.options.handle, currentItem).find("*").addBack().each(function() {
|
|
if(this === event.target) {
|
|
validHandle = true;
|
|
}
|
|
});
|
|
if(!validHandle) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
this.currentItem = currentItem;
|
|
this._removeCurrentsFromItems();
|
|
return true;
|
|
|
|
},
|
|
|
|
_mouseStart: function(event, overrideHandle, noActivation) {
|
|
|
|
var i,
|
|
o = this.options;
|
|
|
|
this.currentContainer = this;
|
|
|
|
//We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
|
|
this.refreshPositions();
|
|
|
|
//Create and append the visible helper
|
|
this.helper = this._createHelper(event);
|
|
|
|
//Cache the helper size
|
|
this._cacheHelperProportions();
|
|
|
|
/*
|
|
* - Position generation -
|
|
* This block generates everything position related - it's the core of draggables.
|
|
*/
|
|
|
|
//Cache the margins of the original element
|
|
this._cacheMargins();
|
|
|
|
//Get the next scrolling parent
|
|
this.scrollParent = this.helper.scrollParent();
|
|
|
|
//The element's absolute position on the page minus margins
|
|
this.offset = this.currentItem.offset();
|
|
this.offset = {
|
|
top: this.offset.top - this.margins.top,
|
|
left: this.offset.left - this.margins.left
|
|
};
|
|
|
|
$.extend(this.offset, {
|
|
click: { //Where the click happened, relative to the element
|
|
left: event.pageX - this.offset.left,
|
|
top: event.pageY - this.offset.top
|
|
},
|
|
parent: this._getParentOffset(),
|
|
relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
|
|
});
|
|
|
|
// Only after we got the offset, we can change the helper's position to absolute
|
|
// TODO: Still need to figure out a way to make relative sorting possible
|
|
this.helper.css("position", "absolute");
|
|
this.cssPosition = this.helper.css("position");
|
|
|
|
//Generate the original position
|
|
this.originalPosition = this._generatePosition(event);
|
|
this.originalPageX = event.pageX;
|
|
this.originalPageY = event.pageY;
|
|
|
|
//Adjust the mouse offset relative to the helper if "cursorAt" is supplied
|
|
(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
|
|
|
|
//Cache the former DOM position
|
|
this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
|
|
|
|
//If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
|
|
if(this.helper[0] !== this.currentItem[0]) {
|
|
this.currentItem.hide();
|
|
}
|
|
|
|
//Create the placeholder
|
|
this._createPlaceholder();
|
|
|
|
//Set a containment if given in the options
|
|
if(o.containment) {
|
|
this._setContainment();
|
|
}
|
|
|
|
if(o.cursor) { // cursor option
|
|
if ($("body").css("cursor")) {
|
|
this._storedCursor = $("body").css("cursor");
|
|
}
|
|
$("body").css("cursor", o.cursor);
|
|
}
|
|
|
|
if(o.opacity) { // opacity option
|
|
if (this.helper.css("opacity")) {
|
|
this._storedOpacity = this.helper.css("opacity");
|
|
}
|
|
this.helper.css("opacity", o.opacity);
|
|
}
|
|
|
|
if(o.zIndex) { // zIndex option
|
|
if (this.helper.css("zIndex")) {
|
|
this._storedZIndex = this.helper.css("zIndex");
|
|
}
|
|
this.helper.css("zIndex", o.zIndex);
|
|
}
|
|
|
|
//Prepare scrolling
|
|
if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
|
|
this.overflowOffset = this.scrollParent.offset();
|
|
}
|
|
|
|
//Call callbacks
|
|
this._trigger("start", event, this._uiHash());
|
|
|
|
//Recache the helper size
|
|
if(!this._preserveHelperProportions) {
|
|
this._cacheHelperProportions();
|
|
}
|
|
|
|
|
|
//Post "activate" events to possible containers
|
|
if( !noActivation ) {
|
|
for ( i = this.containers.length - 1; i >= 0; i-- ) {
|
|
this.containers[ i ]._trigger( "activate", event, this._uiHash( this ) );
|
|
}
|
|
}
|
|
|
|
//Prepare possible droppables
|
|
if($.ui.ddmanager) {
|
|
$.ui.ddmanager.current = this;
|
|
}
|
|
|
|
if ($.ui.ddmanager && !o.dropBehaviour) {
|
|
$.ui.ddmanager.prepareOffsets(this, event);
|
|
}
|
|
|
|
this.dragging = true;
|
|
|
|
this.helper.addClass("ui-sortable-helper");
|
|
this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
|
|
return true;
|
|
|
|
},
|
|
|
|
_mouseDrag: function(event) {
|
|
var i, item, itemElement, intersection,
|
|
o = this.options,
|
|
scrolled = false;
|
|
|
|
//Compute the helpers position
|
|
this.position = this._generatePosition(event);
|
|
this.positionAbs = this._convertPositionTo("absolute");
|
|
|
|
if (!this.lastPositionAbs) {
|
|
this.lastPositionAbs = this.positionAbs;
|
|
}
|
|
|
|
//Do scrolling
|
|
if(this.options.scroll) {
|
|
if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
|
|
|
|
if((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
|
|
this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop + o.scrollSpeed;
|
|
} else if(event.pageY - this.overflowOffset.top < o.scrollSensitivity) {
|
|
this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop - o.scrollSpeed;
|
|
}
|
|
|
|
if((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
|
|
this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft + o.scrollSpeed;
|
|
} else if(event.pageX - this.overflowOffset.left < o.scrollSensitivity) {
|
|
this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft - o.scrollSpeed;
|
|
}
|
|
|
|
} else {
|
|
|
|
if(event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
|
|
} else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
|
|
}
|
|
|
|
if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
|
|
} else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
|
|
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
|
|
}
|
|
|
|
}
|
|
|
|
if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
|
|
$.ui.ddmanager.prepareOffsets(this, event);
|
|
}
|
|
}
|
|
|
|
//Regenerate the absolute position used for position checks
|
|
this.positionAbs = this._convertPositionTo("absolute");
|
|
|
|
//Set the helper position
|
|
if(!this.options.axis || this.options.axis !== "y") {
|
|
this.helper[0].style.left = this.position.left+"px";
|
|
}
|
|
if(!this.options.axis || this.options.axis !== "x") {
|
|
this.helper[0].style.top = this.position.top+"px";
|
|
}
|
|
|
|
//Rearrange
|
|
for (i = this.items.length - 1; i >= 0; i--) {
|
|
|
|
//Cache variables and intersection, continue if no intersection
|
|
item = this.items[i];
|
|
itemElement = item.item[0];
|
|
intersection = this._intersectsWithPointer(item);
|
|
if (!intersection) {
|
|
continue;
|
|
}
|
|
|
|
// Only put the placeholder inside the current Container, skip all
|
|
// items form other containers. This works because when moving
|
|
// an item from one container to another the
|
|
// currentContainer is switched before the placeholder is moved.
|
|
//
|
|
// Without this moving items in "sub-sortables" can cause the placeholder to jitter
|
|
// beetween the outer and inner container.
|
|
if (item.instance !== this.currentContainer) {
|
|
continue;
|
|
}
|
|
|
|
// cannot intersect with itself
|
|
// no useless actions that have been done before
|
|
// no action if the item moved is the parent of the item checked
|
|
if (itemElement !== this.currentItem[0] &&
|
|
this.placeholder[intersection === 1 ? "next" : "prev"]()[0] !== itemElement &&
|
|
!$.contains(this.placeholder[0], itemElement) &&
|
|
(this.options.type === "semi-dynamic" ? !$.contains(this.element[0], itemElement) : true)
|
|
) {
|
|
|
|
this.direction = intersection === 1 ? "down" : "up";
|
|
|
|
if (this.options.tolerance === "pointer" || this._intersectsWithSides(item)) {
|
|
this._rearrange(event, item);
|
|
} else {
|
|
break;
|
|
}
|
|
|
|
this._trigger("change", event, this._uiHash());
|
|
break;
|
|
}
|
|
}
|
|
|
|
//Post events to containers
|
|
this._contactContainers(event);
|
|
|
|
//Interconnect with droppables
|
|
if($.ui.ddmanager) {
|
|
$.ui.ddmanager.drag(this, event);
|
|
}
|
|
|
|
//Call callbacks
|
|
this._trigger("sort", event, this._uiHash());
|
|
|
|
this.lastPositionAbs = this.positionAbs;
|
|
return false;
|
|
|
|
},
|
|
|
|
_mouseStop: function(event, noPropagation) {
|
|
|
|
if(!event) {
|
|
return;
|
|
}
|
|
|
|
//If we are using droppables, inform the manager about the drop
|
|
if ($.ui.ddmanager && !this.options.dropBehaviour) {
|
|
$.ui.ddmanager.drop(this, event);
|
|
}
|
|
|
|
if(this.options.revert) {
|
|
var that = this,
|
|
cur = this.placeholder.offset();
|
|
|
|
this.reverting = true;
|
|
|
|
$(this.helper).animate({
|
|
left: cur.left - this.offset.parent.left - this.margins.left + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollLeft),
|
|
top: cur.top - this.offset.parent.top - this.margins.top + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollTop)
|
|
}, parseInt(this.options.revert, 10) || 500, function() {
|
|
that._clear(event);
|
|
});
|
|
} else {
|
|
this._clear(event, noPropagation);
|
|
}
|
|
|
|
return false;
|
|
|
|
},
|
|
|
|
cancel: function() {
|
|
|
|
if(this.dragging) {
|
|
|
|
this._mouseUp({ target: null });
|
|
|
|
if(this.options.helper === "original") {
|
|
this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
|
|
} else {
|
|
this.currentItem.show();
|
|
}
|
|
|
|
//Post deactivating events to containers
|
|
for (var i = this.containers.length - 1; i >= 0; i--){
|
|
this.containers[i]._trigger("deactivate", null, this._uiHash(this));
|
|
if(this.containers[i].containerCache.over) {
|
|
this.containers[i]._trigger("out", null, this._uiHash(this));
|
|
this.containers[i].containerCache.over = 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
if (this.placeholder) {
|
|
//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
|
|
if(this.placeholder[0].parentNode) {
|
|
this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
|
|
}
|
|
if(this.options.helper !== "original" && this.helper && this.helper[0].parentNode) {
|
|
this.helper.remove();
|
|
}
|
|
|
|
$.extend(this, {
|
|
helper: null,
|
|
dragging: false,
|
|
reverting: false,
|
|
_noFinalSort: null
|
|
});
|
|
|
|
if(this.domPosition.prev) {
|
|
$(this.domPosition.prev).after(this.currentItem);
|
|
} else {
|
|
$(this.domPosition.parent).prepend(this.currentItem);
|
|
}
|
|
}
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
serialize: function(o) {
|
|
|
|
var items = this._getItemsAsjQuery(o && o.connected),
|
|
str = [];
|
|
o = o || {};
|
|
|
|
$(items).each(function() {
|
|
var res = ($(o.item || this).attr(o.attribute || "id") || "").match(o.expression || (/(.+)[\-=_](.+)/));
|
|
if (res) {
|
|
str.push((o.key || res[1]+"[]")+"="+(o.key && o.expression ? res[1] : res[2]));
|
|
}
|
|
});
|
|
|
|
if(!str.length && o.key) {
|
|
str.push(o.key + "=");
|
|
}
|
|
|
|
return str.join("&");
|
|
|
|
},
|
|
|
|
toArray: function(o) {
|
|
|
|
var items = this._getItemsAsjQuery(o && o.connected),
|
|
ret = [];
|
|
|
|
o = o || {};
|
|
|
|
items.each(function() { ret.push($(o.item || this).attr(o.attribute || "id") || ""); });
|
|
return ret;
|
|
|
|
},
|
|
|
|
/* Be careful with the following core functions */
|
|
_intersectsWith: function(item) {
|
|
|
|
var x1 = this.positionAbs.left,
|
|
x2 = x1 + this.helperProportions.width,
|
|
y1 = this.positionAbs.top,
|
|
y2 = y1 + this.helperProportions.height,
|
|
l = item.left,
|
|
r = l + item.width,
|
|
t = item.top,
|
|
b = t + item.height,
|
|
dyClick = this.offset.click.top,
|
|
dxClick = this.offset.click.left,
|
|
isOverElement = (y1 + dyClick) > t && (y1 + dyClick) < b && (x1 + dxClick) > l && (x1 + dxClick) < r;
|
|
|
|
if ( this.options.tolerance === "pointer" ||
|
|
this.options.forcePointerForContainers ||
|
|
(this.options.tolerance !== "pointer" && this.helperProportions[this.floating ? "width" : "height"] > item[this.floating ? "width" : "height"])
|
|
) {
|
|
return isOverElement;
|
|
} else {
|
|
|
|
return (l < x1 + (this.helperProportions.width / 2) && // Right Half
|
|
x2 - (this.helperProportions.width / 2) < r && // Left Half
|
|
t < y1 + (this.helperProportions.height / 2) && // Bottom Half
|
|
y2 - (this.helperProportions.height / 2) < b ); // Top Half
|
|
|
|
}
|
|
},
|
|
|
|
_intersectsWithPointer: function(item) {
|
|
|
|
var isOverElementHeight = (this.options.axis === "x") || isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
|
|
isOverElementWidth = (this.options.axis === "y") || isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
|
|
isOverElement = isOverElementHeight && isOverElementWidth,
|
|
verticalDirection = this._getDragVerticalDirection(),
|
|
horizontalDirection = this._getDragHorizontalDirection();
|
|
|
|
if (!isOverElement) {
|
|
return false;
|
|
}
|
|
|
|
return this.floating ?
|
|
( ((horizontalDirection && horizontalDirection === "right") || verticalDirection === "down") ? 2 : 1 )
|
|
: ( verticalDirection && (verticalDirection === "down" ? 2 : 1) );
|
|
|
|
},
|
|
|
|
_intersectsWithSides: function(item) {
|
|
|
|
var isOverBottomHalf = isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
|
|
isOverRightHalf = isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
|
|
verticalDirection = this._getDragVerticalDirection(),
|
|
horizontalDirection = this._getDragHorizontalDirection();
|
|
|
|
if (this.floating && horizontalDirection) {
|
|
return ((horizontalDirection === "right" && isOverRightHalf) || (horizontalDirection === "left" && !isOverRightHalf));
|
|
} else {
|
|
return verticalDirection && ((verticalDirection === "down" && isOverBottomHalf) || (verticalDirection === "up" && !isOverBottomHalf));
|
|
}
|
|
|
|
},
|
|
|
|
_getDragVerticalDirection: function() {
|
|
var delta = this.positionAbs.top - this.lastPositionAbs.top;
|
|
return delta !== 0 && (delta > 0 ? "down" : "up");
|
|
},
|
|
|
|
_getDragHorizontalDirection: function() {
|
|
var delta = this.positionAbs.left - this.lastPositionAbs.left;
|
|
return delta !== 0 && (delta > 0 ? "right" : "left");
|
|
},
|
|
|
|
refresh: function(event) {
|
|
this._refreshItems(event);
|
|
this.refreshPositions();
|
|
return this;
|
|
},
|
|
|
|
_connectWith: function() {
|
|
var options = this.options;
|
|
return options.connectWith.constructor === String ? [options.connectWith] : options.connectWith;
|
|
},
|
|
|
|
_getItemsAsjQuery: function(connected) {
|
|
|
|
var i, j, cur, inst,
|
|
items = [],
|
|
queries = [],
|
|
connectWith = this._connectWith();
|
|
|
|
if(connectWith && connected) {
|
|
for (i = connectWith.length - 1; i >= 0; i--){
|
|
cur = $(connectWith[i]);
|
|
for ( j = cur.length - 1; j >= 0; j--){
|
|
inst = $.data(cur[j], this.widgetFullName);
|
|
if(inst && inst !== this && !inst.options.disabled) {
|
|
queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), inst]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), this]);
|
|
|
|
for (i = queries.length - 1; i >= 0; i--){
|
|
queries[i][0].each(function() {
|
|
items.push(this);
|
|
});
|
|
}
|
|
|
|
return $(items);
|
|
|
|
},
|
|
|
|
_removeCurrentsFromItems: function() {
|
|
|
|
var list = this.currentItem.find(":data(" + this.widgetName + "-item)");
|
|
|
|
this.items = $.grep(this.items, function (item) {
|
|
for (var j=0; j < list.length; j++) {
|
|
if(list[j] === item.item[0]) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
});
|
|
|
|
},
|
|
|
|
_refreshItems: function(event) {
|
|
|
|
this.items = [];
|
|
this.containers = [this];
|
|
|
|
var i, j, cur, inst, targetData, _queries, item, queriesLength,
|
|
items = this.items,
|
|
queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]],
|
|
connectWith = this._connectWith();
|
|
|
|
if(connectWith && this.ready) { //Shouldn't be run the first time through due to massive slow-down
|
|
for (i = connectWith.length - 1; i >= 0; i--){
|
|
cur = $(connectWith[i]);
|
|
for (j = cur.length - 1; j >= 0; j--){
|
|
inst = $.data(cur[j], this.widgetFullName);
|
|
if(inst && inst !== this && !inst.options.disabled) {
|
|
queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
|
|
this.containers.push(inst);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
for (i = queries.length - 1; i >= 0; i--) {
|
|
targetData = queries[i][1];
|
|
_queries = queries[i][0];
|
|
|
|
for (j=0, queriesLength = _queries.length; j < queriesLength; j++) {
|
|
item = $(_queries[j]);
|
|
|
|
item.data(this.widgetName + "-item", targetData); // Data for target checking (mouse manager)
|
|
|
|
items.push({
|
|
item: item,
|
|
instance: targetData,
|
|
width: 0, height: 0,
|
|
left: 0, top: 0
|
|
});
|
|
}
|
|
}
|
|
|
|
},
|
|
|
|
refreshPositions: function(fast) {
|
|
|
|
//This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
|
|
if(this.offsetParent && this.helper) {
|
|
this.offset.parent = this._getParentOffset();
|
|
}
|
|
|
|
var i, item, t, p;
|
|
|
|
for (i = this.items.length - 1; i >= 0; i--){
|
|
item = this.items[i];
|
|
|
|
//We ignore calculating positions of all connected containers when we're not over them
|
|
if(item.instance !== this.currentContainer && this.currentContainer && item.item[0] !== this.currentItem[0]) {
|
|
continue;
|
|
}
|
|
|
|
t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
|
|
|
|
if (!fast) {
|
|
item.width = t.outerWidth();
|
|
item.height = t.outerHeight();
|
|
}
|
|
|
|
p = t.offset();
|
|
item.left = p.left;
|
|
item.top = p.top;
|
|
}
|
|
|
|
if(this.options.custom && this.options.custom.refreshContainers) {
|
|
this.options.custom.refreshContainers.call(this);
|
|
} else {
|
|
for (i = this.containers.length - 1; i >= 0; i--){
|
|
p = this.containers[i].element.offset();
|
|
this.containers[i].containerCache.left = p.left;
|
|
this.containers[i].containerCache.top = p.top;
|
|
this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
|
|
this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
|
|
}
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
_createPlaceholder: function(that) {
|
|
that = that || this;
|
|
var className,
|
|
o = that.options;
|
|
|
|
if(!o.placeholder || o.placeholder.constructor === String) {
|
|
className = o.placeholder;
|
|
o.placeholder = {
|
|
element: function() {
|
|
|
|
var el = $(document.createElement(that.currentItem[0].nodeName))
|
|
.addClass(className || that.currentItem[0].className+" ui-sortable-placeholder")
|
|
.removeClass("ui-sortable-helper")[0];
|
|
|
|
if(!className) {
|
|
el.style.visibility = "hidden";
|
|
}
|
|
|
|
return el;
|
|
},
|
|
update: function(container, p) {
|
|
|
|
// 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
|
|
// 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
|
|
if(className && !o.forcePlaceholderSize) {
|
|
return;
|
|
}
|
|
|
|
//If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
|
|
if(!p.height()) { p.height(that.currentItem.innerHeight() - parseInt(that.currentItem.css("paddingTop")||0, 10) - parseInt(that.currentItem.css("paddingBottom")||0, 10)); }
|
|
if(!p.width()) { p.width(that.currentItem.innerWidth() - parseInt(that.currentItem.css("paddingLeft")||0, 10) - parseInt(that.currentItem.css("paddingRight")||0, 10)); }
|
|
}
|
|
};
|
|
}
|
|
|
|
//Create the placeholder
|
|
that.placeholder = $(o.placeholder.element.call(that.element, that.currentItem));
|
|
|
|
//Append it after the actual current item
|
|
that.currentItem.after(that.placeholder);
|
|
|
|
//Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
|
|
o.placeholder.update(that, that.placeholder);
|
|
|
|
},
|
|
|
|
_contactContainers: function(event) {
|
|
var i, j, dist, itemWithLeastDistance, posProperty, sizeProperty, base, cur, nearBottom,
|
|
innermostContainer = null,
|
|
innermostIndex = null;
|
|
|
|
// get innermost container that intersects with item
|
|
for (i = this.containers.length - 1; i >= 0; i--) {
|
|
|
|
// never consider a container that's located within the item itself
|
|
if($.contains(this.currentItem[0], this.containers[i].element[0])) {
|
|
continue;
|
|
}
|
|
|
|
if(this._intersectsWith(this.containers[i].containerCache)) {
|
|
|
|
// if we've already found a container and it's more "inner" than this, then continue
|
|
if(innermostContainer && $.contains(this.containers[i].element[0], innermostContainer.element[0])) {
|
|
continue;
|
|
}
|
|
|
|
innermostContainer = this.containers[i];
|
|
innermostIndex = i;
|
|
|
|
} else {
|
|
// container doesn't intersect. trigger "out" event if necessary
|
|
if(this.containers[i].containerCache.over) {
|
|
this.containers[i]._trigger("out", event, this._uiHash(this));
|
|
this.containers[i].containerCache.over = 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// if no intersecting containers found, return
|
|
if(!innermostContainer) {
|
|
return;
|
|
}
|
|
|
|
// move the item into the container if it's not there already
|
|
if(this.containers.length === 1) {
|
|
this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
|
|
this.containers[innermostIndex].containerCache.over = 1;
|
|
} else {
|
|
|
|
//When entering a new container, we will find the item with the least distance and append our item near it
|
|
dist = 10000;
|
|
itemWithLeastDistance = null;
|
|
posProperty = this.containers[innermostIndex].floating ? "left" : "top";
|
|
sizeProperty = this.containers[innermostIndex].floating ? "width" : "height";
|
|
base = this.positionAbs[posProperty] + this.offset.click[posProperty];
|
|
for (j = this.items.length - 1; j >= 0; j--) {
|
|
if(!$.contains(this.containers[innermostIndex].element[0], this.items[j].item[0])) {
|
|
continue;
|
|
}
|
|
if(this.items[j].item[0] === this.currentItem[0]) {
|
|
continue;
|
|
}
|
|
cur = this.items[j].item.offset()[posProperty];
|
|
nearBottom = false;
|
|
if(Math.abs(cur - base) > Math.abs(cur + this.items[j][sizeProperty] - base)){
|
|
nearBottom = true;
|
|
cur += this.items[j][sizeProperty];
|
|
}
|
|
|
|
if(Math.abs(cur - base) < dist) {
|
|
dist = Math.abs(cur - base); itemWithLeastDistance = this.items[j];
|
|
this.direction = nearBottom ? "up": "down";
|
|
}
|
|
}
|
|
|
|
//Check if dropOnEmpty is enabled
|
|
if(!itemWithLeastDistance && !this.options.dropOnEmpty) {
|
|
return;
|
|
}
|
|
|
|
this.currentContainer = this.containers[innermostIndex];
|
|
itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[innermostIndex].element, true);
|
|
this._trigger("change", event, this._uiHash());
|
|
this.containers[innermostIndex]._trigger("change", event, this._uiHash(this));
|
|
|
|
//Update the placeholder
|
|
this.options.placeholder.update(this.currentContainer, this.placeholder);
|
|
|
|
this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
|
|
this.containers[innermostIndex].containerCache.over = 1;
|
|
}
|
|
|
|
|
|
},
|
|
|
|
_createHelper: function(event) {
|
|
|
|
var o = this.options,
|
|
helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper === "clone" ? this.currentItem.clone() : this.currentItem);
|
|
|
|
//Add the helper to the DOM if that didn't happen already
|
|
if(!helper.parents("body").length) {
|
|
$(o.appendTo !== "parent" ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
|
|
}
|
|
|
|
if(helper[0] === this.currentItem[0]) {
|
|
this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
|
|
}
|
|
|
|
if(!helper[0].style.width || o.forceHelperSize) {
|
|
helper.width(this.currentItem.width());
|
|
}
|
|
if(!helper[0].style.height || o.forceHelperSize) {
|
|
helper.height(this.currentItem.height());
|
|
}
|
|
|
|
return helper;
|
|
|
|
},
|
|
|
|
_adjustOffsetFromHelper: function(obj) {
|
|
if (typeof obj === "string") {
|
|
obj = obj.split(" ");
|
|
}
|
|
if ($.isArray(obj)) {
|
|
obj = {left: +obj[0], top: +obj[1] || 0};
|
|
}
|
|
if ("left" in obj) {
|
|
this.offset.click.left = obj.left + this.margins.left;
|
|
}
|
|
if ("right" in obj) {
|
|
this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
|
|
}
|
|
if ("top" in obj) {
|
|
this.offset.click.top = obj.top + this.margins.top;
|
|
}
|
|
if ("bottom" in obj) {
|
|
this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
|
|
}
|
|
},
|
|
|
|
_getParentOffset: function() {
|
|
|
|
|
|
//Get the offsetParent and cache its position
|
|
this.offsetParent = this.helper.offsetParent();
|
|
var po = this.offsetParent.offset();
|
|
|
|
// This is a special case where we need to modify a offset calculated on start, since the following happened:
|
|
// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
|
|
// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
|
|
// the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
|
|
if(this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
|
|
po.left += this.scrollParent.scrollLeft();
|
|
po.top += this.scrollParent.scrollTop();
|
|
}
|
|
|
|
// This needs to be actually done for all browsers, since pageX/pageY includes this information
|
|
// with an ugly IE fix
|
|
if( this.offsetParent[0] === document.body || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
|
|
po = { top: 0, left: 0 };
|
|
}
|
|
|
|
return {
|
|
top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
|
|
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
|
|
};
|
|
|
|
},
|
|
|
|
_getRelativeOffset: function() {
|
|
|
|
if(this.cssPosition === "relative") {
|
|
var p = this.currentItem.position();
|
|
return {
|
|
top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
|
|
left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
|
|
};
|
|
} else {
|
|
return { top: 0, left: 0 };
|
|
}
|
|
|
|
},
|
|
|
|
_cacheMargins: function() {
|
|
this.margins = {
|
|
left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
|
|
top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
|
|
};
|
|
},
|
|
|
|
_cacheHelperProportions: function() {
|
|
this.helperProportions = {
|
|
width: this.helper.outerWidth(),
|
|
height: this.helper.outerHeight()
|
|
};
|
|
},
|
|
|
|
_setContainment: function() {
|
|
|
|
var ce, co, over,
|
|
o = this.options;
|
|
if(o.containment === "parent") {
|
|
o.containment = this.helper[0].parentNode;
|
|
}
|
|
if(o.containment === "document" || o.containment === "window") {
|
|
this.containment = [
|
|
0 - this.offset.relative.left - this.offset.parent.left,
|
|
0 - this.offset.relative.top - this.offset.parent.top,
|
|
$(o.containment === "document" ? document : window).width() - this.helperProportions.width - this.margins.left,
|
|
($(o.containment === "document" ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
|
|
];
|
|
}
|
|
|
|
if(!(/^(document|window|parent)$/).test(o.containment)) {
|
|
ce = $(o.containment)[0];
|
|
co = $(o.containment).offset();
|
|
over = ($(ce).css("overflow") !== "hidden");
|
|
|
|
this.containment = [
|
|
co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
|
|
co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
|
|
co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
|
|
co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
|
|
];
|
|
}
|
|
|
|
},
|
|
|
|
_convertPositionTo: function(d, pos) {
|
|
|
|
if(!pos) {
|
|
pos = this.position;
|
|
}
|
|
var mod = d === "absolute" ? 1 : -1,
|
|
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent,
|
|
scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
|
|
|
return {
|
|
top: (
|
|
pos.top + // The absolute mouse position
|
|
this.offset.relative.top * mod + // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.top * mod - // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
|
|
),
|
|
left: (
|
|
pos.left + // The absolute mouse position
|
|
this.offset.relative.left * mod + // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.left * mod - // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
|
|
)
|
|
};
|
|
|
|
},
|
|
|
|
_generatePosition: function(event) {
|
|
|
|
var top, left,
|
|
o = this.options,
|
|
pageX = event.pageX,
|
|
pageY = event.pageY,
|
|
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
|
|
|
// This is another very weird special case that only happens for relative elements:
|
|
// 1. If the css position is relative
|
|
// 2. and the scroll parent is the document or similar to the offset parent
|
|
// we have to refresh the relative offset during the scroll so there are no jumps
|
|
if(this.cssPosition === "relative" && !(this.scrollParent[0] !== document && this.scrollParent[0] !== this.offsetParent[0])) {
|
|
this.offset.relative = this._getRelativeOffset();
|
|
}
|
|
|
|
/*
|
|
* - Position constraining -
|
|
* Constrain the position to a mix of grid, containment.
|
|
*/
|
|
|
|
if(this.originalPosition) { //If we are not dragging yet, we won't check for options
|
|
|
|
if(this.containment) {
|
|
if(event.pageX - this.offset.click.left < this.containment[0]) {
|
|
pageX = this.containment[0] + this.offset.click.left;
|
|
}
|
|
if(event.pageY - this.offset.click.top < this.containment[1]) {
|
|
pageY = this.containment[1] + this.offset.click.top;
|
|
}
|
|
if(event.pageX - this.offset.click.left > this.containment[2]) {
|
|
pageX = this.containment[2] + this.offset.click.left;
|
|
}
|
|
if(event.pageY - this.offset.click.top > this.containment[3]) {
|
|
pageY = this.containment[3] + this.offset.click.top;
|
|
}
|
|
}
|
|
|
|
if(o.grid) {
|
|
top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
|
|
pageY = this.containment ? ( (top - this.offset.click.top >= this.containment[1] && top - this.offset.click.top <= this.containment[3]) ? top : ((top - this.offset.click.top >= this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
|
|
|
|
left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
|
|
pageX = this.containment ? ( (left - this.offset.click.left >= this.containment[0] && left - this.offset.click.left <= this.containment[2]) ? left : ((left - this.offset.click.left >= this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
|
|
}
|
|
|
|
}
|
|
|
|
return {
|
|
top: (
|
|
pageY - // The absolute mouse position
|
|
this.offset.click.top - // Click offset (relative to the element)
|
|
this.offset.relative.top - // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.top + // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
|
|
),
|
|
left: (
|
|
pageX - // The absolute mouse position
|
|
this.offset.click.left - // Click offset (relative to the element)
|
|
this.offset.relative.left - // Only for relative positioned nodes: Relative offset from element to offset parent
|
|
this.offset.parent.left + // The offsetParent's offset without borders (offset + border)
|
|
( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
|
|
)
|
|
};
|
|
|
|
},
|
|
|
|
_rearrange: function(event, i, a, hardRefresh) {
|
|
|
|
a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction === "down" ? i.item[0] : i.item[0].nextSibling));
|
|
|
|
//Various things done here to improve the performance:
|
|
// 1. we create a setTimeout, that calls refreshPositions
|
|
// 2. on the instance, we have a counter variable, that get's higher after every append
|
|
// 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
|
|
// 4. this lets only the last addition to the timeout stack through
|
|
this.counter = this.counter ? ++this.counter : 1;
|
|
var counter = this.counter;
|
|
|
|
this._delay(function() {
|
|
if(counter === this.counter) {
|
|
this.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
|
|
}
|
|
});
|
|
|
|
},
|
|
|
|
_clear: function(event, noPropagation) {
|
|
|
|
this.reverting = false;
|
|
// We delay all events that have to be triggered to after the point where the placeholder has been removed and
|
|
// everything else normalized again
|
|
var i,
|
|
delayedTriggers = [];
|
|
|
|
// We first have to update the dom position of the actual currentItem
|
|
// Note: don't do it if the current item is already removed (by a user), or it gets reappended (see #4088)
|
|
if(!this._noFinalSort && this.currentItem.parent().length) {
|
|
this.placeholder.before(this.currentItem);
|
|
}
|
|
this._noFinalSort = null;
|
|
|
|
if(this.helper[0] === this.currentItem[0]) {
|
|
for(i in this._storedCSS) {
|
|
if(this._storedCSS[i] === "auto" || this._storedCSS[i] === "static") {
|
|
this._storedCSS[i] = "";
|
|
}
|
|
}
|
|
this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
|
|
} else {
|
|
this.currentItem.show();
|
|
}
|
|
|
|
if(this.fromOutside && !noPropagation) {
|
|
delayedTriggers.push(function(event) { this._trigger("receive", event, this._uiHash(this.fromOutside)); });
|
|
}
|
|
if((this.fromOutside || this.domPosition.prev !== this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent !== this.currentItem.parent()[0]) && !noPropagation) {
|
|
delayedTriggers.push(function(event) { this._trigger("update", event, this._uiHash()); }); //Trigger update callback if the DOM position has changed
|
|
}
|
|
|
|
// Check if the items Container has Changed and trigger appropriate
|
|
// events.
|
|
if (this !== this.currentContainer) {
|
|
if(!noPropagation) {
|
|
delayedTriggers.push(function(event) { this._trigger("remove", event, this._uiHash()); });
|
|
delayedTriggers.push((function(c) { return function(event) { c._trigger("receive", event, this._uiHash(this)); }; }).call(this, this.currentContainer));
|
|
delayedTriggers.push((function(c) { return function(event) { c._trigger("update", event, this._uiHash(this)); }; }).call(this, this.currentContainer));
|
|
}
|
|
}
|
|
|
|
|
|
//Post events to containers
|
|
for (i = this.containers.length - 1; i >= 0; i--){
|
|
if(!noPropagation) {
|
|
delayedTriggers.push((function(c) { return function(event) { c._trigger("deactivate", event, this._uiHash(this)); }; }).call(this, this.containers[i]));
|
|
}
|
|
if(this.containers[i].containerCache.over) {
|
|
delayedTriggers.push((function(c) { return function(event) { c._trigger("out", event, this._uiHash(this)); }; }).call(this, this.containers[i]));
|
|
this.containers[i].containerCache.over = 0;
|
|
}
|
|
}
|
|
|
|
//Do what was originally in plugins
|
|
if(this._storedCursor) {
|
|
$("body").css("cursor", this._storedCursor);
|
|
}
|
|
if(this._storedOpacity) {
|
|
this.helper.css("opacity", this._storedOpacity);
|
|
}
|
|
if(this._storedZIndex) {
|
|
this.helper.css("zIndex", this._storedZIndex === "auto" ? "" : this._storedZIndex);
|
|
}
|
|
|
|
this.dragging = false;
|
|
if(this.cancelHelperRemoval) {
|
|
if(!noPropagation) {
|
|
this._trigger("beforeStop", event, this._uiHash());
|
|
for (i=0; i < delayedTriggers.length; i++) {
|
|
delayedTriggers[i].call(this, event);
|
|
} //Trigger all delayed events
|
|
this._trigger("stop", event, this._uiHash());
|
|
}
|
|
|
|
this.fromOutside = false;
|
|
return false;
|
|
}
|
|
|
|
if(!noPropagation) {
|
|
this._trigger("beforeStop", event, this._uiHash());
|
|
}
|
|
|
|
//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
|
|
this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
|
|
|
|
if(this.helper[0] !== this.currentItem[0]) {
|
|
this.helper.remove();
|
|
}
|
|
this.helper = null;
|
|
|
|
if(!noPropagation) {
|
|
for (i=0; i < delayedTriggers.length; i++) {
|
|
delayedTriggers[i].call(this, event);
|
|
} //Trigger all delayed events
|
|
this._trigger("stop", event, this._uiHash());
|
|
}
|
|
|
|
this.fromOutside = false;
|
|
return true;
|
|
|
|
},
|
|
|
|
_trigger: function() {
|
|
if ($.Widget.prototype._trigger.apply(this, arguments) === false) {
|
|
this.cancel();
|
|
}
|
|
},
|
|
|
|
_uiHash: function(_inst) {
|
|
var inst = _inst || this;
|
|
return {
|
|
helper: inst.helper,
|
|
placeholder: inst.placeholder || $([]),
|
|
position: inst.position,
|
|
originalPosition: inst.originalPosition,
|
|
offset: inst.positionAbs,
|
|
item: inst.currentItem,
|
|
sender: _inst ? _inst.element : null
|
|
};
|
|
}
|
|
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
;(jQuery.effects || (function($, undefined) {
|
|
|
|
var dataSpace = "ui-effects-";
|
|
|
|
$.effects = {
|
|
effect: {}
|
|
};
|
|
|
|
/*!
|
|
* jQuery Color Animations v2.1.2
|
|
* https://github.com/jquery/jquery-color
|
|
*
|
|
* Copyright 2013 jQuery Foundation and other contributors
|
|
* Released under the MIT license.
|
|
* http://jquery.org/license
|
|
*
|
|
* Date: Wed Jan 16 08:47:09 2013 -0600
|
|
*/
|
|
(function( jQuery, undefined ) {
|
|
|
|
var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
|
|
|
|
// plusequals test for += 100 -= 100
|
|
rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
|
|
// a set of RE's that can match strings and generate color tuples.
|
|
stringParsers = [{
|
|
re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
|
|
parse: function( execResult ) {
|
|
return [
|
|
execResult[ 1 ],
|
|
execResult[ 2 ],
|
|
execResult[ 3 ],
|
|
execResult[ 4 ]
|
|
];
|
|
}
|
|
}, {
|
|
re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
|
|
parse: function( execResult ) {
|
|
return [
|
|
execResult[ 1 ] * 2.55,
|
|
execResult[ 2 ] * 2.55,
|
|
execResult[ 3 ] * 2.55,
|
|
execResult[ 4 ]
|
|
];
|
|
}
|
|
}, {
|
|
// this regex ignores A-F because it's compared against an already lowercased string
|
|
re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
|
|
parse: function( execResult ) {
|
|
return [
|
|
parseInt( execResult[ 1 ], 16 ),
|
|
parseInt( execResult[ 2 ], 16 ),
|
|
parseInt( execResult[ 3 ], 16 )
|
|
];
|
|
}
|
|
}, {
|
|
// this regex ignores A-F because it's compared against an already lowercased string
|
|
re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
|
|
parse: function( execResult ) {
|
|
return [
|
|
parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
|
|
parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
|
|
parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
|
|
];
|
|
}
|
|
}, {
|
|
re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
|
|
space: "hsla",
|
|
parse: function( execResult ) {
|
|
return [
|
|
execResult[ 1 ],
|
|
execResult[ 2 ] / 100,
|
|
execResult[ 3 ] / 100,
|
|
execResult[ 4 ]
|
|
];
|
|
}
|
|
}],
|
|
|
|
// jQuery.Color( )
|
|
color = jQuery.Color = function( color, green, blue, alpha ) {
|
|
return new jQuery.Color.fn.parse( color, green, blue, alpha );
|
|
},
|
|
spaces = {
|
|
rgba: {
|
|
props: {
|
|
red: {
|
|
idx: 0,
|
|
type: "byte"
|
|
},
|
|
green: {
|
|
idx: 1,
|
|
type: "byte"
|
|
},
|
|
blue: {
|
|
idx: 2,
|
|
type: "byte"
|
|
}
|
|
}
|
|
},
|
|
|
|
hsla: {
|
|
props: {
|
|
hue: {
|
|
idx: 0,
|
|
type: "degrees"
|
|
},
|
|
saturation: {
|
|
idx: 1,
|
|
type: "percent"
|
|
},
|
|
lightness: {
|
|
idx: 2,
|
|
type: "percent"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
propTypes = {
|
|
"byte": {
|
|
floor: true,
|
|
max: 255
|
|
},
|
|
"percent": {
|
|
max: 1
|
|
},
|
|
"degrees": {
|
|
mod: 360,
|
|
floor: true
|
|
}
|
|
},
|
|
support = color.support = {},
|
|
|
|
// element for support tests
|
|
supportElem = jQuery( "<p>" )[ 0 ],
|
|
|
|
// colors = jQuery.Color.names
|
|
colors,
|
|
|
|
// local aliases of functions called often
|
|
each = jQuery.each;
|
|
|
|
// determine rgba support immediately
|
|
supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
|
|
support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
|
|
|
|
// define cache name and alpha properties
|
|
// for rgba and hsla spaces
|
|
each( spaces, function( spaceName, space ) {
|
|
space.cache = "_" + spaceName;
|
|
space.props.alpha = {
|
|
idx: 3,
|
|
type: "percent",
|
|
def: 1
|
|
};
|
|
});
|
|
|
|
function clamp( value, prop, allowEmpty ) {
|
|
var type = propTypes[ prop.type ] || {};
|
|
|
|
if ( value == null ) {
|
|
return (allowEmpty || !prop.def) ? null : prop.def;
|
|
}
|
|
|
|
// ~~ is an short way of doing floor for positive numbers
|
|
value = type.floor ? ~~value : parseFloat( value );
|
|
|
|
// IE will pass in empty strings as value for alpha,
|
|
// which will hit this case
|
|
if ( isNaN( value ) ) {
|
|
return prop.def;
|
|
}
|
|
|
|
if ( type.mod ) {
|
|
// we add mod before modding to make sure that negatives values
|
|
// get converted properly: -10 -> 350
|
|
return (value + type.mod) % type.mod;
|
|
}
|
|
|
|
// for now all property types without mod have min and max
|
|
return 0 > value ? 0 : type.max < value ? type.max : value;
|
|
}
|
|
|
|
function stringParse( string ) {
|
|
var inst = color(),
|
|
rgba = inst._rgba = [];
|
|
|
|
string = string.toLowerCase();
|
|
|
|
each( stringParsers, function( i, parser ) {
|
|
var parsed,
|
|
match = parser.re.exec( string ),
|
|
values = match && parser.parse( match ),
|
|
spaceName = parser.space || "rgba";
|
|
|
|
if ( values ) {
|
|
parsed = inst[ spaceName ]( values );
|
|
|
|
// if this was an rgba parse the assignment might happen twice
|
|
// oh well....
|
|
inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
|
|
rgba = inst._rgba = parsed._rgba;
|
|
|
|
// exit each( stringParsers ) here because we matched
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// Found a stringParser that handled it
|
|
if ( rgba.length ) {
|
|
|
|
// if this came from a parsed string, force "transparent" when alpha is 0
|
|
// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
|
|
if ( rgba.join() === "0,0,0,0" ) {
|
|
jQuery.extend( rgba, colors.transparent );
|
|
}
|
|
return inst;
|
|
}
|
|
|
|
// named colors
|
|
return colors[ string ];
|
|
}
|
|
|
|
color.fn = jQuery.extend( color.prototype, {
|
|
parse: function( red, green, blue, alpha ) {
|
|
if ( red === undefined ) {
|
|
this._rgba = [ null, null, null, null ];
|
|
return this;
|
|
}
|
|
if ( red.jquery || red.nodeType ) {
|
|
red = jQuery( red ).css( green );
|
|
green = undefined;
|
|
}
|
|
|
|
var inst = this,
|
|
type = jQuery.type( red ),
|
|
rgba = this._rgba = [];
|
|
|
|
// more than 1 argument specified - assume ( red, green, blue, alpha )
|
|
if ( green !== undefined ) {
|
|
red = [ red, green, blue, alpha ];
|
|
type = "array";
|
|
}
|
|
|
|
if ( type === "string" ) {
|
|
return this.parse( stringParse( red ) || colors._default );
|
|
}
|
|
|
|
if ( type === "array" ) {
|
|
each( spaces.rgba.props, function( key, prop ) {
|
|
rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
|
|
});
|
|
return this;
|
|
}
|
|
|
|
if ( type === "object" ) {
|
|
if ( red instanceof color ) {
|
|
each( spaces, function( spaceName, space ) {
|
|
if ( red[ space.cache ] ) {
|
|
inst[ space.cache ] = red[ space.cache ].slice();
|
|
}
|
|
});
|
|
} else {
|
|
each( spaces, function( spaceName, space ) {
|
|
var cache = space.cache;
|
|
each( space.props, function( key, prop ) {
|
|
|
|
// if the cache doesn't exist, and we know how to convert
|
|
if ( !inst[ cache ] && space.to ) {
|
|
|
|
// if the value was null, we don't need to copy it
|
|
// if the key was alpha, we don't need to copy it either
|
|
if ( key === "alpha" || red[ key ] == null ) {
|
|
return;
|
|
}
|
|
inst[ cache ] = space.to( inst._rgba );
|
|
}
|
|
|
|
// this is the only case where we allow nulls for ALL properties.
|
|
// call clamp with alwaysAllowEmpty
|
|
inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
|
|
});
|
|
|
|
// everything defined but alpha?
|
|
if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
|
|
// use the default of 1
|
|
inst[ cache ][ 3 ] = 1;
|
|
if ( space.from ) {
|
|
inst._rgba = space.from( inst[ cache ] );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
return this;
|
|
}
|
|
},
|
|
is: function( compare ) {
|
|
var is = color( compare ),
|
|
same = true,
|
|
inst = this;
|
|
|
|
each( spaces, function( _, space ) {
|
|
var localCache,
|
|
isCache = is[ space.cache ];
|
|
if (isCache) {
|
|
localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
|
|
each( space.props, function( _, prop ) {
|
|
if ( isCache[ prop.idx ] != null ) {
|
|
same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
|
|
return same;
|
|
}
|
|
});
|
|
}
|
|
return same;
|
|
});
|
|
return same;
|
|
},
|
|
_space: function() {
|
|
var used = [],
|
|
inst = this;
|
|
each( spaces, function( spaceName, space ) {
|
|
if ( inst[ space.cache ] ) {
|
|
used.push( spaceName );
|
|
}
|
|
});
|
|
return used.pop();
|
|
},
|
|
transition: function( other, distance ) {
|
|
var end = color( other ),
|
|
spaceName = end._space(),
|
|
space = spaces[ spaceName ],
|
|
startColor = this.alpha() === 0 ? color( "transparent" ) : this,
|
|
start = startColor[ space.cache ] || space.to( startColor._rgba ),
|
|
result = start.slice();
|
|
|
|
end = end[ space.cache ];
|
|
each( space.props, function( key, prop ) {
|
|
var index = prop.idx,
|
|
startValue = start[ index ],
|
|
endValue = end[ index ],
|
|
type = propTypes[ prop.type ] || {};
|
|
|
|
// if null, don't override start value
|
|
if ( endValue === null ) {
|
|
return;
|
|
}
|
|
// if null - use end
|
|
if ( startValue === null ) {
|
|
result[ index ] = endValue;
|
|
} else {
|
|
if ( type.mod ) {
|
|
if ( endValue - startValue > type.mod / 2 ) {
|
|
startValue += type.mod;
|
|
} else if ( startValue - endValue > type.mod / 2 ) {
|
|
startValue -= type.mod;
|
|
}
|
|
}
|
|
result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
|
|
}
|
|
});
|
|
return this[ spaceName ]( result );
|
|
},
|
|
blend: function( opaque ) {
|
|
// if we are already opaque - return ourself
|
|
if ( this._rgba[ 3 ] === 1 ) {
|
|
return this;
|
|
}
|
|
|
|
var rgb = this._rgba.slice(),
|
|
a = rgb.pop(),
|
|
blend = color( opaque )._rgba;
|
|
|
|
return color( jQuery.map( rgb, function( v, i ) {
|
|
return ( 1 - a ) * blend[ i ] + a * v;
|
|
}));
|
|
},
|
|
toRgbaString: function() {
|
|
var prefix = "rgba(",
|
|
rgba = jQuery.map( this._rgba, function( v, i ) {
|
|
return v == null ? ( i > 2 ? 1 : 0 ) : v;
|
|
});
|
|
|
|
if ( rgba[ 3 ] === 1 ) {
|
|
rgba.pop();
|
|
prefix = "rgb(";
|
|
}
|
|
|
|
return prefix + rgba.join() + ")";
|
|
},
|
|
toHslaString: function() {
|
|
var prefix = "hsla(",
|
|
hsla = jQuery.map( this.hsla(), function( v, i ) {
|
|
if ( v == null ) {
|
|
v = i > 2 ? 1 : 0;
|
|
}
|
|
|
|
// catch 1 and 2
|
|
if ( i && i < 3 ) {
|
|
v = Math.round( v * 100 ) + "%";
|
|
}
|
|
return v;
|
|
});
|
|
|
|
if ( hsla[ 3 ] === 1 ) {
|
|
hsla.pop();
|
|
prefix = "hsl(";
|
|
}
|
|
return prefix + hsla.join() + ")";
|
|
},
|
|
toHexString: function( includeAlpha ) {
|
|
var rgba = this._rgba.slice(),
|
|
alpha = rgba.pop();
|
|
|
|
if ( includeAlpha ) {
|
|
rgba.push( ~~( alpha * 255 ) );
|
|
}
|
|
|
|
return "#" + jQuery.map( rgba, function( v ) {
|
|
|
|
// default to 0 when nulls exist
|
|
v = ( v || 0 ).toString( 16 );
|
|
return v.length === 1 ? "0" + v : v;
|
|
}).join("");
|
|
},
|
|
toString: function() {
|
|
return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
|
|
}
|
|
});
|
|
color.fn.parse.prototype = color.fn;
|
|
|
|
// hsla conversions adapted from:
|
|
// https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
|
|
|
|
function hue2rgb( p, q, h ) {
|
|
h = ( h + 1 ) % 1;
|
|
if ( h * 6 < 1 ) {
|
|
return p + (q - p) * h * 6;
|
|
}
|
|
if ( h * 2 < 1) {
|
|
return q;
|
|
}
|
|
if ( h * 3 < 2 ) {
|
|
return p + (q - p) * ((2/3) - h) * 6;
|
|
}
|
|
return p;
|
|
}
|
|
|
|
spaces.hsla.to = function ( rgba ) {
|
|
if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
|
|
return [ null, null, null, rgba[ 3 ] ];
|
|
}
|
|
var r = rgba[ 0 ] / 255,
|
|
g = rgba[ 1 ] / 255,
|
|
b = rgba[ 2 ] / 255,
|
|
a = rgba[ 3 ],
|
|
max = Math.max( r, g, b ),
|
|
min = Math.min( r, g, b ),
|
|
diff = max - min,
|
|
add = max + min,
|
|
l = add * 0.5,
|
|
h, s;
|
|
|
|
if ( min === max ) {
|
|
h = 0;
|
|
} else if ( r === max ) {
|
|
h = ( 60 * ( g - b ) / diff ) + 360;
|
|
} else if ( g === max ) {
|
|
h = ( 60 * ( b - r ) / diff ) + 120;
|
|
} else {
|
|
h = ( 60 * ( r - g ) / diff ) + 240;
|
|
}
|
|
|
|
// chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
|
|
// otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
|
|
if ( diff === 0 ) {
|
|
s = 0;
|
|
} else if ( l <= 0.5 ) {
|
|
s = diff / add;
|
|
} else {
|
|
s = diff / ( 2 - add );
|
|
}
|
|
return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
|
|
};
|
|
|
|
spaces.hsla.from = function ( hsla ) {
|
|
if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
|
|
return [ null, null, null, hsla[ 3 ] ];
|
|
}
|
|
var h = hsla[ 0 ] / 360,
|
|
s = hsla[ 1 ],
|
|
l = hsla[ 2 ],
|
|
a = hsla[ 3 ],
|
|
q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
|
|
p = 2 * l - q;
|
|
|
|
return [
|
|
Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
|
|
Math.round( hue2rgb( p, q, h ) * 255 ),
|
|
Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
|
|
a
|
|
];
|
|
};
|
|
|
|
|
|
each( spaces, function( spaceName, space ) {
|
|
var props = space.props,
|
|
cache = space.cache,
|
|
to = space.to,
|
|
from = space.from;
|
|
|
|
// makes rgba() and hsla()
|
|
color.fn[ spaceName ] = function( value ) {
|
|
|
|
// generate a cache for this space if it doesn't exist
|
|
if ( to && !this[ cache ] ) {
|
|
this[ cache ] = to( this._rgba );
|
|
}
|
|
if ( value === undefined ) {
|
|
return this[ cache ].slice();
|
|
}
|
|
|
|
var ret,
|
|
type = jQuery.type( value ),
|
|
arr = ( type === "array" || type === "object" ) ? value : arguments,
|
|
local = this[ cache ].slice();
|
|
|
|
each( props, function( key, prop ) {
|
|
var val = arr[ type === "object" ? key : prop.idx ];
|
|
if ( val == null ) {
|
|
val = local[ prop.idx ];
|
|
}
|
|
local[ prop.idx ] = clamp( val, prop );
|
|
});
|
|
|
|
if ( from ) {
|
|
ret = color( from( local ) );
|
|
ret[ cache ] = local;
|
|
return ret;
|
|
} else {
|
|
return color( local );
|
|
}
|
|
};
|
|
|
|
// makes red() green() blue() alpha() hue() saturation() lightness()
|
|
each( props, function( key, prop ) {
|
|
// alpha is included in more than one space
|
|
if ( color.fn[ key ] ) {
|
|
return;
|
|
}
|
|
color.fn[ key ] = function( value ) {
|
|
var vtype = jQuery.type( value ),
|
|
fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
|
|
local = this[ fn ](),
|
|
cur = local[ prop.idx ],
|
|
match;
|
|
|
|
if ( vtype === "undefined" ) {
|
|
return cur;
|
|
}
|
|
|
|
if ( vtype === "function" ) {
|
|
value = value.call( this, cur );
|
|
vtype = jQuery.type( value );
|
|
}
|
|
if ( value == null && prop.empty ) {
|
|
return this;
|
|
}
|
|
if ( vtype === "string" ) {
|
|
match = rplusequals.exec( value );
|
|
if ( match ) {
|
|
value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
|
|
}
|
|
}
|
|
local[ prop.idx ] = value;
|
|
return this[ fn ]( local );
|
|
};
|
|
});
|
|
});
|
|
|
|
// add cssHook and .fx.step function for each named hook.
|
|
// accept a space separated string of properties
|
|
color.hook = function( hook ) {
|
|
var hooks = hook.split( " " );
|
|
each( hooks, function( i, hook ) {
|
|
jQuery.cssHooks[ hook ] = {
|
|
set: function( elem, value ) {
|
|
var parsed, curElem,
|
|
backgroundColor = "";
|
|
|
|
if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) ) {
|
|
value = color( parsed || value );
|
|
if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
|
|
curElem = hook === "backgroundColor" ? elem.parentNode : elem;
|
|
while (
|
|
(backgroundColor === "" || backgroundColor === "transparent") &&
|
|
curElem && curElem.style
|
|
) {
|
|
try {
|
|
backgroundColor = jQuery.css( curElem, "backgroundColor" );
|
|
curElem = curElem.parentNode;
|
|
} catch ( e ) {
|
|
}
|
|
}
|
|
|
|
value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
|
|
backgroundColor :
|
|
"_default" );
|
|
}
|
|
|
|
value = value.toRgbaString();
|
|
}
|
|
try {
|
|
elem.style[ hook ] = value;
|
|
} catch( e ) {
|
|
// wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
|
|
}
|
|
}
|
|
};
|
|
jQuery.fx.step[ hook ] = function( fx ) {
|
|
if ( !fx.colorInit ) {
|
|
fx.start = color( fx.elem, hook );
|
|
fx.end = color( fx.end );
|
|
fx.colorInit = true;
|
|
}
|
|
jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
|
|
};
|
|
});
|
|
|
|
};
|
|
|
|
color.hook( stepHooks );
|
|
|
|
jQuery.cssHooks.borderColor = {
|
|
expand: function( value ) {
|
|
var expanded = {};
|
|
|
|
each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
|
|
expanded[ "border" + part + "Color" ] = value;
|
|
});
|
|
return expanded;
|
|
}
|
|
};
|
|
|
|
// Basic color names only.
|
|
// Usage of any of the other color names requires adding yourself or including
|
|
// jquery.color.svg-names.js.
|
|
colors = jQuery.Color.names = {
|
|
// 4.1. Basic color keywords
|
|
aqua: "#00ffff",
|
|
black: "#000000",
|
|
blue: "#0000ff",
|
|
fuchsia: "#ff00ff",
|
|
gray: "#808080",
|
|
green: "#008000",
|
|
lime: "#00ff00",
|
|
maroon: "#800000",
|
|
navy: "#000080",
|
|
olive: "#808000",
|
|
purple: "#800080",
|
|
red: "#ff0000",
|
|
silver: "#c0c0c0",
|
|
teal: "#008080",
|
|
white: "#ffffff",
|
|
yellow: "#ffff00",
|
|
|
|
// 4.2.3. "transparent" color keyword
|
|
transparent: [ null, null, null, 0 ],
|
|
|
|
_default: "#ffffff"
|
|
};
|
|
|
|
})( jQuery );
|
|
|
|
|
|
/******************************************************************************/
|
|
/****************************** CLASS ANIMATIONS ******************************/
|
|
/******************************************************************************/
|
|
(function() {
|
|
|
|
var classAnimationActions = [ "add", "remove", "toggle" ],
|
|
shorthandStyles = {
|
|
border: 1,
|
|
borderBottom: 1,
|
|
borderColor: 1,
|
|
borderLeft: 1,
|
|
borderRight: 1,
|
|
borderTop: 1,
|
|
borderWidth: 1,
|
|
margin: 1,
|
|
padding: 1
|
|
};
|
|
|
|
$.each([ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], function( _, prop ) {
|
|
$.fx.step[ prop ] = function( fx ) {
|
|
if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) {
|
|
jQuery.style( fx.elem, prop, fx.end );
|
|
fx.setAttr = true;
|
|
}
|
|
};
|
|
});
|
|
|
|
function getElementStyles( elem ) {
|
|
var key, len,
|
|
style = elem.ownerDocument.defaultView ?
|
|
elem.ownerDocument.defaultView.getComputedStyle( elem, null ) :
|
|
elem.currentStyle,
|
|
styles = {};
|
|
|
|
if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) {
|
|
len = style.length;
|
|
while ( len-- ) {
|
|
key = style[ len ];
|
|
if ( typeof style[ key ] === "string" ) {
|
|
styles[ $.camelCase( key ) ] = style[ key ];
|
|
}
|
|
}
|
|
// support: Opera, IE <9
|
|
} else {
|
|
for ( key in style ) {
|
|
if ( typeof style[ key ] === "string" ) {
|
|
styles[ key ] = style[ key ];
|
|
}
|
|
}
|
|
}
|
|
|
|
return styles;
|
|
}
|
|
|
|
|
|
function styleDifference( oldStyle, newStyle ) {
|
|
var diff = {},
|
|
name, value;
|
|
|
|
for ( name in newStyle ) {
|
|
value = newStyle[ name ];
|
|
if ( oldStyle[ name ] !== value ) {
|
|
if ( !shorthandStyles[ name ] ) {
|
|
if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) {
|
|
diff[ name ] = value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return diff;
|
|
}
|
|
|
|
// support: jQuery <1.8
|
|
if ( !$.fn.addBack ) {
|
|
$.fn.addBack = function( selector ) {
|
|
return this.add( selector == null ?
|
|
this.prevObject : this.prevObject.filter( selector )
|
|
);
|
|
};
|
|
}
|
|
|
|
$.effects.animateClass = function( value, duration, easing, callback ) {
|
|
var o = $.speed( duration, easing, callback );
|
|
|
|
return this.queue( function() {
|
|
var animated = $( this ),
|
|
baseClass = animated.attr( "class" ) || "",
|
|
applyClassChange,
|
|
allAnimations = o.children ? animated.find( "*" ).addBack() : animated;
|
|
|
|
// map the animated objects to store the original styles.
|
|
allAnimations = allAnimations.map(function() {
|
|
var el = $( this );
|
|
return {
|
|
el: el,
|
|
start: getElementStyles( this )
|
|
};
|
|
});
|
|
|
|
// apply class change
|
|
applyClassChange = function() {
|
|
$.each( classAnimationActions, function(i, action) {
|
|
if ( value[ action ] ) {
|
|
animated[ action + "Class" ]( value[ action ] );
|
|
}
|
|
});
|
|
};
|
|
applyClassChange();
|
|
|
|
// map all animated objects again - calculate new styles and diff
|
|
allAnimations = allAnimations.map(function() {
|
|
this.end = getElementStyles( this.el[ 0 ] );
|
|
this.diff = styleDifference( this.start, this.end );
|
|
return this;
|
|
});
|
|
|
|
// apply original class
|
|
animated.attr( "class", baseClass );
|
|
|
|
// map all animated objects again - this time collecting a promise
|
|
allAnimations = allAnimations.map(function() {
|
|
var styleInfo = this,
|
|
dfd = $.Deferred(),
|
|
opts = $.extend({}, o, {
|
|
queue: false,
|
|
complete: function() {
|
|
dfd.resolve( styleInfo );
|
|
}
|
|
});
|
|
|
|
this.el.animate( this.diff, opts );
|
|
return dfd.promise();
|
|
});
|
|
|
|
// once all animations have completed:
|
|
$.when.apply( $, allAnimations.get() ).done(function() {
|
|
|
|
// set the final class
|
|
applyClassChange();
|
|
|
|
// for each animated element,
|
|
// clear all css properties that were animated
|
|
$.each( arguments, function() {
|
|
var el = this.el;
|
|
$.each( this.diff, function(key) {
|
|
el.css( key, "" );
|
|
});
|
|
});
|
|
|
|
// this is guarnteed to be there if you use jQuery.speed()
|
|
// it also handles dequeuing the next anim...
|
|
o.complete.call( animated[ 0 ] );
|
|
});
|
|
});
|
|
};
|
|
|
|
$.fn.extend({
|
|
_addClass: $.fn.addClass,
|
|
addClass: function( classNames, speed, easing, callback ) {
|
|
return speed ?
|
|
$.effects.animateClass.call( this,
|
|
{ add: classNames }, speed, easing, callback ) :
|
|
this._addClass( classNames );
|
|
},
|
|
|
|
_removeClass: $.fn.removeClass,
|
|
removeClass: function( classNames, speed, easing, callback ) {
|
|
return speed ?
|
|
$.effects.animateClass.call( this,
|
|
{ remove: classNames }, speed, easing, callback ) :
|
|
this._removeClass( classNames );
|
|
},
|
|
|
|
_toggleClass: $.fn.toggleClass,
|
|
toggleClass: function( classNames, force, speed, easing, callback ) {
|
|
if ( typeof force === "boolean" || force === undefined ) {
|
|
if ( !speed ) {
|
|
// without speed parameter
|
|
return this._toggleClass( classNames, force );
|
|
} else {
|
|
return $.effects.animateClass.call( this,
|
|
(force ? { add: classNames } : { remove: classNames }),
|
|
speed, easing, callback );
|
|
}
|
|
} else {
|
|
// without force parameter
|
|
return $.effects.animateClass.call( this,
|
|
{ toggle: classNames }, force, speed, easing );
|
|
}
|
|
},
|
|
|
|
switchClass: function( remove, add, speed, easing, callback) {
|
|
return $.effects.animateClass.call( this, {
|
|
add: add,
|
|
remove: remove
|
|
}, speed, easing, callback );
|
|
}
|
|
});
|
|
|
|
})();
|
|
|
|
/******************************************************************************/
|
|
/*********************************** EFFECTS **********************************/
|
|
/******************************************************************************/
|
|
|
|
(function() {
|
|
|
|
$.extend( $.effects, {
|
|
version: "1.10.0",
|
|
|
|
// Saves a set of properties in a data storage
|
|
save: function( element, set ) {
|
|
for( var i=0; i < set.length; i++ ) {
|
|
if ( set[ i ] !== null ) {
|
|
element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] );
|
|
}
|
|
}
|
|
},
|
|
|
|
// Restores a set of previously saved properties from a data storage
|
|
restore: function( element, set ) {
|
|
var val, i;
|
|
for( i=0; i < set.length; i++ ) {
|
|
if ( set[ i ] !== null ) {
|
|
val = element.data( dataSpace + set[ i ] );
|
|
// support: jQuery 1.6.2
|
|
// http://bugs.jquery.com/ticket/9917
|
|
// jQuery 1.6.2 incorrectly returns undefined for any falsy value.
|
|
// We can't differentiate between "" and 0 here, so we just assume
|
|
// empty string since it's likely to be a more common value...
|
|
if ( val === undefined ) {
|
|
val = "";
|
|
}
|
|
element.css( set[ i ], val );
|
|
}
|
|
}
|
|
},
|
|
|
|
setMode: function( el, mode ) {
|
|
if (mode === "toggle") {
|
|
mode = el.is( ":hidden" ) ? "show" : "hide";
|
|
}
|
|
return mode;
|
|
},
|
|
|
|
// Translates a [top,left] array into a baseline value
|
|
// this should be a little more flexible in the future to handle a string & hash
|
|
getBaseline: function( origin, original ) {
|
|
var y, x;
|
|
switch ( origin[ 0 ] ) {
|
|
case "top": y = 0; break;
|
|
case "middle": y = 0.5; break;
|
|
case "bottom": y = 1; break;
|
|
default: y = origin[ 0 ] / original.height;
|
|
}
|
|
switch ( origin[ 1 ] ) {
|
|
case "left": x = 0; break;
|
|
case "center": x = 0.5; break;
|
|
case "right": x = 1; break;
|
|
default: x = origin[ 1 ] / original.width;
|
|
}
|
|
return {
|
|
x: x,
|
|
y: y
|
|
};
|
|
},
|
|
|
|
// Wraps the element around a wrapper that copies position properties
|
|
createWrapper: function( element ) {
|
|
|
|
// if the element is already wrapped, return it
|
|
if ( element.parent().is( ".ui-effects-wrapper" )) {
|
|
return element.parent();
|
|
}
|
|
|
|
// wrap the element
|
|
var props = {
|
|
width: element.outerWidth(true),
|
|
height: element.outerHeight(true),
|
|
"float": element.css( "float" )
|
|
},
|
|
wrapper = $( "<div></div>" )
|
|
.addClass( "ui-effects-wrapper" )
|
|
.css({
|
|
fontSize: "100%",
|
|
background: "transparent",
|
|
border: "none",
|
|
margin: 0,
|
|
padding: 0
|
|
}),
|
|
// Store the size in case width/height are defined in % - Fixes #5245
|
|
size = {
|
|
width: element.width(),
|
|
height: element.height()
|
|
},
|
|
active = document.activeElement;
|
|
|
|
// support: Firefox
|
|
// Firefox incorrectly exposes anonymous content
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=561664
|
|
try {
|
|
active.id;
|
|
} catch( e ) {
|
|
active = document.body;
|
|
}
|
|
|
|
element.wrap( wrapper );
|
|
|
|
// Fixes #7595 - Elements lose focus when wrapped.
|
|
if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
|
|
$( active ).focus();
|
|
}
|
|
|
|
wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually lose the reference to the wrapped element
|
|
|
|
// transfer positioning properties to the wrapper
|
|
if ( element.css( "position" ) === "static" ) {
|
|
wrapper.css({ position: "relative" });
|
|
element.css({ position: "relative" });
|
|
} else {
|
|
$.extend( props, {
|
|
position: element.css( "position" ),
|
|
zIndex: element.css( "z-index" )
|
|
});
|
|
$.each([ "top", "left", "bottom", "right" ], function(i, pos) {
|
|
props[ pos ] = element.css( pos );
|
|
if ( isNaN( parseInt( props[ pos ], 10 ) ) ) {
|
|
props[ pos ] = "auto";
|
|
}
|
|
});
|
|
element.css({
|
|
position: "relative",
|
|
top: 0,
|
|
left: 0,
|
|
right: "auto",
|
|
bottom: "auto"
|
|
});
|
|
}
|
|
element.css(size);
|
|
|
|
return wrapper.css( props ).show();
|
|
},
|
|
|
|
removeWrapper: function( element ) {
|
|
var active = document.activeElement;
|
|
|
|
if ( element.parent().is( ".ui-effects-wrapper" ) ) {
|
|
element.parent().replaceWith( element );
|
|
|
|
// Fixes #7595 - Elements lose focus when wrapped.
|
|
if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
|
|
$( active ).focus();
|
|
}
|
|
}
|
|
|
|
|
|
return element;
|
|
},
|
|
|
|
setTransition: function( element, list, factor, value ) {
|
|
value = value || {};
|
|
$.each( list, function( i, x ) {
|
|
var unit = element.cssUnit( x );
|
|
if ( unit[ 0 ] > 0 ) {
|
|
value[ x ] = unit[ 0 ] * factor + unit[ 1 ];
|
|
}
|
|
});
|
|
return value;
|
|
}
|
|
});
|
|
|
|
// return an effect options object for the given parameters:
|
|
function _normalizeArguments( effect, options, speed, callback ) {
|
|
|
|
// allow passing all options as the first parameter
|
|
if ( $.isPlainObject( effect ) ) {
|
|
options = effect;
|
|
effect = effect.effect;
|
|
}
|
|
|
|
// convert to an object
|
|
effect = { effect: effect };
|
|
|
|
// catch (effect, null, ...)
|
|
if ( options == null ) {
|
|
options = {};
|
|
}
|
|
|
|
// catch (effect, callback)
|
|
if ( $.isFunction( options ) ) {
|
|
callback = options;
|
|
speed = null;
|
|
options = {};
|
|
}
|
|
|
|
// catch (effect, speed, ?)
|
|
if ( typeof options === "number" || $.fx.speeds[ options ] ) {
|
|
callback = speed;
|
|
speed = options;
|
|
options = {};
|
|
}
|
|
|
|
// catch (effect, options, callback)
|
|
if ( $.isFunction( speed ) ) {
|
|
callback = speed;
|
|
speed = null;
|
|
}
|
|
|
|
// add options to effect
|
|
if ( options ) {
|
|
$.extend( effect, options );
|
|
}
|
|
|
|
speed = speed || options.duration;
|
|
effect.duration = $.fx.off ? 0 :
|
|
typeof speed === "number" ? speed :
|
|
speed in $.fx.speeds ? $.fx.speeds[ speed ] :
|
|
$.fx.speeds._default;
|
|
|
|
effect.complete = callback || options.complete;
|
|
|
|
return effect;
|
|
}
|
|
|
|
function standardSpeed( speed ) {
|
|
// valid standard speeds
|
|
if ( !speed || typeof speed === "number" || $.fx.speeds[ speed ] ) {
|
|
return true;
|
|
}
|
|
|
|
// invalid strings - treat as "normal" speed
|
|
return typeof speed === "string" && !$.effects.effect[ speed ];
|
|
}
|
|
|
|
$.fn.extend({
|
|
effect: function( /* effect, options, speed, callback */ ) {
|
|
var args = _normalizeArguments.apply( this, arguments ),
|
|
mode = args.mode,
|
|
queue = args.queue,
|
|
effectMethod = $.effects.effect[ args.effect ];
|
|
|
|
if ( $.fx.off || !effectMethod ) {
|
|
// delegate to the original method (e.g., .show()) if possible
|
|
if ( mode ) {
|
|
return this[ mode ]( args.duration, args.complete );
|
|
} else {
|
|
return this.each( function() {
|
|
if ( args.complete ) {
|
|
args.complete.call( this );
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function run( next ) {
|
|
var elem = $( this ),
|
|
complete = args.complete,
|
|
mode = args.mode;
|
|
|
|
function done() {
|
|
if ( $.isFunction( complete ) ) {
|
|
complete.call( elem[0] );
|
|
}
|
|
if ( $.isFunction( next ) ) {
|
|
next();
|
|
}
|
|
}
|
|
|
|
// if the element is hiddden and mode is hide,
|
|
// or element is visible and mode is show
|
|
if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) {
|
|
done();
|
|
} else {
|
|
effectMethod.call( elem[0], args, done );
|
|
}
|
|
}
|
|
|
|
return queue === false ? this.each( run ) : this.queue( queue || "fx", run );
|
|
},
|
|
|
|
_show: $.fn.show,
|
|
show: function( speed ) {
|
|
if ( standardSpeed( speed ) ) {
|
|
return this._show.apply( this, arguments );
|
|
} else {
|
|
var args = _normalizeArguments.apply( this, arguments );
|
|
args.mode = "show";
|
|
return this.effect.call( this, args );
|
|
}
|
|
},
|
|
|
|
_hide: $.fn.hide,
|
|
hide: function( speed ) {
|
|
if ( standardSpeed( speed ) ) {
|
|
return this._hide.apply( this, arguments );
|
|
} else {
|
|
var args = _normalizeArguments.apply( this, arguments );
|
|
args.mode = "hide";
|
|
return this.effect.call( this, args );
|
|
}
|
|
},
|
|
|
|
// jQuery core overloads toggle and creates _toggle
|
|
__toggle: $.fn.toggle,
|
|
toggle: function( speed ) {
|
|
if ( standardSpeed( speed ) || typeof speed === "boolean" || $.isFunction( speed ) ) {
|
|
return this.__toggle.apply( this, arguments );
|
|
} else {
|
|
var args = _normalizeArguments.apply( this, arguments );
|
|
args.mode = "toggle";
|
|
return this.effect.call( this, args );
|
|
}
|
|
},
|
|
|
|
// helper functions
|
|
cssUnit: function(key) {
|
|
var style = this.css( key ),
|
|
val = [];
|
|
|
|
$.each( [ "em", "px", "%", "pt" ], function( i, unit ) {
|
|
if ( style.indexOf( unit ) > 0 ) {
|
|
val = [ parseFloat( style ), unit ];
|
|
}
|
|
});
|
|
return val;
|
|
}
|
|
});
|
|
|
|
})();
|
|
|
|
/******************************************************************************/
|
|
/*********************************** EASING ***********************************/
|
|
/******************************************************************************/
|
|
|
|
(function() {
|
|
|
|
// based on easing equations from Robert Penner (http://www.robertpenner.com/easing)
|
|
|
|
var baseEasings = {};
|
|
|
|
$.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) {
|
|
baseEasings[ name ] = function( p ) {
|
|
return Math.pow( p, i + 2 );
|
|
};
|
|
});
|
|
|
|
$.extend( baseEasings, {
|
|
Sine: function ( p ) {
|
|
return 1 - Math.cos( p * Math.PI / 2 );
|
|
},
|
|
Circ: function ( p ) {
|
|
return 1 - Math.sqrt( 1 - p * p );
|
|
},
|
|
Elastic: function( p ) {
|
|
return p === 0 || p === 1 ? p :
|
|
-Math.pow( 2, 8 * (p - 1) ) * Math.sin( ( (p - 1) * 80 - 7.5 ) * Math.PI / 15 );
|
|
},
|
|
Back: function( p ) {
|
|
return p * p * ( 3 * p - 2 );
|
|
},
|
|
Bounce: function ( p ) {
|
|
var pow2,
|
|
bounce = 4;
|
|
|
|
while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {}
|
|
return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 );
|
|
}
|
|
});
|
|
|
|
$.each( baseEasings, function( name, easeIn ) {
|
|
$.easing[ "easeIn" + name ] = easeIn;
|
|
$.easing[ "easeOut" + name ] = function( p ) {
|
|
return 1 - easeIn( 1 - p );
|
|
};
|
|
$.easing[ "easeInOut" + name ] = function( p ) {
|
|
return p < 0.5 ?
|
|
easeIn( p * 2 ) / 2 :
|
|
1 - easeIn( p * -2 + 2 ) / 2;
|
|
};
|
|
});
|
|
|
|
})();
|
|
|
|
})(jQuery));
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var uid = 0,
|
|
hideProps = {},
|
|
showProps = {};
|
|
|
|
hideProps.height = hideProps.paddingTop = hideProps.paddingBottom =
|
|
hideProps.borderTopWidth = hideProps.borderBottomWidth = "hide";
|
|
showProps.height = showProps.paddingTop = showProps.paddingBottom =
|
|
showProps.borderTopWidth = showProps.borderBottomWidth = "show";
|
|
|
|
$.widget( "ui.accordion", {
|
|
version: "1.10.0",
|
|
options: {
|
|
active: 0,
|
|
animate: {},
|
|
collapsible: false,
|
|
event: "click",
|
|
header: "> li > :first-child,> :not(li):even",
|
|
heightStyle: "auto",
|
|
icons: {
|
|
activeHeader: "ui-icon-triangle-1-s",
|
|
header: "ui-icon-triangle-1-e"
|
|
},
|
|
|
|
// callbacks
|
|
activate: null,
|
|
beforeActivate: null
|
|
},
|
|
|
|
_create: function() {
|
|
var options = this.options;
|
|
this.prevShow = this.prevHide = $();
|
|
this.element.addClass( "ui-accordion ui-widget ui-helper-reset" )
|
|
// ARIA
|
|
.attr( "role", "tablist" );
|
|
|
|
// don't allow collapsible: false and active: false / null
|
|
if ( !options.collapsible && (options.active === false || options.active == null) ) {
|
|
options.active = 0;
|
|
}
|
|
|
|
this._processPanels();
|
|
// handle negative values
|
|
if ( options.active < 0 ) {
|
|
options.active += this.headers.length;
|
|
}
|
|
this._refresh();
|
|
},
|
|
|
|
_getCreateEventData: function() {
|
|
return {
|
|
header: this.active,
|
|
content: !this.active.length ? $() : this.active.next()
|
|
};
|
|
},
|
|
|
|
_createIcons: function() {
|
|
var icons = this.options.icons;
|
|
if ( icons ) {
|
|
$( "<span>" )
|
|
.addClass( "ui-accordion-header-icon ui-icon " + icons.header )
|
|
.prependTo( this.headers );
|
|
this.active.children( ".ui-accordion-header-icon" )
|
|
.removeClass( icons.header )
|
|
.addClass( icons.activeHeader );
|
|
this.headers.addClass( "ui-accordion-icons" );
|
|
}
|
|
},
|
|
|
|
_destroyIcons: function() {
|
|
this.headers
|
|
.removeClass( "ui-accordion-icons" )
|
|
.children( ".ui-accordion-header-icon" )
|
|
.remove();
|
|
},
|
|
|
|
_destroy: function() {
|
|
var contents;
|
|
|
|
// clean up main element
|
|
this.element
|
|
.removeClass( "ui-accordion ui-widget ui-helper-reset" )
|
|
.removeAttr( "role" );
|
|
|
|
// clean up headers
|
|
this.headers
|
|
.removeClass( "ui-accordion-header ui-accordion-header-active ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-state-disabled ui-corner-top" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-selected" )
|
|
.removeAttr( "aria-controls" )
|
|
.removeAttr( "tabIndex" )
|
|
.each(function() {
|
|
if ( /^ui-accordion/.test( this.id ) ) {
|
|
this.removeAttribute( "id" );
|
|
}
|
|
});
|
|
this._destroyIcons();
|
|
|
|
// clean up content panels
|
|
contents = this.headers.next()
|
|
.css( "display", "" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-expanded" )
|
|
.removeAttr( "aria-hidden" )
|
|
.removeAttr( "aria-labelledby" )
|
|
.removeClass( "ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content ui-accordion-content-active ui-state-disabled" )
|
|
.each(function() {
|
|
if ( /^ui-accordion/.test( this.id ) ) {
|
|
this.removeAttribute( "id" );
|
|
}
|
|
});
|
|
if ( this.options.heightStyle !== "content" ) {
|
|
contents.css( "height", "" );
|
|
}
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
if ( key === "active" ) {
|
|
// _activate() will handle invalid values and update this.options
|
|
this._activate( value );
|
|
return;
|
|
}
|
|
|
|
if ( key === "event" ) {
|
|
if ( this.options.event ) {
|
|
this._off( this.headers, this.options.event );
|
|
}
|
|
this._setupEvents( value );
|
|
}
|
|
|
|
this._super( key, value );
|
|
|
|
// setting collapsible: false while collapsed; open first panel
|
|
if ( key === "collapsible" && !value && this.options.active === false ) {
|
|
this._activate( 0 );
|
|
}
|
|
|
|
if ( key === "icons" ) {
|
|
this._destroyIcons();
|
|
if ( value ) {
|
|
this._createIcons();
|
|
}
|
|
}
|
|
|
|
// #5332 - opacity doesn't cascade to positioned elements in IE
|
|
// so we need to add the disabled class to the headers and panels
|
|
if ( key === "disabled" ) {
|
|
this.headers.add( this.headers.next() )
|
|
.toggleClass( "ui-state-disabled", !!value );
|
|
}
|
|
},
|
|
|
|
_keydown: function( event ) {
|
|
/*jshint maxcomplexity:15*/
|
|
if ( event.altKey || event.ctrlKey ) {
|
|
return;
|
|
}
|
|
|
|
var keyCode = $.ui.keyCode,
|
|
length = this.headers.length,
|
|
currentIndex = this.headers.index( event.target ),
|
|
toFocus = false;
|
|
|
|
switch ( event.keyCode ) {
|
|
case keyCode.RIGHT:
|
|
case keyCode.DOWN:
|
|
toFocus = this.headers[ ( currentIndex + 1 ) % length ];
|
|
break;
|
|
case keyCode.LEFT:
|
|
case keyCode.UP:
|
|
toFocus = this.headers[ ( currentIndex - 1 + length ) % length ];
|
|
break;
|
|
case keyCode.SPACE:
|
|
case keyCode.ENTER:
|
|
this._eventHandler( event );
|
|
break;
|
|
case keyCode.HOME:
|
|
toFocus = this.headers[ 0 ];
|
|
break;
|
|
case keyCode.END:
|
|
toFocus = this.headers[ length - 1 ];
|
|
break;
|
|
}
|
|
|
|
if ( toFocus ) {
|
|
$( event.target ).attr( "tabIndex", -1 );
|
|
$( toFocus ).attr( "tabIndex", 0 );
|
|
toFocus.focus();
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
|
|
_panelKeyDown : function( event ) {
|
|
if ( event.keyCode === $.ui.keyCode.UP && event.ctrlKey ) {
|
|
$( event.currentTarget ).prev().focus();
|
|
}
|
|
},
|
|
|
|
refresh: function() {
|
|
var options = this.options;
|
|
this._processPanels();
|
|
|
|
// was collapsed or no panel
|
|
if ( ( options.active === false && options.collapsible === true ) || !this.headers.length ) {
|
|
options.active = false;
|
|
this.active = $();
|
|
// active false only when collapsible is true
|
|
} if ( options.active === false ) {
|
|
this._activate( 0 );
|
|
// was active, but active panel is gone
|
|
} else if ( this.active.length && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
|
|
// all remaining panel are disabled
|
|
if ( this.headers.length === this.headers.find(".ui-state-disabled").length ) {
|
|
options.active = false;
|
|
this.active = $();
|
|
// activate previous panel
|
|
} else {
|
|
this._activate( Math.max( 0, options.active - 1 ) );
|
|
}
|
|
// was active, active panel still exists
|
|
} else {
|
|
// make sure active index is correct
|
|
options.active = this.headers.index( this.active );
|
|
}
|
|
|
|
this._destroyIcons();
|
|
|
|
this._refresh();
|
|
},
|
|
|
|
_processPanels: function() {
|
|
this.headers = this.element.find( this.options.header )
|
|
.addClass( "ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" );
|
|
|
|
this.headers.next()
|
|
.addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" )
|
|
.filter(":not(.ui-accordion-content-active)")
|
|
.hide();
|
|
},
|
|
|
|
_refresh: function() {
|
|
var maxHeight,
|
|
options = this.options,
|
|
heightStyle = options.heightStyle,
|
|
parent = this.element.parent(),
|
|
accordionId = this.accordionId = "ui-accordion-" +
|
|
(this.element.attr( "id" ) || ++uid);
|
|
|
|
this.active = this._findActive( options.active )
|
|
.addClass( "ui-accordion-header-active ui-state-active" )
|
|
.toggleClass( "ui-corner-all ui-corner-top" );
|
|
this.active.next()
|
|
.addClass( "ui-accordion-content-active" )
|
|
.show();
|
|
|
|
this.headers
|
|
.attr( "role", "tab" )
|
|
.each(function( i ) {
|
|
var header = $( this ),
|
|
headerId = header.attr( "id" ),
|
|
panel = header.next(),
|
|
panelId = panel.attr( "id" );
|
|
if ( !headerId ) {
|
|
headerId = accordionId + "-header-" + i;
|
|
header.attr( "id", headerId );
|
|
}
|
|
if ( !panelId ) {
|
|
panelId = accordionId + "-panel-" + i;
|
|
panel.attr( "id", panelId );
|
|
}
|
|
header.attr( "aria-controls", panelId );
|
|
panel.attr( "aria-labelledby", headerId );
|
|
})
|
|
.next()
|
|
.attr( "role", "tabpanel" );
|
|
|
|
this.headers
|
|
.not( this.active )
|
|
.attr({
|
|
"aria-selected": "false",
|
|
tabIndex: -1
|
|
})
|
|
.next()
|
|
.attr({
|
|
"aria-expanded": "false",
|
|
"aria-hidden": "true"
|
|
})
|
|
.hide();
|
|
|
|
// make sure at least one header is in the tab order
|
|
if ( !this.active.length ) {
|
|
this.headers.eq( 0 ).attr( "tabIndex", 0 );
|
|
} else {
|
|
this.active.attr({
|
|
"aria-selected": "true",
|
|
tabIndex: 0
|
|
})
|
|
.next()
|
|
.attr({
|
|
"aria-expanded": "true",
|
|
"aria-hidden": "false"
|
|
});
|
|
}
|
|
|
|
this._createIcons();
|
|
|
|
this._setupEvents( options.event );
|
|
|
|
if ( heightStyle === "fill" ) {
|
|
maxHeight = parent.height();
|
|
this.element.siblings( ":visible" ).each(function() {
|
|
var elem = $( this ),
|
|
position = elem.css( "position" );
|
|
|
|
if ( position === "absolute" || position === "fixed" ) {
|
|
return;
|
|
}
|
|
maxHeight -= elem.outerHeight( true );
|
|
});
|
|
|
|
this.headers.each(function() {
|
|
maxHeight -= $( this ).outerHeight( true );
|
|
});
|
|
|
|
this.headers.next()
|
|
.each(function() {
|
|
$( this ).height( Math.max( 0, maxHeight -
|
|
$( this ).innerHeight() + $( this ).height() ) );
|
|
})
|
|
.css( "overflow", "auto" );
|
|
} else if ( heightStyle === "auto" ) {
|
|
maxHeight = 0;
|
|
this.headers.next()
|
|
.each(function() {
|
|
maxHeight = Math.max( maxHeight, $( this ).css( "height", "" ).height() );
|
|
})
|
|
.height( maxHeight );
|
|
}
|
|
},
|
|
|
|
_activate: function( index ) {
|
|
var active = this._findActive( index )[ 0 ];
|
|
|
|
// trying to activate the already active panel
|
|
if ( active === this.active[ 0 ] ) {
|
|
return;
|
|
}
|
|
|
|
// trying to collapse, simulate a click on the currently active header
|
|
active = active || this.active[ 0 ];
|
|
|
|
this._eventHandler({
|
|
target: active,
|
|
currentTarget: active,
|
|
preventDefault: $.noop
|
|
});
|
|
},
|
|
|
|
_findActive: function( selector ) {
|
|
return typeof selector === "number" ? this.headers.eq( selector ) : $();
|
|
},
|
|
|
|
_setupEvents: function( event ) {
|
|
var events = {
|
|
keydown: "_keydown"
|
|
};
|
|
if ( event ) {
|
|
$.each( event.split(" "), function( index, eventName ) {
|
|
events[ eventName ] = "_eventHandler";
|
|
});
|
|
}
|
|
|
|
this._off( this.headers.add( this.headers.next() ) );
|
|
this._on( this.headers, events );
|
|
this._on( this.headers.next(), { keydown: "_panelKeyDown" });
|
|
this._hoverable( this.headers );
|
|
this._focusable( this.headers );
|
|
},
|
|
|
|
_eventHandler: function( event ) {
|
|
var options = this.options,
|
|
active = this.active,
|
|
clicked = $( event.currentTarget ),
|
|
clickedIsActive = clicked[ 0 ] === active[ 0 ],
|
|
collapsing = clickedIsActive && options.collapsible,
|
|
toShow = collapsing ? $() : clicked.next(),
|
|
toHide = active.next(),
|
|
eventData = {
|
|
oldHeader: active,
|
|
oldPanel: toHide,
|
|
newHeader: collapsing ? $() : clicked,
|
|
newPanel: toShow
|
|
};
|
|
|
|
event.preventDefault();
|
|
|
|
if (
|
|
// click on active header, but not collapsible
|
|
( clickedIsActive && !options.collapsible ) ||
|
|
// allow canceling activation
|
|
( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
|
|
return;
|
|
}
|
|
|
|
options.active = collapsing ? false : this.headers.index( clicked );
|
|
|
|
// when the call to ._toggle() comes after the class changes
|
|
// it causes a very odd bug in IE 8 (see #6720)
|
|
this.active = clickedIsActive ? $() : clicked;
|
|
this._toggle( eventData );
|
|
|
|
// switch classes
|
|
// corner classes on the previously active header stay after the animation
|
|
active.removeClass( "ui-accordion-header-active ui-state-active" );
|
|
if ( options.icons ) {
|
|
active.children( ".ui-accordion-header-icon" )
|
|
.removeClass( options.icons.activeHeader )
|
|
.addClass( options.icons.header );
|
|
}
|
|
|
|
if ( !clickedIsActive ) {
|
|
clicked
|
|
.removeClass( "ui-corner-all" )
|
|
.addClass( "ui-accordion-header-active ui-state-active ui-corner-top" );
|
|
if ( options.icons ) {
|
|
clicked.children( ".ui-accordion-header-icon" )
|
|
.removeClass( options.icons.header )
|
|
.addClass( options.icons.activeHeader );
|
|
}
|
|
|
|
clicked
|
|
.next()
|
|
.addClass( "ui-accordion-content-active" );
|
|
}
|
|
},
|
|
|
|
_toggle: function( data ) {
|
|
var toShow = data.newPanel,
|
|
toHide = this.prevShow.length ? this.prevShow : data.oldPanel;
|
|
|
|
// handle activating a panel during the animation for another activation
|
|
this.prevShow.add( this.prevHide ).stop( true, true );
|
|
this.prevShow = toShow;
|
|
this.prevHide = toHide;
|
|
|
|
if ( this.options.animate ) {
|
|
this._animate( toShow, toHide, data );
|
|
} else {
|
|
toHide.hide();
|
|
toShow.show();
|
|
this._toggleComplete( data );
|
|
}
|
|
|
|
toHide.attr({
|
|
"aria-expanded": "false",
|
|
"aria-hidden": "true"
|
|
});
|
|
toHide.prev().attr( "aria-selected", "false" );
|
|
// if we're switching panels, remove the old header from the tab order
|
|
// if we're opening from collapsed state, remove the previous header from the tab order
|
|
// if we're collapsing, then keep the collapsing header in the tab order
|
|
if ( toShow.length && toHide.length ) {
|
|
toHide.prev().attr( "tabIndex", -1 );
|
|
} else if ( toShow.length ) {
|
|
this.headers.filter(function() {
|
|
return $( this ).attr( "tabIndex" ) === 0;
|
|
})
|
|
.attr( "tabIndex", -1 );
|
|
}
|
|
|
|
toShow
|
|
.attr({
|
|
"aria-expanded": "true",
|
|
"aria-hidden": "false"
|
|
})
|
|
.prev()
|
|
.attr({
|
|
"aria-selected": "true",
|
|
tabIndex: 0
|
|
});
|
|
},
|
|
|
|
_animate: function( toShow, toHide, data ) {
|
|
var total, easing, duration,
|
|
that = this,
|
|
adjust = 0,
|
|
down = toShow.length &&
|
|
( !toHide.length || ( toShow.index() < toHide.index() ) ),
|
|
animate = this.options.animate || {},
|
|
options = down && animate.down || animate,
|
|
complete = function() {
|
|
that._toggleComplete( data );
|
|
};
|
|
|
|
if ( typeof options === "number" ) {
|
|
duration = options;
|
|
}
|
|
if ( typeof options === "string" ) {
|
|
easing = options;
|
|
}
|
|
// fall back from options to animation in case of partial down settings
|
|
easing = easing || options.easing || animate.easing;
|
|
duration = duration || options.duration || animate.duration;
|
|
|
|
if ( !toHide.length ) {
|
|
return toShow.animate( showProps, duration, easing, complete );
|
|
}
|
|
if ( !toShow.length ) {
|
|
return toHide.animate( hideProps, duration, easing, complete );
|
|
}
|
|
|
|
total = toShow.show().outerHeight();
|
|
toHide.animate( hideProps, {
|
|
duration: duration,
|
|
easing: easing,
|
|
step: function( now, fx ) {
|
|
fx.now = Math.round( now );
|
|
}
|
|
});
|
|
toShow
|
|
.hide()
|
|
.animate( showProps, {
|
|
duration: duration,
|
|
easing: easing,
|
|
complete: complete,
|
|
step: function( now, fx ) {
|
|
fx.now = Math.round( now );
|
|
if ( fx.prop !== "height" ) {
|
|
adjust += fx.now;
|
|
} else if ( that.options.heightStyle !== "content" ) {
|
|
fx.now = Math.round( total - toHide.outerHeight() - adjust );
|
|
adjust = 0;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
_toggleComplete: function( data ) {
|
|
var toHide = data.oldPanel;
|
|
|
|
toHide
|
|
.removeClass( "ui-accordion-content-active" )
|
|
.prev()
|
|
.removeClass( "ui-corner-top" )
|
|
.addClass( "ui-corner-all" );
|
|
|
|
// Work around for rendering bug in IE (#5421)
|
|
if ( toHide.length ) {
|
|
toHide.parent()[0].className = toHide.parent()[0].className;
|
|
}
|
|
|
|
this._trigger( "activate", null, data );
|
|
}
|
|
});
|
|
|
|
})( jQuery );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
// used to prevent race conditions with remote data sources
|
|
var requestIndex = 0;
|
|
|
|
$.widget( "ui.autocomplete", {
|
|
version: "1.10.0",
|
|
defaultElement: "<input>",
|
|
options: {
|
|
appendTo: null,
|
|
autoFocus: false,
|
|
delay: 300,
|
|
minLength: 1,
|
|
position: {
|
|
my: "left top",
|
|
at: "left bottom",
|
|
collision: "none"
|
|
},
|
|
source: null,
|
|
|
|
// callbacks
|
|
change: null,
|
|
close: null,
|
|
focus: null,
|
|
open: null,
|
|
response: null,
|
|
search: null,
|
|
select: null
|
|
},
|
|
|
|
pending: 0,
|
|
|
|
_create: function() {
|
|
// Some browsers only repeat keydown events, not keypress events,
|
|
// so we use the suppressKeyPress flag to determine if we've already
|
|
// handled the keydown event. #7269
|
|
// Unfortunately the code for & in keypress is the same as the up arrow,
|
|
// so we use the suppressKeyPressRepeat flag to avoid handling keypress
|
|
// events when we know the keydown event was used to modify the
|
|
// search term. #7799
|
|
var suppressKeyPress, suppressKeyPressRepeat, suppressInput;
|
|
|
|
this.isMultiLine = this._isMultiLine();
|
|
this.valueMethod = this.element[ this.element.is( "input,textarea" ) ? "val" : "text" ];
|
|
this.isNewMenu = true;
|
|
|
|
this.element
|
|
.addClass( "ui-autocomplete-input" )
|
|
.attr( "autocomplete", "off" );
|
|
|
|
this._on( this.element, {
|
|
keydown: function( event ) {
|
|
/*jshint maxcomplexity:15*/
|
|
if ( this.element.prop( "readOnly" ) ) {
|
|
suppressKeyPress = true;
|
|
suppressInput = true;
|
|
suppressKeyPressRepeat = true;
|
|
return;
|
|
}
|
|
|
|
suppressKeyPress = false;
|
|
suppressInput = false;
|
|
suppressKeyPressRepeat = false;
|
|
var keyCode = $.ui.keyCode;
|
|
switch( event.keyCode ) {
|
|
case keyCode.PAGE_UP:
|
|
suppressKeyPress = true;
|
|
this._move( "previousPage", event );
|
|
break;
|
|
case keyCode.PAGE_DOWN:
|
|
suppressKeyPress = true;
|
|
this._move( "nextPage", event );
|
|
break;
|
|
case keyCode.UP:
|
|
suppressKeyPress = true;
|
|
this._keyEvent( "previous", event );
|
|
break;
|
|
case keyCode.DOWN:
|
|
suppressKeyPress = true;
|
|
this._keyEvent( "next", event );
|
|
break;
|
|
case keyCode.ENTER:
|
|
case keyCode.NUMPAD_ENTER:
|
|
// when menu is open and has focus
|
|
if ( this.menu.active ) {
|
|
// #6055 - Opera still allows the keypress to occur
|
|
// which causes forms to submit
|
|
suppressKeyPress = true;
|
|
event.preventDefault();
|
|
this.menu.select( event );
|
|
}
|
|
break;
|
|
case keyCode.TAB:
|
|
if ( this.menu.active ) {
|
|
this.menu.select( event );
|
|
}
|
|
break;
|
|
case keyCode.ESCAPE:
|
|
if ( this.menu.element.is( ":visible" ) ) {
|
|
this._value( this.term );
|
|
this.close( event );
|
|
// Different browsers have different default behavior for escape
|
|
// Single press can mean undo or clear
|
|
// Double press in IE means clear the whole form
|
|
event.preventDefault();
|
|
}
|
|
break;
|
|
default:
|
|
suppressKeyPressRepeat = true;
|
|
// search timeout should be triggered before the input value is changed
|
|
this._searchTimeout( event );
|
|
break;
|
|
}
|
|
},
|
|
keypress: function( event ) {
|
|
if ( suppressKeyPress ) {
|
|
suppressKeyPress = false;
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
if ( suppressKeyPressRepeat ) {
|
|
return;
|
|
}
|
|
|
|
// replicate some key handlers to allow them to repeat in Firefox and Opera
|
|
var keyCode = $.ui.keyCode;
|
|
switch( event.keyCode ) {
|
|
case keyCode.PAGE_UP:
|
|
this._move( "previousPage", event );
|
|
break;
|
|
case keyCode.PAGE_DOWN:
|
|
this._move( "nextPage", event );
|
|
break;
|
|
case keyCode.UP:
|
|
this._keyEvent( "previous", event );
|
|
break;
|
|
case keyCode.DOWN:
|
|
this._keyEvent( "next", event );
|
|
break;
|
|
}
|
|
},
|
|
input: function( event ) {
|
|
if ( suppressInput ) {
|
|
suppressInput = false;
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
this._searchTimeout( event );
|
|
},
|
|
focus: function() {
|
|
this.selectedItem = null;
|
|
this.previous = this._value();
|
|
},
|
|
blur: function( event ) {
|
|
if ( this.cancelBlur ) {
|
|
delete this.cancelBlur;
|
|
return;
|
|
}
|
|
|
|
clearTimeout( this.searching );
|
|
this.close( event );
|
|
this._change( event );
|
|
}
|
|
});
|
|
|
|
this._initSource();
|
|
this.menu = $( "<ul>" )
|
|
.addClass( "ui-autocomplete" )
|
|
.appendTo( this._appendTo() )
|
|
.menu({
|
|
// custom key handling for now
|
|
input: $(),
|
|
// disable ARIA support, the live region takes care of that
|
|
role: null
|
|
})
|
|
.zIndex( this.element.zIndex() + 1 )
|
|
.hide()
|
|
.data( "ui-menu" );
|
|
|
|
this._on( this.menu.element, {
|
|
mousedown: function( event ) {
|
|
// prevent moving focus out of the text field
|
|
event.preventDefault();
|
|
|
|
// IE doesn't prevent moving focus even with event.preventDefault()
|
|
// so we set a flag to know when we should ignore the blur event
|
|
this.cancelBlur = true;
|
|
this._delay(function() {
|
|
delete this.cancelBlur;
|
|
});
|
|
|
|
// clicking on the scrollbar causes focus to shift to the body
|
|
// but we can't detect a mouseup or a click immediately afterward
|
|
// so we have to track the next mousedown and close the menu if
|
|
// the user clicks somewhere outside of the autocomplete
|
|
var menuElement = this.menu.element[ 0 ];
|
|
if ( !$( event.target ).closest( ".ui-menu-item" ).length ) {
|
|
this._delay(function() {
|
|
var that = this;
|
|
this.document.one( "mousedown", function( event ) {
|
|
if ( event.target !== that.element[ 0 ] &&
|
|
event.target !== menuElement &&
|
|
!$.contains( menuElement, event.target ) ) {
|
|
that.close();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
},
|
|
menufocus: function( event, ui ) {
|
|
// #7024 - Prevent accidental activation of menu items in Firefox
|
|
if ( this.isNewMenu ) {
|
|
this.isNewMenu = false;
|
|
if ( event.originalEvent && /^mouse/.test( event.originalEvent.type ) ) {
|
|
this.menu.blur();
|
|
|
|
this.document.one( "mousemove", function() {
|
|
$( event.target ).trigger( event.originalEvent );
|
|
});
|
|
|
|
return;
|
|
}
|
|
}
|
|
|
|
var item = ui.item.data( "ui-autocomplete-item" );
|
|
if ( false !== this._trigger( "focus", event, { item: item } ) ) {
|
|
// use value to match what will end up in the input, if it was a key event
|
|
if ( event.originalEvent && /^key/.test( event.originalEvent.type ) ) {
|
|
this._value( item.value );
|
|
}
|
|
} else {
|
|
// Normally the input is populated with the item's value as the
|
|
// menu is navigated, causing screen readers to notice a change and
|
|
// announce the item. Since the focus event was canceled, this doesn't
|
|
// happen, so we update the live region so that screen readers can
|
|
// still notice the change and announce it.
|
|
this.liveRegion.text( item.value );
|
|
}
|
|
},
|
|
menuselect: function( event, ui ) {
|
|
var item = ui.item.data( "ui-autocomplete-item" ),
|
|
previous = this.previous;
|
|
|
|
// only trigger when focus was lost (click on menu)
|
|
if ( this.element[0] !== this.document[0].activeElement ) {
|
|
this.element.focus();
|
|
this.previous = previous;
|
|
// #6109 - IE triggers two focus events and the second
|
|
// is asynchronous, so we need to reset the previous
|
|
// term synchronously and asynchronously :-(
|
|
this._delay(function() {
|
|
this.previous = previous;
|
|
this.selectedItem = item;
|
|
});
|
|
}
|
|
|
|
if ( false !== this._trigger( "select", event, { item: item } ) ) {
|
|
this._value( item.value );
|
|
}
|
|
// reset the term after the select event
|
|
// this allows custom select handling to work properly
|
|
this.term = this._value();
|
|
|
|
this.close( event );
|
|
this.selectedItem = item;
|
|
}
|
|
});
|
|
|
|
this.liveRegion = $( "<span>", {
|
|
role: "status",
|
|
"aria-live": "polite"
|
|
})
|
|
.addClass( "ui-helper-hidden-accessible" )
|
|
.insertAfter( this.element );
|
|
|
|
// turning off autocomplete prevents the browser from remembering the
|
|
// value when navigating through history, so we re-enable autocomplete
|
|
// if the page is unloaded before the widget is destroyed. #7790
|
|
this._on( this.window, {
|
|
beforeunload: function() {
|
|
this.element.removeAttr( "autocomplete" );
|
|
}
|
|
});
|
|
},
|
|
|
|
_destroy: function() {
|
|
clearTimeout( this.searching );
|
|
this.element
|
|
.removeClass( "ui-autocomplete-input" )
|
|
.removeAttr( "autocomplete" );
|
|
this.menu.element.remove();
|
|
this.liveRegion.remove();
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
this._super( key, value );
|
|
if ( key === "source" ) {
|
|
this._initSource();
|
|
}
|
|
if ( key === "appendTo" ) {
|
|
this.menu.element.appendTo( this._appendTo() );
|
|
}
|
|
if ( key === "disabled" && value && this.xhr ) {
|
|
this.xhr.abort();
|
|
}
|
|
},
|
|
|
|
_appendTo: function() {
|
|
var element = this.options.appendTo;
|
|
|
|
if ( element ) {
|
|
element = element.jquery || element.nodeType ?
|
|
$( element ) :
|
|
this.document.find( element ).eq( 0 );
|
|
}
|
|
|
|
if ( !element ) {
|
|
element = this.element.closest( ".ui-front" );
|
|
}
|
|
|
|
if ( !element.length ) {
|
|
element = this.document[0].body;
|
|
}
|
|
|
|
return element;
|
|
},
|
|
|
|
_isMultiLine: function() {
|
|
// Textareas are always multi-line
|
|
if ( this.element.is( "textarea" ) ) {
|
|
return true;
|
|
}
|
|
// Inputs are always single-line, even if inside a contentEditable element
|
|
// IE also treats inputs as contentEditable
|
|
if ( this.element.is( "input" ) ) {
|
|
return false;
|
|
}
|
|
// All other element types are determined by whether or not they're contentEditable
|
|
return this.element.prop( "isContentEditable" );
|
|
},
|
|
|
|
_initSource: function() {
|
|
var array, url,
|
|
that = this;
|
|
if ( $.isArray(this.options.source) ) {
|
|
array = this.options.source;
|
|
this.source = function( request, response ) {
|
|
response( $.ui.autocomplete.filter( array, request.term ) );
|
|
};
|
|
} else if ( typeof this.options.source === "string" ) {
|
|
url = this.options.source;
|
|
this.source = function( request, response ) {
|
|
if ( that.xhr ) {
|
|
that.xhr.abort();
|
|
}
|
|
that.xhr = $.ajax({
|
|
url: url,
|
|
data: request,
|
|
dataType: "json",
|
|
success: function( data ) {
|
|
response( data );
|
|
},
|
|
error: function() {
|
|
response( [] );
|
|
}
|
|
});
|
|
};
|
|
} else {
|
|
this.source = this.options.source;
|
|
}
|
|
},
|
|
|
|
_searchTimeout: function( event ) {
|
|
clearTimeout( this.searching );
|
|
this.searching = this._delay(function() {
|
|
// only search if the value has changed
|
|
if ( this.term !== this._value() ) {
|
|
this.selectedItem = null;
|
|
this.search( null, event );
|
|
}
|
|
}, this.options.delay );
|
|
},
|
|
|
|
search: function( value, event ) {
|
|
value = value != null ? value : this._value();
|
|
|
|
// always save the actual value, not the one passed as an argument
|
|
this.term = this._value();
|
|
|
|
if ( value.length < this.options.minLength ) {
|
|
return this.close( event );
|
|
}
|
|
|
|
if ( this._trigger( "search", event ) === false ) {
|
|
return;
|
|
}
|
|
|
|
return this._search( value );
|
|
},
|
|
|
|
_search: function( value ) {
|
|
this.pending++;
|
|
this.element.addClass( "ui-autocomplete-loading" );
|
|
this.cancelSearch = false;
|
|
|
|
this.source( { term: value }, this._response() );
|
|
},
|
|
|
|
_response: function() {
|
|
var that = this,
|
|
index = ++requestIndex;
|
|
|
|
return function( content ) {
|
|
if ( index === requestIndex ) {
|
|
that.__response( content );
|
|
}
|
|
|
|
that.pending--;
|
|
if ( !that.pending ) {
|
|
that.element.removeClass( "ui-autocomplete-loading" );
|
|
}
|
|
};
|
|
},
|
|
|
|
__response: function( content ) {
|
|
if ( content ) {
|
|
content = this._normalize( content );
|
|
}
|
|
this._trigger( "response", null, { content: content } );
|
|
if ( !this.options.disabled && content && content.length && !this.cancelSearch ) {
|
|
this._suggest( content );
|
|
this._trigger( "open" );
|
|
} else {
|
|
// use ._close() instead of .close() so we don't cancel future searches
|
|
this._close();
|
|
}
|
|
},
|
|
|
|
close: function( event ) {
|
|
this.cancelSearch = true;
|
|
this._close( event );
|
|
},
|
|
|
|
_close: function( event ) {
|
|
if ( this.menu.element.is( ":visible" ) ) {
|
|
this.menu.element.hide();
|
|
this.menu.blur();
|
|
this.isNewMenu = true;
|
|
this._trigger( "close", event );
|
|
}
|
|
},
|
|
|
|
_change: function( event ) {
|
|
if ( this.previous !== this._value() ) {
|
|
this._trigger( "change", event, { item: this.selectedItem } );
|
|
}
|
|
},
|
|
|
|
_normalize: function( items ) {
|
|
// assume all items have the right format when the first item is complete
|
|
if ( items.length && items[0].label && items[0].value ) {
|
|
return items;
|
|
}
|
|
return $.map( items, function( item ) {
|
|
if ( typeof item === "string" ) {
|
|
return {
|
|
label: item,
|
|
value: item
|
|
};
|
|
}
|
|
return $.extend({
|
|
label: item.label || item.value,
|
|
value: item.value || item.label
|
|
}, item );
|
|
});
|
|
},
|
|
|
|
_suggest: function( items ) {
|
|
var ul = this.menu.element
|
|
.empty()
|
|
.zIndex( this.element.zIndex() + 1 );
|
|
this._renderMenu( ul, items );
|
|
this.menu.refresh();
|
|
|
|
// size and position menu
|
|
ul.show();
|
|
this._resizeMenu();
|
|
ul.position( $.extend({
|
|
of: this.element
|
|
}, this.options.position ));
|
|
|
|
if ( this.options.autoFocus ) {
|
|
this.menu.next();
|
|
}
|
|
},
|
|
|
|
_resizeMenu: function() {
|
|
var ul = this.menu.element;
|
|
ul.outerWidth( Math.max(
|
|
// Firefox wraps long text (possibly a rounding bug)
|
|
// so we add 1px to avoid the wrapping (#7513)
|
|
ul.width( "" ).outerWidth() + 1,
|
|
this.element.outerWidth()
|
|
) );
|
|
},
|
|
|
|
_renderMenu: function( ul, items ) {
|
|
var that = this;
|
|
$.each( items, function( index, item ) {
|
|
that._renderItemData( ul, item );
|
|
});
|
|
},
|
|
|
|
_renderItemData: function( ul, item ) {
|
|
return this._renderItem( ul, item ).data( "ui-autocomplete-item", item );
|
|
},
|
|
|
|
_renderItem: function( ul, item ) {
|
|
return $( "<li>" )
|
|
.append( $( "<a>" ).text( item.label ) )
|
|
.appendTo( ul );
|
|
},
|
|
|
|
_move: function( direction, event ) {
|
|
if ( !this.menu.element.is( ":visible" ) ) {
|
|
this.search( null, event );
|
|
return;
|
|
}
|
|
if ( this.menu.isFirstItem() && /^previous/.test( direction ) ||
|
|
this.menu.isLastItem() && /^next/.test( direction ) ) {
|
|
this._value( this.term );
|
|
this.menu.blur();
|
|
return;
|
|
}
|
|
this.menu[ direction ]( event );
|
|
},
|
|
|
|
widget: function() {
|
|
return this.menu.element;
|
|
},
|
|
|
|
_value: function() {
|
|
return this.valueMethod.apply( this.element, arguments );
|
|
},
|
|
|
|
_keyEvent: function( keyEvent, event ) {
|
|
if ( !this.isMultiLine || this.menu.element.is( ":visible" ) ) {
|
|
this._move( keyEvent, event );
|
|
|
|
// prevents moving cursor to beginning/end of the text field in some browsers
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
});
|
|
|
|
$.extend( $.ui.autocomplete, {
|
|
escapeRegex: function( value ) {
|
|
return value.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
|
|
},
|
|
filter: function(array, term) {
|
|
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
|
|
return $.grep( array, function(value) {
|
|
return matcher.test( value.label || value.value || value );
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
// live region extension, adding a `messages` option
|
|
// NOTE: This is an experimental API. We are still investigating
|
|
// a full solution for string manipulation and internationalization.
|
|
$.widget( "ui.autocomplete", $.ui.autocomplete, {
|
|
options: {
|
|
messages: {
|
|
noResults: "No search results.",
|
|
results: function( amount ) {
|
|
return amount + ( amount > 1 ? " results are" : " result is" ) +
|
|
" available, use up and down arrow keys to navigate.";
|
|
}
|
|
}
|
|
},
|
|
|
|
__response: function( content ) {
|
|
var message;
|
|
this._superApply( arguments );
|
|
if ( this.options.disabled || this.cancelSearch ) {
|
|
return;
|
|
}
|
|
if ( content && content.length ) {
|
|
message = this.options.messages.results( content.length );
|
|
} else {
|
|
message = this.options.messages.noResults;
|
|
}
|
|
this.liveRegion.text( message );
|
|
}
|
|
});
|
|
|
|
}( jQuery ));
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var lastActive, startXPos, startYPos, clickDragged,
|
|
baseClasses = "ui-button ui-widget ui-state-default ui-corner-all",
|
|
stateClasses = "ui-state-hover ui-state-active ",
|
|
typeClasses = "ui-button-icons-only ui-button-icon-only ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary ui-button-text-only",
|
|
formResetHandler = function() {
|
|
var buttons = $( this ).find( ":ui-button" );
|
|
setTimeout(function() {
|
|
buttons.button( "refresh" );
|
|
}, 1 );
|
|
},
|
|
radioGroup = function( radio ) {
|
|
var name = radio.name,
|
|
form = radio.form,
|
|
radios = $( [] );
|
|
if ( name ) {
|
|
name = name.replace( /'/g, "\\'" );
|
|
if ( form ) {
|
|
radios = $( form ).find( "[name='" + name + "']" );
|
|
} else {
|
|
radios = $( "[name='" + name + "']", radio.ownerDocument )
|
|
.filter(function() {
|
|
return !this.form;
|
|
});
|
|
}
|
|
}
|
|
return radios;
|
|
};
|
|
|
|
$.widget( "ui.button", {
|
|
version: "1.10.0",
|
|
defaultElement: "<button>",
|
|
options: {
|
|
disabled: null,
|
|
text: true,
|
|
label: null,
|
|
icons: {
|
|
primary: null,
|
|
secondary: null
|
|
}
|
|
},
|
|
_create: function() {
|
|
this.element.closest( "form" )
|
|
.unbind( "reset" + this.eventNamespace )
|
|
.bind( "reset" + this.eventNamespace, formResetHandler );
|
|
|
|
if ( typeof this.options.disabled !== "boolean" ) {
|
|
this.options.disabled = !!this.element.prop( "disabled" );
|
|
} else {
|
|
this.element.prop( "disabled", this.options.disabled );
|
|
}
|
|
|
|
this._determineButtonType();
|
|
this.hasTitle = !!this.buttonElement.attr( "title" );
|
|
|
|
var that = this,
|
|
options = this.options,
|
|
toggleButton = this.type === "checkbox" || this.type === "radio",
|
|
activeClass = !toggleButton ? "ui-state-active" : "",
|
|
focusClass = "ui-state-focus";
|
|
|
|
if ( options.label === null ) {
|
|
options.label = (this.type === "input" ? this.buttonElement.val() : this.buttonElement.html());
|
|
}
|
|
|
|
this._hoverable( this.buttonElement );
|
|
|
|
this.buttonElement
|
|
.addClass( baseClasses )
|
|
.attr( "role", "button" )
|
|
.bind( "mouseenter" + this.eventNamespace, function() {
|
|
if ( options.disabled ) {
|
|
return;
|
|
}
|
|
if ( this === lastActive ) {
|
|
$( this ).addClass( "ui-state-active" );
|
|
}
|
|
})
|
|
.bind( "mouseleave" + this.eventNamespace, function() {
|
|
if ( options.disabled ) {
|
|
return;
|
|
}
|
|
$( this ).removeClass( activeClass );
|
|
})
|
|
.bind( "click" + this.eventNamespace, function( event ) {
|
|
if ( options.disabled ) {
|
|
event.preventDefault();
|
|
event.stopImmediatePropagation();
|
|
}
|
|
});
|
|
|
|
this.element
|
|
.bind( "focus" + this.eventNamespace, function() {
|
|
// no need to check disabled, focus won't be triggered anyway
|
|
that.buttonElement.addClass( focusClass );
|
|
})
|
|
.bind( "blur" + this.eventNamespace, function() {
|
|
that.buttonElement.removeClass( focusClass );
|
|
});
|
|
|
|
if ( toggleButton ) {
|
|
this.element.bind( "change" + this.eventNamespace, function() {
|
|
if ( clickDragged ) {
|
|
return;
|
|
}
|
|
that.refresh();
|
|
});
|
|
// if mouse moves between mousedown and mouseup (drag) set clickDragged flag
|
|
// prevents issue where button state changes but checkbox/radio checked state
|
|
// does not in Firefox (see ticket #6970)
|
|
this.buttonElement
|
|
.bind( "mousedown" + this.eventNamespace, function( event ) {
|
|
if ( options.disabled ) {
|
|
return;
|
|
}
|
|
clickDragged = false;
|
|
startXPos = event.pageX;
|
|
startYPos = event.pageY;
|
|
})
|
|
.bind( "mouseup" + this.eventNamespace, function( event ) {
|
|
if ( options.disabled ) {
|
|
return;
|
|
}
|
|
if ( startXPos !== event.pageX || startYPos !== event.pageY ) {
|
|
clickDragged = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
if ( this.type === "checkbox" ) {
|
|
this.buttonElement.bind( "click" + this.eventNamespace, function() {
|
|
if ( options.disabled || clickDragged ) {
|
|
return false;
|
|
}
|
|
});
|
|
} else if ( this.type === "radio" ) {
|
|
this.buttonElement.bind( "click" + this.eventNamespace, function() {
|
|
if ( options.disabled || clickDragged ) {
|
|
return false;
|
|
}
|
|
$( this ).addClass( "ui-state-active" );
|
|
that.buttonElement.attr( "aria-pressed", "true" );
|
|
|
|
var radio = that.element[ 0 ];
|
|
radioGroup( radio )
|
|
.not( radio )
|
|
.map(function() {
|
|
return $( this ).button( "widget" )[ 0 ];
|
|
})
|
|
.removeClass( "ui-state-active" )
|
|
.attr( "aria-pressed", "false" );
|
|
});
|
|
} else {
|
|
this.buttonElement
|
|
.bind( "mousedown" + this.eventNamespace, function() {
|
|
if ( options.disabled ) {
|
|
return false;
|
|
}
|
|
$( this ).addClass( "ui-state-active" );
|
|
lastActive = this;
|
|
that.document.one( "mouseup", function() {
|
|
lastActive = null;
|
|
});
|
|
})
|
|
.bind( "mouseup" + this.eventNamespace, function() {
|
|
if ( options.disabled ) {
|
|
return false;
|
|
}
|
|
$( this ).removeClass( "ui-state-active" );
|
|
})
|
|
.bind( "keydown" + this.eventNamespace, function(event) {
|
|
if ( options.disabled ) {
|
|
return false;
|
|
}
|
|
if ( event.keyCode === $.ui.keyCode.SPACE || event.keyCode === $.ui.keyCode.ENTER ) {
|
|
$( this ).addClass( "ui-state-active" );
|
|
}
|
|
})
|
|
// see #8559, we bind to blur here in case the button element loses
|
|
// focus between keydown and keyup, it would be left in an "active" state
|
|
.bind( "keyup" + this.eventNamespace + " blur" + this.eventNamespace, function() {
|
|
$( this ).removeClass( "ui-state-active" );
|
|
});
|
|
|
|
if ( this.buttonElement.is("a") ) {
|
|
this.buttonElement.keyup(function(event) {
|
|
if ( event.keyCode === $.ui.keyCode.SPACE ) {
|
|
// TODO pass through original event correctly (just as 2nd argument doesn't work)
|
|
$( this ).click();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
// TODO: pull out $.Widget's handling for the disabled option into
|
|
// $.Widget.prototype._setOptionDisabled so it's easy to proxy and can
|
|
// be overridden by individual plugins
|
|
this._setOption( "disabled", options.disabled );
|
|
this._resetButton();
|
|
},
|
|
|
|
_determineButtonType: function() {
|
|
var ancestor, labelSelector, checked;
|
|
|
|
if ( this.element.is("[type=checkbox]") ) {
|
|
this.type = "checkbox";
|
|
} else if ( this.element.is("[type=radio]") ) {
|
|
this.type = "radio";
|
|
} else if ( this.element.is("input") ) {
|
|
this.type = "input";
|
|
} else {
|
|
this.type = "button";
|
|
}
|
|
|
|
if ( this.type === "checkbox" || this.type === "radio" ) {
|
|
// we don't search against the document in case the element
|
|
// is disconnected from the DOM
|
|
ancestor = this.element.parents().last();
|
|
labelSelector = "label[for='" + this.element.attr("id") + "']";
|
|
this.buttonElement = ancestor.find( labelSelector );
|
|
if ( !this.buttonElement.length ) {
|
|
ancestor = ancestor.length ? ancestor.siblings() : this.element.siblings();
|
|
this.buttonElement = ancestor.filter( labelSelector );
|
|
if ( !this.buttonElement.length ) {
|
|
this.buttonElement = ancestor.find( labelSelector );
|
|
}
|
|
}
|
|
this.element.addClass( "ui-helper-hidden-accessible" );
|
|
|
|
checked = this.element.is( ":checked" );
|
|
if ( checked ) {
|
|
this.buttonElement.addClass( "ui-state-active" );
|
|
}
|
|
this.buttonElement.prop( "aria-pressed", checked );
|
|
} else {
|
|
this.buttonElement = this.element;
|
|
}
|
|
},
|
|
|
|
widget: function() {
|
|
return this.buttonElement;
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.element
|
|
.removeClass( "ui-helper-hidden-accessible" );
|
|
this.buttonElement
|
|
.removeClass( baseClasses + " " + stateClasses + " " + typeClasses )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-pressed" )
|
|
.html( this.buttonElement.find(".ui-button-text").html() );
|
|
|
|
if ( !this.hasTitle ) {
|
|
this.buttonElement.removeAttr( "title" );
|
|
}
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
this._super( key, value );
|
|
if ( key === "disabled" ) {
|
|
if ( value ) {
|
|
this.element.prop( "disabled", true );
|
|
} else {
|
|
this.element.prop( "disabled", false );
|
|
}
|
|
return;
|
|
}
|
|
this._resetButton();
|
|
},
|
|
|
|
refresh: function() {
|
|
//See #8237 & #8828
|
|
var isDisabled = this.element.is( "input, button" ) ? this.element.is( ":disabled" ) : this.element.hasClass( "ui-button-disabled" );
|
|
|
|
if ( isDisabled !== this.options.disabled ) {
|
|
this._setOption( "disabled", isDisabled );
|
|
}
|
|
if ( this.type === "radio" ) {
|
|
radioGroup( this.element[0] ).each(function() {
|
|
if ( $( this ).is( ":checked" ) ) {
|
|
$( this ).button( "widget" )
|
|
.addClass( "ui-state-active" )
|
|
.attr( "aria-pressed", "true" );
|
|
} else {
|
|
$( this ).button( "widget" )
|
|
.removeClass( "ui-state-active" )
|
|
.attr( "aria-pressed", "false" );
|
|
}
|
|
});
|
|
} else if ( this.type === "checkbox" ) {
|
|
if ( this.element.is( ":checked" ) ) {
|
|
this.buttonElement
|
|
.addClass( "ui-state-active" )
|
|
.attr( "aria-pressed", "true" );
|
|
} else {
|
|
this.buttonElement
|
|
.removeClass( "ui-state-active" )
|
|
.attr( "aria-pressed", "false" );
|
|
}
|
|
}
|
|
},
|
|
|
|
_resetButton: function() {
|
|
if ( this.type === "input" ) {
|
|
if ( this.options.label ) {
|
|
this.element.val( this.options.label );
|
|
}
|
|
return;
|
|
}
|
|
var buttonElement = this.buttonElement.removeClass( typeClasses ),
|
|
buttonText = $( "<span></span>", this.document[0] )
|
|
.addClass( "ui-button-text" )
|
|
.html( this.options.label )
|
|
.appendTo( buttonElement.empty() )
|
|
.text(),
|
|
icons = this.options.icons,
|
|
multipleIcons = icons.primary && icons.secondary,
|
|
buttonClasses = [];
|
|
|
|
if ( icons.primary || icons.secondary ) {
|
|
if ( this.options.text ) {
|
|
buttonClasses.push( "ui-button-text-icon" + ( multipleIcons ? "s" : ( icons.primary ? "-primary" : "-secondary" ) ) );
|
|
}
|
|
|
|
if ( icons.primary ) {
|
|
buttonElement.prepend( "<span class='ui-button-icon-primary ui-icon " + icons.primary + "'></span>" );
|
|
}
|
|
|
|
if ( icons.secondary ) {
|
|
buttonElement.append( "<span class='ui-button-icon-secondary ui-icon " + icons.secondary + "'></span>" );
|
|
}
|
|
|
|
if ( !this.options.text ) {
|
|
buttonClasses.push( multipleIcons ? "ui-button-icons-only" : "ui-button-icon-only" );
|
|
|
|
if ( !this.hasTitle ) {
|
|
buttonElement.attr( "title", $.trim( buttonText ) );
|
|
}
|
|
}
|
|
} else {
|
|
buttonClasses.push( "ui-button-text-only" );
|
|
}
|
|
buttonElement.addClass( buttonClasses.join( " " ) );
|
|
}
|
|
});
|
|
|
|
$.widget( "ui.buttonset", {
|
|
version: "1.10.0",
|
|
options: {
|
|
items: "button, input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type=radio], a, :data(ui-button)"
|
|
},
|
|
|
|
_create: function() {
|
|
this.element.addClass( "ui-buttonset" );
|
|
},
|
|
|
|
_init: function() {
|
|
this.refresh();
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
if ( key === "disabled" ) {
|
|
this.buttons.button( "option", key, value );
|
|
}
|
|
|
|
this._super( key, value );
|
|
},
|
|
|
|
refresh: function() {
|
|
var rtl = this.element.css( "direction" ) === "rtl";
|
|
|
|
this.buttons = this.element.find( this.options.items )
|
|
.filter( ":ui-button" )
|
|
.button( "refresh" )
|
|
.end()
|
|
.not( ":ui-button" )
|
|
.button()
|
|
.end()
|
|
.map(function() {
|
|
return $( this ).button( "widget" )[ 0 ];
|
|
})
|
|
.removeClass( "ui-corner-all ui-corner-left ui-corner-right" )
|
|
.filter( ":first" )
|
|
.addClass( rtl ? "ui-corner-right" : "ui-corner-left" )
|
|
.end()
|
|
.filter( ":last" )
|
|
.addClass( rtl ? "ui-corner-left" : "ui-corner-right" )
|
|
.end()
|
|
.end();
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.element.removeClass( "ui-buttonset" );
|
|
this.buttons
|
|
.map(function() {
|
|
return $( this ).button( "widget" )[ 0 ];
|
|
})
|
|
.removeClass( "ui-corner-left ui-corner-right" )
|
|
.end()
|
|
.button( "destroy" );
|
|
}
|
|
});
|
|
|
|
}( jQuery ) );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.extend($.ui, { datepicker: { version: "1.10.0" } });
|
|
|
|
var PROP_NAME = "datepicker",
|
|
dpuuid = new Date().getTime(),
|
|
instActive;
|
|
|
|
/* 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,
|
|
allowing multiple different settings on the same page. */
|
|
|
|
function Datepicker() {
|
|
this._curInst = null; // The current instance in use
|
|
this._keyEvent = false; // If the last event was a key event
|
|
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._mainDivId = "ui-datepicker-div"; // The ID of the main datepicker division
|
|
this._inlineClass = "ui-datepicker-inline"; // The name of the inline marker class
|
|
this._appendClass = "ui-datepicker-append"; // The name of the append marker class
|
|
this._triggerClass = "ui-datepicker-trigger"; // The name of the trigger marker class
|
|
this._dialogClass = "ui-datepicker-dialog"; // The name of the dialog marker class
|
|
this._disableClass = "ui-datepicker-disabled"; // The name of the disabled covering marker class
|
|
this._unselectableClass = "ui-datepicker-unselectable"; // The name of the unselectable cell marker class
|
|
this._currentClass = "ui-datepicker-current-day"; // The name of the current day marker class
|
|
this._dayOverClass = "ui-datepicker-days-cell-over"; // The name of the day hover marker class
|
|
this.regional = []; // Available regional settings, indexed by language code
|
|
this.regional[""] = { // Default regional settings
|
|
closeText: "Done", // Display text for close link
|
|
prevText: "Prev", // Display text for previous month link
|
|
nextText: "Next", // Display text for next month link
|
|
currentText: "Today", // Display 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
|
|
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
|
|
weekHeader: "Wk", // Column header for week of the year
|
|
dateFormat: "mm/dd/yy", // See format options on parseDate
|
|
firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
|
|
isRTL: false, // True if right-to-left language, false if left-to-right
|
|
showMonthAfterYear: false, // True if the year select precedes month, false for month then year
|
|
yearSuffix: "" // Additional text to append to the year in the month headers
|
|
};
|
|
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: "fadeIn", // Name of jQuery animation for popup
|
|
showOptions: {}, // Options for enhanced animations
|
|
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
|
|
hideIfNoPrevNext: false, // True to hide next/previous month links
|
|
// if not applicable, false to just disable them
|
|
navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
|
|
gotoCurrent: false, // True if today link goes back to current selection instead
|
|
changeMonth: false, // True if month can be selected directly, false if only prev/next
|
|
changeYear: false, // True if year can be selected directly, false if only prev/next
|
|
yearRange: "c-10:c+10", // Range of years to display in drop-down,
|
|
// either relative to today's year (-nn:+nn), relative to currently displayed year
|
|
// (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)
|
|
showOtherMonths: false, // True to show dates in other months, false to leave blank
|
|
selectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable
|
|
showWeek: false, // True to show week of the year, false to not show it
|
|
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
|
|
minDate: null, // The earliest selectable date, or null for no limit
|
|
maxDate: null, // The latest selectable date, or null for no limit
|
|
duration: "fast", // Duration 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 "",
|
|
// [2] = cell title (optional), 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
|
|
onChangeMonthYear: null, // Define a callback function when the month or year is changed
|
|
onClose: null, // Define a callback function when the datepicker is closed
|
|
numberOfMonths: 1, // Number of months to show at a time
|
|
showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
|
|
stepMonths: 1, // Number of months to step back/forward
|
|
stepBigMonths: 12, // Number of months to step back/forward for the big links
|
|
altField: "", // Selector for an alternate field to store selected dates into
|
|
altFormat: "", // The date format to use for the alternate field
|
|
constrainInput: true, // The input is constrained by the current date format
|
|
showButtonPanel: false, // True to show button panel, false to not show it
|
|
autoSize: false, // True to size the input for the date format, false to leave as is
|
|
disabled: false // The initial disabled state
|
|
};
|
|
$.extend(this._defaults, this.regional[""]);
|
|
this.dpDiv = bindHover($("<div id='" + this._mainDivId + "' class='ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all'></div>"));
|
|
}
|
|
|
|
$.extend(Datepicker.prototype, {
|
|
/* Class name added to elements to indicate already configured with a date picker. */
|
|
markerClassName: "hasDatepicker",
|
|
|
|
//Keep track of the maximum number of rows displayed (see #7043)
|
|
maxRows: 4,
|
|
|
|
// TODO rename to "widget" when switching to widget factory
|
|
_widgetDatepicker: function() {
|
|
return this.dpDiv;
|
|
},
|
|
|
|
/* 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;
|
|
},
|
|
|
|
/* Attach the date picker to a jQuery selection.
|
|
* @param target element - the target input field or division or span
|
|
* @param settings object - the new settings to use for this date picker instance (anonymous)
|
|
*/
|
|
_attachDatepicker: function(target, settings) {
|
|
var nodeName, inline, inst;
|
|
nodeName = target.nodeName.toLowerCase();
|
|
inline = (nodeName === "div" || nodeName === "span");
|
|
if (!target.id) {
|
|
this.uuid += 1;
|
|
target.id = "dp" + this.uuid;
|
|
}
|
|
inst = this._newInst($(target), inline);
|
|
inst.settings = $.extend({}, settings || {});
|
|
if (nodeName === "input") {
|
|
this._connectDatepicker(target, inst);
|
|
} else if (inline) {
|
|
this._inlineDatepicker(target, inst);
|
|
}
|
|
},
|
|
|
|
/* Create a new instance object. */
|
|
_newInst: function(target, inline) {
|
|
var id = target[0].id.replace(/([^A-Za-z0-9_\-])/g, "\\\\$1"); // escape jQuery meta chars
|
|
return {id: id, input: target, // associated target
|
|
selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection
|
|
drawMonth: 0, drawYear: 0, // month being drawn
|
|
inline: inline, // is datepicker inline or not
|
|
dpDiv: (!inline ? this.dpDiv : // presentation div
|
|
bindHover($("<div class='" + this._inlineClass + " ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all'></div>")))};
|
|
},
|
|
|
|
/* Attach the date picker to an input field. */
|
|
_connectDatepicker: function(target, inst) {
|
|
var input = $(target);
|
|
inst.append = $([]);
|
|
inst.trigger = $([]);
|
|
if (input.hasClass(this.markerClassName)) {
|
|
return;
|
|
}
|
|
this._attachments(input, inst);
|
|
input.addClass(this.markerClassName).keydown(this._doKeyDown).
|
|
keypress(this._doKeyPress).keyup(this._doKeyUp);
|
|
this._autoSize(inst);
|
|
$.data(target, PROP_NAME, inst);
|
|
//If disabled option is true, disable the datepicker once it has been attached to the input (see ticket #5665)
|
|
if( inst.settings.disabled ) {
|
|
this._disableDatepicker( target );
|
|
}
|
|
},
|
|
|
|
/* Make attachments based on settings. */
|
|
_attachments: function(input, inst) {
|
|
var showOn, buttonText, buttonImage,
|
|
appendText = this._get(inst, "appendText"),
|
|
isRTL = this._get(inst, "isRTL");
|
|
|
|
if (inst.append) {
|
|
inst.append.remove();
|
|
}
|
|
if (appendText) {
|
|
inst.append = $("<span class='" + this._appendClass + "'>" + appendText + "</span>");
|
|
input[isRTL ? "before" : "after"](inst.append);
|
|
}
|
|
|
|
input.unbind("focus", this._showDatepicker);
|
|
|
|
if (inst.trigger) {
|
|
inst.trigger.remove();
|
|
}
|
|
|
|
showOn = this._get(inst, "showOn");
|
|
if (showOn === "focus" || showOn === "both") { // pop-up date picker when in the marked field
|
|
input.focus(this._showDatepicker);
|
|
}
|
|
if (showOn === "button" || showOn === "both") { // pop-up date picker when button clicked
|
|
buttonText = this._get(inst, "buttonText");
|
|
buttonImage = this._get(inst, "buttonImage");
|
|
inst.trigger = $(this._get(inst, "buttonImageOnly") ?
|
|
$("<img/>").addClass(this._triggerClass).
|
|
attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
|
|
$("<button type='button'></button>").addClass(this._triggerClass).
|
|
html(!buttonImage ? buttonText : $("<img/>").attr(
|
|
{ src:buttonImage, alt:buttonText, title:buttonText })));
|
|
input[isRTL ? "before" : "after"](inst.trigger);
|
|
inst.trigger.click(function() {
|
|
if ($.datepicker._datepickerShowing && $.datepicker._lastInput === input[0]) {
|
|
$.datepicker._hideDatepicker();
|
|
} else if ($.datepicker._datepickerShowing && $.datepicker._lastInput !== input[0]) {
|
|
$.datepicker._hideDatepicker();
|
|
$.datepicker._showDatepicker(input[0]);
|
|
} else {
|
|
$.datepicker._showDatepicker(input[0]);
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
},
|
|
|
|
/* Apply the maximum length for the date format. */
|
|
_autoSize: function(inst) {
|
|
if (this._get(inst, "autoSize") && !inst.inline) {
|
|
var findMax, max, maxI, i,
|
|
date = new Date(2009, 12 - 1, 20), // Ensure double digits
|
|
dateFormat = this._get(inst, "dateFormat");
|
|
|
|
if (dateFormat.match(/[DM]/)) {
|
|
findMax = function(names) {
|
|
max = 0;
|
|
maxI = 0;
|
|
for (i = 0; i < names.length; i++) {
|
|
if (names[i].length > max) {
|
|
max = names[i].length;
|
|
maxI = i;
|
|
}
|
|
}
|
|
return maxI;
|
|
};
|
|
date.setMonth(findMax(this._get(inst, (dateFormat.match(/MM/) ?
|
|
"monthNames" : "monthNamesShort"))));
|
|
date.setDate(findMax(this._get(inst, (dateFormat.match(/DD/) ?
|
|
"dayNames" : "dayNamesShort"))) + 20 - date.getDay());
|
|
}
|
|
inst.input.attr("size", this._formatDate(inst, date).length);
|
|
}
|
|
},
|
|
|
|
/* Attach an inline date picker to a div. */
|
|
_inlineDatepicker: function(target, inst) {
|
|
var divSpan = $(target);
|
|
if (divSpan.hasClass(this.markerClassName)) {
|
|
return;
|
|
}
|
|
divSpan.addClass(this.markerClassName).append(inst.dpDiv);
|
|
$.data(target, PROP_NAME, inst);
|
|
this._setDate(inst, this._getDefaultDate(inst), true);
|
|
this._updateDatepicker(inst);
|
|
this._updateAlternate(inst);
|
|
//If disabled option is true, disable the datepicker before showing it (see ticket #5665)
|
|
if( inst.settings.disabled ) {
|
|
this._disableDatepicker( target );
|
|
}
|
|
// Set display:block in place of inst.dpDiv.show() which won't work on disconnected elements
|
|
// http://bugs.jqueryui.com/ticket/7552 - A Datepicker created on a detached div has zero height
|
|
inst.dpDiv.css( "display", "block" );
|
|
},
|
|
|
|
/* Pop-up the date picker in a "dialog" box.
|
|
* @param input element - ignored
|
|
* @param date string or Date - the initial date to display
|
|
* @param onSelect function - the function 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(input, date, onSelect, settings, pos) {
|
|
var id, browserWidth, browserHeight, scrollX, scrollY,
|
|
inst = this._dialogInst; // internal instance
|
|
|
|
if (!inst) {
|
|
this.uuid += 1;
|
|
id = "dp" + this.uuid;
|
|
this._dialogInput = $("<input type='text' id='" + id +
|
|
"' style='position: absolute; top: -100px; width: 0px;'/>");
|
|
this._dialogInput.keydown(this._doKeyDown);
|
|
$("body").append(this._dialogInput);
|
|
inst = this._dialogInst = this._newInst(this._dialogInput, false);
|
|
inst.settings = {};
|
|
$.data(this._dialogInput[0], PROP_NAME, inst);
|
|
}
|
|
extendRemove(inst.settings, settings || {});
|
|
date = (date && date.constructor === Date ? this._formatDate(inst, date) : date);
|
|
this._dialogInput.val(date);
|
|
|
|
this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);
|
|
if (!this._pos) {
|
|
browserWidth = document.documentElement.clientWidth;
|
|
browserHeight = document.documentElement.clientHeight;
|
|
scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
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] + 20) + "px").css("top", this._pos[1] + "px");
|
|
inst.settings.onSelect = onSelect;
|
|
this._inDialog = true;
|
|
this.dpDiv.addClass(this._dialogClass);
|
|
this._showDatepicker(this._dialogInput[0]);
|
|
if ($.blockUI) {
|
|
$.blockUI(this.dpDiv);
|
|
}
|
|
$.data(this._dialogInput[0], PROP_NAME, inst);
|
|
return this;
|
|
},
|
|
|
|
/* Detach a datepicker from its control.
|
|
* @param target element - the target input field or division or span
|
|
*/
|
|
_destroyDatepicker: function(target) {
|
|
var nodeName,
|
|
$target = $(target),
|
|
inst = $.data(target, PROP_NAME);
|
|
|
|
if (!$target.hasClass(this.markerClassName)) {
|
|
return;
|
|
}
|
|
|
|
nodeName = target.nodeName.toLowerCase();
|
|
$.removeData(target, PROP_NAME);
|
|
if (nodeName === "input") {
|
|
inst.append.remove();
|
|
inst.trigger.remove();
|
|
$target.removeClass(this.markerClassName).
|
|
unbind("focus", this._showDatepicker).
|
|
unbind("keydown", this._doKeyDown).
|
|
unbind("keypress", this._doKeyPress).
|
|
unbind("keyup", this._doKeyUp);
|
|
} else if (nodeName === "div" || nodeName === "span") {
|
|
$target.removeClass(this.markerClassName).empty();
|
|
}
|
|
},
|
|
|
|
/* Enable the date picker to a jQuery selection.
|
|
* @param target element - the target input field or division or span
|
|
*/
|
|
_enableDatepicker: function(target) {
|
|
var nodeName, inline,
|
|
$target = $(target),
|
|
inst = $.data(target, PROP_NAME);
|
|
|
|
if (!$target.hasClass(this.markerClassName)) {
|
|
return;
|
|
}
|
|
|
|
nodeName = target.nodeName.toLowerCase();
|
|
if (nodeName === "input") {
|
|
target.disabled = false;
|
|
inst.trigger.filter("button").
|
|
each(function() { this.disabled = false; }).end().
|
|
filter("img").css({opacity: "1.0", cursor: ""});
|
|
} else if (nodeName === "div" || nodeName === "span") {
|
|
inline = $target.children("." + this._inlineClass);
|
|
inline.children().removeClass("ui-state-disabled");
|
|
inline.find("select.ui-datepicker-month, select.ui-datepicker-year").
|
|
prop("disabled", false);
|
|
}
|
|
this._disabledInputs = $.map(this._disabledInputs,
|
|
function(value) { return (value === target ? null : value); }); // delete entry
|
|
},
|
|
|
|
/* Disable the date picker to a jQuery selection.
|
|
* @param target element - the target input field or division or span
|
|
*/
|
|
_disableDatepicker: function(target) {
|
|
var nodeName, inline,
|
|
$target = $(target),
|
|
inst = $.data(target, PROP_NAME);
|
|
|
|
if (!$target.hasClass(this.markerClassName)) {
|
|
return;
|
|
}
|
|
|
|
nodeName = target.nodeName.toLowerCase();
|
|
if (nodeName === "input") {
|
|
target.disabled = true;
|
|
inst.trigger.filter("button").
|
|
each(function() { this.disabled = true; }).end().
|
|
filter("img").css({opacity: "0.5", cursor: "default"});
|
|
} else if (nodeName === "div" || nodeName === "span") {
|
|
inline = $target.children("." + this._inlineClass);
|
|
inline.children().addClass("ui-state-disabled");
|
|
inline.find("select.ui-datepicker-month, select.ui-datepicker-year").
|
|
prop("disabled", true);
|
|
}
|
|
this._disabledInputs = $.map(this._disabledInputs,
|
|
function(value) { return (value === target ? null : value); }); // delete entry
|
|
this._disabledInputs[this._disabledInputs.length] = target;
|
|
},
|
|
|
|
/* Is the first field in a jQuery collection disabled as a datepicker?
|
|
* @param target element - the target input field or division or span
|
|
* @return boolean - true if disabled, false if enabled
|
|
*/
|
|
_isDisabledDatepicker: function(target) {
|
|
if (!target) {
|
|
return false;
|
|
}
|
|
for (var i = 0; i < this._disabledInputs.length; i++) {
|
|
if (this._disabledInputs[i] === target) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
},
|
|
|
|
/* Retrieve the instance data for the target control.
|
|
* @param target element - the target input field or division or span
|
|
* @return object - the associated instance data
|
|
* @throws error if a jQuery problem getting data
|
|
*/
|
|
_getInst: function(target) {
|
|
try {
|
|
return $.data(target, PROP_NAME);
|
|
}
|
|
catch (err) {
|
|
throw "Missing instance data for this datepicker";
|
|
}
|
|
},
|
|
|
|
/* Update or retrieve the settings for a date picker attached to an input field or division.
|
|
* @param target element - the target input field or division or span
|
|
* @param name object - the new settings to update or
|
|
* string - the name of the setting to change or retrieve,
|
|
* when retrieving also "all" for all instance settings or
|
|
* "defaults" for all global defaults
|
|
* @param value any - the new value for the setting
|
|
* (omit if above is an object or to retrieve a value)
|
|
*/
|
|
_optionDatepicker: function(target, name, value) {
|
|
var settings, date, minDate, maxDate,
|
|
inst = this._getInst(target);
|
|
|
|
if (arguments.length === 2 && typeof name === "string") {
|
|
return (name === "defaults" ? $.extend({}, $.datepicker._defaults) :
|
|
(inst ? (name === "all" ? $.extend({}, inst.settings) :
|
|
this._get(inst, name)) : null));
|
|
}
|
|
|
|
settings = name || {};
|
|
if (typeof name === "string") {
|
|
settings = {};
|
|
settings[name] = value;
|
|
}
|
|
|
|
if (inst) {
|
|
if (this._curInst === inst) {
|
|
this._hideDatepicker();
|
|
}
|
|
|
|
date = this._getDateDatepicker(target, true);
|
|
minDate = this._getMinMaxDate(inst, "min");
|
|
maxDate = this._getMinMaxDate(inst, "max");
|
|
extendRemove(inst.settings, settings);
|
|
// reformat the old minDate/maxDate values if dateFormat changes and a new minDate/maxDate isn't provided
|
|
if (minDate !== null && settings.dateFormat !== undefined && settings.minDate === undefined) {
|
|
inst.settings.minDate = this._formatDate(inst, minDate);
|
|
}
|
|
if (maxDate !== null && settings.dateFormat !== undefined && settings.maxDate === undefined) {
|
|
inst.settings.maxDate = this._formatDate(inst, maxDate);
|
|
}
|
|
if ( "disabled" in settings ) {
|
|
if ( settings.disabled ) {
|
|
this._disableDatepicker(target);
|
|
} else {
|
|
this._enableDatepicker(target);
|
|
}
|
|
}
|
|
this._attachments($(target), inst);
|
|
this._autoSize(inst);
|
|
this._setDate(inst, date);
|
|
this._updateAlternate(inst);
|
|
this._updateDatepicker(inst);
|
|
}
|
|
},
|
|
|
|
// change method deprecated
|
|
_changeDatepicker: function(target, name, value) {
|
|
this._optionDatepicker(target, name, value);
|
|
},
|
|
|
|
/* Redraw the date picker attached to an input field or division.
|
|
* @param target element - the target input field or division or span
|
|
*/
|
|
_refreshDatepicker: function(target) {
|
|
var inst = this._getInst(target);
|
|
if (inst) {
|
|
this._updateDatepicker(inst);
|
|
}
|
|
},
|
|
|
|
/* Set the dates for a jQuery selection.
|
|
* @param target element - the target input field or division or span
|
|
* @param date Date - the new date
|
|
*/
|
|
_setDateDatepicker: function(target, date) {
|
|
var inst = this._getInst(target);
|
|
if (inst) {
|
|
this._setDate(inst, date);
|
|
this._updateDatepicker(inst);
|
|
this._updateAlternate(inst);
|
|
}
|
|
},
|
|
|
|
/* Get the date(s) for the first entry in a jQuery selection.
|
|
* @param target element - the target input field or division or span
|
|
* @param noDefault boolean - true if no default date is to be used
|
|
* @return Date - the current date
|
|
*/
|
|
_getDateDatepicker: function(target, noDefault) {
|
|
var inst = this._getInst(target);
|
|
if (inst && !inst.inline) {
|
|
this._setDateFromField(inst, noDefault);
|
|
}
|
|
return (inst ? this._getDate(inst) : null);
|
|
},
|
|
|
|
/* Handle keystrokes. */
|
|
_doKeyDown: function(event) {
|
|
var onSelect, dateStr, sel,
|
|
inst = $.datepicker._getInst(event.target),
|
|
handled = true,
|
|
isRTL = inst.dpDiv.is(".ui-datepicker-rtl");
|
|
|
|
inst._keyEvent = true;
|
|
if ($.datepicker._datepickerShowing) {
|
|
switch (event.keyCode) {
|
|
case 9: $.datepicker._hideDatepicker();
|
|
handled = false;
|
|
break; // hide on tab out
|
|
case 13: sel = $("td." + $.datepicker._dayOverClass + ":not(." +
|
|
$.datepicker._currentClass + ")", inst.dpDiv);
|
|
if (sel[0]) {
|
|
$.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);
|
|
}
|
|
|
|
onSelect = $.datepicker._get(inst, "onSelect");
|
|
if (onSelect) {
|
|
dateStr = $.datepicker._formatDate(inst);
|
|
|
|
// trigger custom callback
|
|
onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);
|
|
} else {
|
|
$.datepicker._hideDatepicker();
|
|
}
|
|
|
|
return false; // don't submit the form
|
|
case 27: $.datepicker._hideDatepicker();
|
|
break; // hide on escape
|
|
case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
|
-$.datepicker._get(inst, "stepBigMonths") :
|
|
-$.datepicker._get(inst, "stepMonths")), "M");
|
|
break; // previous month/year on page up/+ ctrl
|
|
case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
|
+$.datepicker._get(inst, "stepBigMonths") :
|
|
+$.datepicker._get(inst, "stepMonths")), "M");
|
|
break; // next month/year on page down/+ ctrl
|
|
case 35: if (event.ctrlKey || event.metaKey) {
|
|
$.datepicker._clearDate(event.target);
|
|
}
|
|
handled = event.ctrlKey || event.metaKey;
|
|
break; // clear on ctrl or command +end
|
|
case 36: if (event.ctrlKey || event.metaKey) {
|
|
$.datepicker._gotoToday(event.target);
|
|
}
|
|
handled = event.ctrlKey || event.metaKey;
|
|
break; // current on ctrl or command +home
|
|
case 37: if (event.ctrlKey || event.metaKey) {
|
|
$.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), "D");
|
|
}
|
|
handled = event.ctrlKey || event.metaKey;
|
|
// -1 day on ctrl or command +left
|
|
if (event.originalEvent.altKey) {
|
|
$.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
|
-$.datepicker._get(inst, "stepBigMonths") :
|
|
-$.datepicker._get(inst, "stepMonths")), "M");
|
|
}
|
|
// next month/year on alt +left on Mac
|
|
break;
|
|
case 38: if (event.ctrlKey || event.metaKey) {
|
|
$.datepicker._adjustDate(event.target, -7, "D");
|
|
}
|
|
handled = event.ctrlKey || event.metaKey;
|
|
break; // -1 week on ctrl or command +up
|
|
case 39: if (event.ctrlKey || event.metaKey) {
|
|
$.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), "D");
|
|
}
|
|
handled = event.ctrlKey || event.metaKey;
|
|
// +1 day on ctrl or command +right
|
|
if (event.originalEvent.altKey) {
|
|
$.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
|
+$.datepicker._get(inst, "stepBigMonths") :
|
|
+$.datepicker._get(inst, "stepMonths")), "M");
|
|
}
|
|
// next month/year on alt +right
|
|
break;
|
|
case 40: if (event.ctrlKey || event.metaKey) {
|
|
$.datepicker._adjustDate(event.target, +7, "D");
|
|
}
|
|
handled = event.ctrlKey || event.metaKey;
|
|
break; // +1 week on ctrl or command +down
|
|
default: handled = false;
|
|
}
|
|
} else if (event.keyCode === 36 && event.ctrlKey) { // display the date picker on ctrl+home
|
|
$.datepicker._showDatepicker(this);
|
|
} else {
|
|
handled = false;
|
|
}
|
|
|
|
if (handled) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
},
|
|
|
|
/* Filter entered characters - based on date format. */
|
|
_doKeyPress: function(event) {
|
|
var chars, chr,
|
|
inst = $.datepicker._getInst(event.target);
|
|
|
|
if ($.datepicker._get(inst, "constrainInput")) {
|
|
chars = $.datepicker._possibleChars($.datepicker._get(inst, "dateFormat"));
|
|
chr = String.fromCharCode(event.charCode == null ? event.keyCode : event.charCode);
|
|
return event.ctrlKey || event.metaKey || (chr < " " || !chars || chars.indexOf(chr) > -1);
|
|
}
|
|
},
|
|
|
|
/* Synchronise manual entry and field/alternate field. */
|
|
_doKeyUp: function(event) {
|
|
var date,
|
|
inst = $.datepicker._getInst(event.target);
|
|
|
|
if (inst.input.val() !== inst.lastVal) {
|
|
try {
|
|
date = $.datepicker.parseDate($.datepicker._get(inst, "dateFormat"),
|
|
(inst.input ? inst.input.val() : null),
|
|
$.datepicker._getFormatConfig(inst));
|
|
|
|
if (date) { // only if valid
|
|
$.datepicker._setDateFromField(inst);
|
|
$.datepicker._updateAlternate(inst);
|
|
$.datepicker._updateDatepicker(inst);
|
|
}
|
|
}
|
|
catch (err) {
|
|
}
|
|
}
|
|
return true;
|
|
},
|
|
|
|
/* Pop-up the date picker for a given input field.
|
|
* If false returned from beforeShow event handler do not show.
|
|
* @param input element - the input field attached to the date picker or
|
|
* event - if triggered by focus
|
|
*/
|
|
_showDatepicker: function(input) {
|
|
input = input.target || input;
|
|
if (input.nodeName.toLowerCase() !== "input") { // find from button/image trigger
|
|
input = $("input", input.parentNode)[0];
|
|
}
|
|
|
|
if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput === input) { // already here
|
|
return;
|
|
}
|
|
|
|
var inst, beforeShow, beforeShowSettings, isFixed,
|
|
offset, showAnim, duration;
|
|
|
|
inst = $.datepicker._getInst(input);
|
|
if ($.datepicker._curInst && $.datepicker._curInst !== inst) {
|
|
$.datepicker._curInst.dpDiv.stop(true, true);
|
|
if ( inst && $.datepicker._datepickerShowing ) {
|
|
$.datepicker._hideDatepicker( $.datepicker._curInst.input[0] );
|
|
}
|
|
}
|
|
|
|
beforeShow = $.datepicker._get(inst, "beforeShow");
|
|
beforeShowSettings = beforeShow ? beforeShow.apply(input, [input, inst]) : {};
|
|
if(beforeShowSettings === false){
|
|
return;
|
|
}
|
|
extendRemove(inst.settings, beforeShowSettings);
|
|
|
|
inst.lastVal = null;
|
|
$.datepicker._lastInput = input;
|
|
$.datepicker._setDateFromField(inst);
|
|
|
|
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
|
|
}
|
|
|
|
isFixed = false;
|
|
$(input).parents().each(function() {
|
|
isFixed |= $(this).css("position") === "fixed";
|
|
return !isFixed;
|
|
});
|
|
|
|
offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};
|
|
$.datepicker._pos = null;
|
|
//to avoid flashes on Firefox
|
|
inst.dpDiv.empty();
|
|
// determine sizing offscreen
|
|
inst.dpDiv.css({position: "absolute", display: "block", top: "-1000px"});
|
|
$.datepicker._updateDatepicker(inst);
|
|
// fix width for dynamic number of date pickers
|
|
// and adjust position before showing
|
|
offset = $.datepicker._checkOffset(inst, offset, isFixed);
|
|
inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?
|
|
"static" : (isFixed ? "fixed" : "absolute")), display: "none",
|
|
left: offset.left + "px", top: offset.top + "px"});
|
|
|
|
if (!inst.inline) {
|
|
showAnim = $.datepicker._get(inst, "showAnim");
|
|
duration = $.datepicker._get(inst, "duration");
|
|
inst.dpDiv.zIndex($(input).zIndex()+1);
|
|
$.datepicker._datepickerShowing = true;
|
|
|
|
if ( $.effects && $.effects.effect[ showAnim ] ) {
|
|
inst.dpDiv.show(showAnim, $.datepicker._get(inst, "showOptions"), duration);
|
|
} else {
|
|
inst.dpDiv[showAnim || "show"](showAnim ? duration : null);
|
|
}
|
|
|
|
if (inst.input.is(":visible") && !inst.input.is(":disabled")) {
|
|
inst.input.focus();
|
|
}
|
|
$.datepicker._curInst = inst;
|
|
}
|
|
},
|
|
|
|
/* Generate the date picker content. */
|
|
_updateDatepicker: function(inst) {
|
|
this.maxRows = 4; //Reset the max number of rows being displayed (see #7043)
|
|
instActive = inst; // for delegate hover events
|
|
inst.dpDiv.empty().append(this._generateHTML(inst));
|
|
this._attachHandlers(inst);
|
|
inst.dpDiv.find("." + this._dayOverClass + " a").mouseover();
|
|
|
|
var origyearshtml,
|
|
numMonths = this._getNumberOfMonths(inst),
|
|
cols = numMonths[1],
|
|
width = 17;
|
|
|
|
inst.dpDiv.removeClass("ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4").width("");
|
|
if (cols > 1) {
|
|
inst.dpDiv.addClass("ui-datepicker-multi-" + cols).css("width", (width * cols) + "em");
|
|
}
|
|
inst.dpDiv[(numMonths[0] !== 1 || numMonths[1] !== 1 ? "add" : "remove") +
|
|
"Class"]("ui-datepicker-multi");
|
|
inst.dpDiv[(this._get(inst, "isRTL") ? "add" : "remove") +
|
|
"Class"]("ui-datepicker-rtl");
|
|
|
|
// #6694 - don't focus the input if it's already focused
|
|
// this breaks the change event in IE
|
|
if (inst === $.datepicker._curInst && $.datepicker._datepickerShowing && inst.input &&
|
|
inst.input.is(":visible") && !inst.input.is(":disabled") && inst.input[0] !== document.activeElement) {
|
|
inst.input.focus();
|
|
}
|
|
|
|
// deffered render of the years select (to avoid flashes on Firefox)
|
|
if( inst.yearshtml ){
|
|
origyearshtml = inst.yearshtml;
|
|
setTimeout(function(){
|
|
//assure that inst.yearshtml didn't change.
|
|
if( origyearshtml === inst.yearshtml && inst.yearshtml ){
|
|
inst.dpDiv.find("select.ui-datepicker-year:first").replaceWith(inst.yearshtml);
|
|
}
|
|
origyearshtml = inst.yearshtml = null;
|
|
}, 0);
|
|
}
|
|
},
|
|
|
|
/* Retrieve the size of left and top borders for an element.
|
|
* @param elem (jQuery object) the element of interest
|
|
* @return (number[2]) the left and top borders
|
|
*/
|
|
_getBorders: function(elem) {
|
|
var convert = function(value) {
|
|
return {thin: 1, medium: 2, thick: 3}[value] || value;
|
|
};
|
|
return [parseFloat(convert(elem.css("border-left-width"))),
|
|
parseFloat(convert(elem.css("border-top-width")))];
|
|
},
|
|
|
|
/* Check positioning to remain on screen. */
|
|
_checkOffset: function(inst, offset, isFixed) {
|
|
var dpWidth = inst.dpDiv.outerWidth(),
|
|
dpHeight = inst.dpDiv.outerHeight(),
|
|
inputWidth = inst.input ? inst.input.outerWidth() : 0,
|
|
inputHeight = inst.input ? inst.input.outerHeight() : 0,
|
|
viewWidth = document.documentElement.clientWidth + (isFixed ? 0 : $(document).scrollLeft()),
|
|
viewHeight = document.documentElement.clientHeight + (isFixed ? 0 : $(document).scrollTop());
|
|
|
|
offset.left -= (this._get(inst, "isRTL") ? (dpWidth - inputWidth) : 0);
|
|
offset.left -= (isFixed && offset.left === inst.input.offset().left) ? $(document).scrollLeft() : 0;
|
|
offset.top -= (isFixed && offset.top === (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;
|
|
|
|
// now check if datepicker is showing outside window viewport - move to a better place if so.
|
|
offset.left -= Math.min(offset.left, (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ?
|
|
Math.abs(offset.left + dpWidth - viewWidth) : 0);
|
|
offset.top -= Math.min(offset.top, (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ?
|
|
Math.abs(dpHeight + inputHeight) : 0);
|
|
|
|
return offset;
|
|
},
|
|
|
|
/* Find an object's position on the screen. */
|
|
_findPos: function(obj) {
|
|
var position,
|
|
inst = this._getInst(obj),
|
|
isRTL = this._get(inst, "isRTL");
|
|
|
|
while (obj && (obj.type === "hidden" || obj.nodeType !== 1 || $.expr.filters.hidden(obj))) {
|
|
obj = obj[isRTL ? "previousSibling" : "nextSibling"];
|
|
}
|
|
|
|
position = $(obj).offset();
|
|
return [position.left, position.top];
|
|
},
|
|
|
|
/* Hide the date picker from view.
|
|
* @param input element - the input field attached to the date picker
|
|
*/
|
|
_hideDatepicker: function(input) {
|
|
var showAnim, duration, postProcess, onClose,
|
|
inst = this._curInst;
|
|
|
|
if (!inst || (input && inst !== $.data(input, PROP_NAME))) {
|
|
return;
|
|
}
|
|
|
|
if (this._datepickerShowing) {
|
|
showAnim = this._get(inst, "showAnim");
|
|
duration = this._get(inst, "duration");
|
|
postProcess = function() {
|
|
$.datepicker._tidyDialog(inst);
|
|
};
|
|
|
|
// DEPRECATED: after BC for 1.8.x $.effects[ showAnim ] is not needed
|
|
if ( $.effects && ( $.effects.effect[ showAnim ] || $.effects[ showAnim ] ) ) {
|
|
inst.dpDiv.hide(showAnim, $.datepicker._get(inst, "showOptions"), duration, postProcess);
|
|
} else {
|
|
inst.dpDiv[(showAnim === "slideDown" ? "slideUp" :
|
|
(showAnim === "fadeIn" ? "fadeOut" : "hide"))]((showAnim ? duration : null), postProcess);
|
|
}
|
|
|
|
if (!showAnim) {
|
|
postProcess();
|
|
}
|
|
this._datepickerShowing = false;
|
|
|
|
onClose = this._get(inst, "onClose");
|
|
if (onClose) {
|
|
onClose.apply((inst.input ? inst.input[0] : null), [(inst.input ? inst.input.val() : ""), inst]);
|
|
}
|
|
|
|
this._lastInput = null;
|
|
if (this._inDialog) {
|
|
this._dialogInput.css({ position: "absolute", left: "0", top: "-100px" });
|
|
if ($.blockUI) {
|
|
$.unblockUI();
|
|
$("body").append(this.dpDiv);
|
|
}
|
|
}
|
|
this._inDialog = false;
|
|
}
|
|
},
|
|
|
|
/* Tidy up after a dialog display. */
|
|
_tidyDialog: function(inst) {
|
|
inst.dpDiv.removeClass(this._dialogClass).unbind(".ui-datepicker-calendar");
|
|
},
|
|
|
|
/* Close date picker if clicked elsewhere. */
|
|
_checkExternalClick: function(event) {
|
|
if (!$.datepicker._curInst) {
|
|
return;
|
|
}
|
|
|
|
var $target = $(event.target),
|
|
inst = $.datepicker._getInst($target[0]);
|
|
|
|
if ( ( ( $target[0].id !== $.datepicker._mainDivId &&
|
|
$target.parents("#" + $.datepicker._mainDivId).length === 0 &&
|
|
!$target.hasClass($.datepicker.markerClassName) &&
|
|
!$target.closest("." + $.datepicker._triggerClass).length &&
|
|
$.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI) ) ) ||
|
|
( $target.hasClass($.datepicker.markerClassName) && $.datepicker._curInst !== inst ) ) {
|
|
$.datepicker._hideDatepicker();
|
|
}
|
|
},
|
|
|
|
/* Adjust one of the date sub-fields. */
|
|
_adjustDate: function(id, offset, period) {
|
|
var target = $(id),
|
|
inst = this._getInst(target[0]);
|
|
|
|
if (this._isDisabledDatepicker(target[0])) {
|
|
return;
|
|
}
|
|
this._adjustInstDate(inst, offset +
|
|
(period === "M" ? this._get(inst, "showCurrentAtPos") : 0), // undo positioning
|
|
period);
|
|
this._updateDatepicker(inst);
|
|
},
|
|
|
|
/* Action for current link. */
|
|
_gotoToday: function(id) {
|
|
var date,
|
|
target = $(id),
|
|
inst = this._getInst(target[0]);
|
|
|
|
if (this._get(inst, "gotoCurrent") && inst.currentDay) {
|
|
inst.selectedDay = inst.currentDay;
|
|
inst.drawMonth = inst.selectedMonth = inst.currentMonth;
|
|
inst.drawYear = inst.selectedYear = inst.currentYear;
|
|
} else {
|
|
date = new Date();
|
|
inst.selectedDay = date.getDate();
|
|
inst.drawMonth = inst.selectedMonth = date.getMonth();
|
|
inst.drawYear = inst.selectedYear = date.getFullYear();
|
|
}
|
|
this._notifyChange(inst);
|
|
this._adjustDate(target);
|
|
},
|
|
|
|
/* Action for selecting a new month/year. */
|
|
_selectMonthYear: function(id, select, period) {
|
|
var target = $(id),
|
|
inst = this._getInst(target[0]);
|
|
|
|
inst["selected" + (period === "M" ? "Month" : "Year")] =
|
|
inst["draw" + (period === "M" ? "Month" : "Year")] =
|
|
parseInt(select.options[select.selectedIndex].value,10);
|
|
|
|
this._notifyChange(inst);
|
|
this._adjustDate(target);
|
|
},
|
|
|
|
/* Action for selecting a day. */
|
|
_selectDay: function(id, month, year, td) {
|
|
var inst,
|
|
target = $(id);
|
|
|
|
if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {
|
|
return;
|
|
}
|
|
|
|
inst = this._getInst(target[0]);
|
|
inst.selectedDay = inst.currentDay = $("a", td).html();
|
|
inst.selectedMonth = inst.currentMonth = month;
|
|
inst.selectedYear = inst.currentYear = year;
|
|
this._selectDate(id, this._formatDate(inst,
|
|
inst.currentDay, inst.currentMonth, inst.currentYear));
|
|
},
|
|
|
|
/* Erase the input field and hide the date picker. */
|
|
_clearDate: function(id) {
|
|
var target = $(id);
|
|
this._selectDate(target, "");
|
|
},
|
|
|
|
/* Update the input field with the selected date. */
|
|
_selectDate: function(id, dateStr) {
|
|
var onSelect,
|
|
target = $(id),
|
|
inst = this._getInst(target[0]);
|
|
|
|
dateStr = (dateStr != null ? dateStr : this._formatDate(inst));
|
|
if (inst.input) {
|
|
inst.input.val(dateStr);
|
|
}
|
|
this._updateAlternate(inst);
|
|
|
|
onSelect = this._get(inst, "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 {
|
|
this._hideDatepicker();
|
|
this._lastInput = inst.input[0];
|
|
if (typeof(inst.input[0]) !== "object") {
|
|
inst.input.focus(); // restore focus
|
|
}
|
|
this._lastInput = null;
|
|
}
|
|
},
|
|
|
|
/* Update any alternate field to synchronise with the main field. */
|
|
_updateAlternate: function(inst) {
|
|
var altFormat, date, dateStr,
|
|
altField = this._get(inst, "altField");
|
|
|
|
if (altField) { // update alternate field too
|
|
altFormat = this._get(inst, "altFormat") || this._get(inst, "dateFormat");
|
|
date = this._getDate(inst);
|
|
dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));
|
|
$(altField).each(function() { $(this).val(dateStr); });
|
|
}
|
|
},
|
|
|
|
/* 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 time,
|
|
checkDate = new Date(date.getTime());
|
|
|
|
// Find Thursday of this week starting on Monday
|
|
checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
|
|
|
|
time = checkDate.getTime();
|
|
checkDate.setMonth(0); // Compare with Jan 1
|
|
checkDate.setDate(1);
|
|
return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
|
|
},
|
|
|
|
/* Parse a string value into a date object.
|
|
* See formatDate below for the possible formats.
|
|
*
|
|
* @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";
|
|
}
|
|
|
|
value = (typeof value === "object" ? value.toString() : value + "");
|
|
if (value === "") {
|
|
return null;
|
|
}
|
|
|
|
var iFormat, dim, extra,
|
|
iValue = 0,
|
|
shortYearCutoffTemp = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff,
|
|
shortYearCutoff = (typeof shortYearCutoffTemp !== "string" ? shortYearCutoffTemp :
|
|
new Date().getFullYear() % 100 + parseInt(shortYearCutoffTemp, 10)),
|
|
dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort,
|
|
dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames,
|
|
monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort,
|
|
monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames,
|
|
year = -1,
|
|
month = -1,
|
|
day = -1,
|
|
doy = -1,
|
|
literal = false,
|
|
date,
|
|
// Check whether a format character is doubled
|
|
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
|
|
getNumber = function(match) {
|
|
var isDoubled = lookAhead(match),
|
|
size = (match === "@" ? 14 : (match === "!" ? 20 :
|
|
(match === "y" && isDoubled ? 4 : (match === "o" ? 3 : 2)))),
|
|
digits = new RegExp("^\\d{1," + size + "}"),
|
|
num = value.substring(iValue).match(digits);
|
|
if (!num) {
|
|
throw "Missing number at position " + iValue;
|
|
}
|
|
iValue += num[0].length;
|
|
return parseInt(num[0], 10);
|
|
},
|
|
// Extract a name from the string value and convert to an index
|
|
getName = function(match, shortNames, longNames) {
|
|
var index = -1,
|
|
names = $.map(lookAhead(match) ? longNames : shortNames, function (v, k) {
|
|
return [ [k, v] ];
|
|
}).sort(function (a, b) {
|
|
return -(a[1].length - b[1].length);
|
|
});
|
|
|
|
$.each(names, function (i, pair) {
|
|
var name = pair[1];
|
|
if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {
|
|
index = pair[0];
|
|
iValue += name.length;
|
|
return false;
|
|
}
|
|
});
|
|
if (index !== -1) {
|
|
return index + 1;
|
|
} else {
|
|
throw "Unknown name at position " + iValue;
|
|
}
|
|
},
|
|
// Confirm that a literal character matches the string value
|
|
checkLiteral = function() {
|
|
if (value.charAt(iValue) !== format.charAt(iFormat)) {
|
|
throw "Unexpected literal at position " + iValue;
|
|
}
|
|
iValue++;
|
|
};
|
|
|
|
for (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 "o":
|
|
doy = getNumber("o");
|
|
break;
|
|
case "m":
|
|
month = getNumber("m");
|
|
break;
|
|
case "M":
|
|
month = getName("M", monthNamesShort, monthNames);
|
|
break;
|
|
case "y":
|
|
year = getNumber("y");
|
|
break;
|
|
case "@":
|
|
date = new Date(getNumber("@"));
|
|
year = date.getFullYear();
|
|
month = date.getMonth() + 1;
|
|
day = date.getDate();
|
|
break;
|
|
case "!":
|
|
date = new Date((getNumber("!") - this._ticksTo1970) / 10000);
|
|
year = date.getFullYear();
|
|
month = date.getMonth() + 1;
|
|
day = date.getDate();
|
|
break;
|
|
case "'":
|
|
if (lookAhead("'")){
|
|
checkLiteral();
|
|
} else {
|
|
literal = true;
|
|
}
|
|
break;
|
|
default:
|
|
checkLiteral();
|
|
}
|
|
}
|
|
}
|
|
|
|
if (iValue < value.length){
|
|
extra = value.substr(iValue);
|
|
if (!/^\s+/.test(extra)) {
|
|
throw "Extra/unparsed characters found in date: " + extra;
|
|
}
|
|
}
|
|
|
|
if (year === -1) {
|
|
year = new Date().getFullYear();
|
|
} else if (year < 100) {
|
|
year += new Date().getFullYear() - new Date().getFullYear() % 100 +
|
|
(year <= shortYearCutoff ? 0 : -100);
|
|
}
|
|
|
|
if (doy > -1) {
|
|
month = 1;
|
|
day = doy;
|
|
do {
|
|
dim = this._getDaysInMonth(year, month - 1);
|
|
if (day <= dim) {
|
|
break;
|
|
}
|
|
month++;
|
|
day -= dim;
|
|
} while (true);
|
|
}
|
|
|
|
date = this._daylightSavingAdjust(new Date(year, month - 1, day));
|
|
if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
|
|
throw "Invalid date"; // E.g. 31/02/00
|
|
}
|
|
return date;
|
|
},
|
|
|
|
/* Standard date formats. */
|
|
ATOM: "yy-mm-dd", // RFC 3339 (ISO 8601)
|
|
COOKIE: "D, dd M yy",
|
|
ISO_8601: "yy-mm-dd",
|
|
RFC_822: "D, d M y",
|
|
RFC_850: "DD, dd-M-y",
|
|
RFC_1036: "D, d M y",
|
|
RFC_1123: "D, d M yy",
|
|
RFC_2822: "D, d M yy",
|
|
RSS: "D, d M y", // RFC 822
|
|
TICKS: "!",
|
|
TIMESTAMP: "@",
|
|
W3C: "yy-mm-dd", // ISO 8601
|
|
|
|
_ticksTo1970: (((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) +
|
|
Math.floor(1970 / 400)) * 24 * 60 * 60 * 10000000),
|
|
|
|
/* 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)
|
|
* o - day of year (no leading zeros)
|
|
* oo - day of year (three 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)
|
|
* @ - Unix timestamp (ms since 01/01/1970)
|
|
* ! - Windows ticks (100ns since 01/01/0001)
|
|
* "..." - 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 "";
|
|
}
|
|
|
|
var iFormat,
|
|
dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort,
|
|
dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames,
|
|
monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort,
|
|
monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames,
|
|
// Check whether a format character is doubled
|
|
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
|
|
formatNumber = function(match, value, len) {
|
|
var num = "" + value;
|
|
if (lookAhead(match)) {
|
|
while (num.length < len) {
|
|
num = "0" + num;
|
|
}
|
|
}
|
|
return num;
|
|
},
|
|
// Format a name, short or long as requested
|
|
formatName = function(match, value, shortNames, longNames) {
|
|
return (lookAhead(match) ? longNames[value] : shortNames[value]);
|
|
},
|
|
output = "",
|
|
literal = false;
|
|
|
|
if (date) {
|
|
for (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(), 2);
|
|
break;
|
|
case "D":
|
|
output += formatName("D", date.getDay(), dayNamesShort, dayNames);
|
|
break;
|
|
case "o":
|
|
output += formatNumber("o",
|
|
Math.round((new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 86400000), 3);
|
|
break;
|
|
case "m":
|
|
output += formatNumber("m", date.getMonth() + 1, 2);
|
|
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 "@":
|
|
output += date.getTime();
|
|
break;
|
|
case "!":
|
|
output += date.getTime() * 10000 + this._ticksTo1970;
|
|
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) {
|
|
var iFormat,
|
|
chars = "",
|
|
literal = false,
|
|
// Check whether a format character is doubled
|
|
lookAhead = function(match) {
|
|
var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) === match);
|
|
if (matches) {
|
|
iFormat++;
|
|
}
|
|
return matches;
|
|
};
|
|
|
|
for (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": case "@":
|
|
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;
|
|
},
|
|
|
|
/* Get a setting value, defaulting if necessary. */
|
|
_get: function(inst, name) {
|
|
return inst.settings[name] !== undefined ?
|
|
inst.settings[name] : this._defaults[name];
|
|
},
|
|
|
|
/* Parse existing date and initialise date picker. */
|
|
_setDateFromField: function(inst, noDefault) {
|
|
if (inst.input.val() === inst.lastVal) {
|
|
return;
|
|
}
|
|
|
|
var dateFormat = this._get(inst, "dateFormat"),
|
|
dates = inst.lastVal = inst.input ? inst.input.val() : null,
|
|
defaultDate = this._getDefaultDate(inst),
|
|
date = defaultDate,
|
|
settings = this._getFormatConfig(inst);
|
|
|
|
try {
|
|
date = this.parseDate(dateFormat, dates, settings) || defaultDate;
|
|
} catch (event) {
|
|
dates = (noDefault ? "" : dates);
|
|
}
|
|
inst.selectedDay = date.getDate();
|
|
inst.drawMonth = inst.selectedMonth = date.getMonth();
|
|
inst.drawYear = inst.selectedYear = date.getFullYear();
|
|
inst.currentDay = (dates ? date.getDate() : 0);
|
|
inst.currentMonth = (dates ? date.getMonth() : 0);
|
|
inst.currentYear = (dates ? date.getFullYear() : 0);
|
|
this._adjustInstDate(inst);
|
|
},
|
|
|
|
/* Retrieve the default date shown on opening. */
|
|
_getDefaultDate: function(inst) {
|
|
return this._restrictMinMax(inst,
|
|
this._determineDate(inst, this._get(inst, "defaultDate"), new Date()));
|
|
},
|
|
|
|
/* A date may be specified as an exact value or a relative one. */
|
|
_determineDate: function(inst, date, defaultDate) {
|
|
var offsetNumeric = function(offset) {
|
|
var date = new Date();
|
|
date.setDate(date.getDate() + offset);
|
|
return date;
|
|
},
|
|
offsetString = function(offset) {
|
|
try {
|
|
return $.datepicker.parseDate($.datepicker._get(inst, "dateFormat"),
|
|
offset, $.datepicker._getFormatConfig(inst));
|
|
}
|
|
catch (e) {
|
|
// Ignore
|
|
}
|
|
|
|
var date = (offset.toLowerCase().match(/^c/) ?
|
|
$.datepicker._getDate(inst) : null) || new Date(),
|
|
year = date.getFullYear(),
|
|
month = date.getMonth(),
|
|
day = date.getDate(),
|
|
pattern = /([+\-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g,
|
|
matches = pattern.exec(offset);
|
|
|
|
while (matches) {
|
|
switch (matches[2] || "d") {
|
|
case "d" : case "D" :
|
|
day += parseInt(matches[1],10); break;
|
|
case "w" : case "W" :
|
|
day += parseInt(matches[1],10) * 7; break;
|
|
case "m" : case "M" :
|
|
month += parseInt(matches[1],10);
|
|
day = Math.min(day, $.datepicker._getDaysInMonth(year, month));
|
|
break;
|
|
case "y": case "Y" :
|
|
year += parseInt(matches[1],10);
|
|
day = Math.min(day, $.datepicker._getDaysInMonth(year, month));
|
|
break;
|
|
}
|
|
matches = pattern.exec(offset);
|
|
}
|
|
return new Date(year, month, day);
|
|
},
|
|
newDate = (date == null || date === "" ? defaultDate : (typeof date === "string" ? offsetString(date) :
|
|
(typeof date === "number" ? (isNaN(date) ? defaultDate : offsetNumeric(date)) : new Date(date.getTime()))));
|
|
|
|
newDate = (newDate && newDate.toString() === "Invalid Date" ? defaultDate : newDate);
|
|
if (newDate) {
|
|
newDate.setHours(0);
|
|
newDate.setMinutes(0);
|
|
newDate.setSeconds(0);
|
|
newDate.setMilliseconds(0);
|
|
}
|
|
return this._daylightSavingAdjust(newDate);
|
|
},
|
|
|
|
/* Handle switch to/from daylight saving.
|
|
* Hours may be non-zero on daylight saving cut-over:
|
|
* > 12 when midnight changeover, but then cannot generate
|
|
* midnight datetime, so jump to 1AM, otherwise reset.
|
|
* @param date (Date) the date to check
|
|
* @return (Date) the corrected date
|
|
*/
|
|
_daylightSavingAdjust: function(date) {
|
|
if (!date) {
|
|
return null;
|
|
}
|
|
date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
|
|
return date;
|
|
},
|
|
|
|
/* Set the date(s) directly. */
|
|
_setDate: function(inst, date, noChange) {
|
|
var clear = !date,
|
|
origMonth = inst.selectedMonth,
|
|
origYear = inst.selectedYear,
|
|
newDate = this._restrictMinMax(inst, this._determineDate(inst, date, new Date()));
|
|
|
|
inst.selectedDay = inst.currentDay = newDate.getDate();
|
|
inst.drawMonth = inst.selectedMonth = inst.currentMonth = newDate.getMonth();
|
|
inst.drawYear = inst.selectedYear = inst.currentYear = newDate.getFullYear();
|
|
if ((origMonth !== inst.selectedMonth || origYear !== inst.selectedYear) && !noChange) {
|
|
this._notifyChange(inst);
|
|
}
|
|
this._adjustInstDate(inst);
|
|
if (inst.input) {
|
|
inst.input.val(clear ? "" : this._formatDate(inst));
|
|
}
|
|
},
|
|
|
|
/* Retrieve the date(s) directly. */
|
|
_getDate: function(inst) {
|
|
var startDate = (!inst.currentYear || (inst.input && inst.input.val() === "") ? null :
|
|
this._daylightSavingAdjust(new Date(
|
|
inst.currentYear, inst.currentMonth, inst.currentDay)));
|
|
return startDate;
|
|
},
|
|
|
|
/* Attach the onxxx handlers. These are declared statically so
|
|
* they work with static code transformers like Caja.
|
|
*/
|
|
_attachHandlers: function(inst) {
|
|
var stepMonths = this._get(inst, "stepMonths"),
|
|
id = "#" + inst.id.replace( /\\\\/g, "\\" );
|
|
inst.dpDiv.find("[data-handler]").map(function () {
|
|
var handler = {
|
|
prev: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._adjustDate(id, -stepMonths, "M");
|
|
},
|
|
next: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._adjustDate(id, +stepMonths, "M");
|
|
},
|
|
hide: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._hideDatepicker();
|
|
},
|
|
today: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._gotoToday(id);
|
|
},
|
|
selectDay: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._selectDay(id, +this.getAttribute("data-month"), +this.getAttribute("data-year"), this);
|
|
return false;
|
|
},
|
|
selectMonth: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._selectMonthYear(id, this, "M");
|
|
return false;
|
|
},
|
|
selectYear: function () {
|
|
window["DP_jQuery_" + dpuuid].datepicker._selectMonthYear(id, this, "Y");
|
|
return false;
|
|
}
|
|
};
|
|
$(this).bind(this.getAttribute("data-event"), handler[this.getAttribute("data-handler")]);
|
|
});
|
|
},
|
|
|
|
/* Generate the HTML for the current state of the date picker. */
|
|
_generateHTML: function(inst) {
|
|
var maxDraw, prevText, prev, nextText, next, currentText, gotoDate,
|
|
controls, buttonPanel, firstDay, showWeek, dayNames, dayNamesMin,
|
|
monthNames, monthNamesShort, beforeShowDay, showOtherMonths,
|
|
selectOtherMonths, defaultDate, html, dow, row, group, col, selectedDate,
|
|
cornerClass, calender, thead, day, daysInMonth, leadDays, curRows, numRows,
|
|
printDate, dRow, tbody, daySettings, otherMonth, unselectable,
|
|
tempDate = new Date(),
|
|
today = this._daylightSavingAdjust(
|
|
new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate())), // clear time
|
|
isRTL = this._get(inst, "isRTL"),
|
|
showButtonPanel = this._get(inst, "showButtonPanel"),
|
|
hideIfNoPrevNext = this._get(inst, "hideIfNoPrevNext"),
|
|
navigationAsDateFormat = this._get(inst, "navigationAsDateFormat"),
|
|
numMonths = this._getNumberOfMonths(inst),
|
|
showCurrentAtPos = this._get(inst, "showCurrentAtPos"),
|
|
stepMonths = this._get(inst, "stepMonths"),
|
|
isMultiMonth = (numMonths[0] !== 1 || numMonths[1] !== 1),
|
|
currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
|
|
new Date(inst.currentYear, inst.currentMonth, inst.currentDay))),
|
|
minDate = this._getMinMaxDate(inst, "min"),
|
|
maxDate = this._getMinMaxDate(inst, "max"),
|
|
drawMonth = inst.drawMonth - showCurrentAtPos,
|
|
drawYear = inst.drawYear;
|
|
|
|
if (drawMonth < 0) {
|
|
drawMonth += 12;
|
|
drawYear--;
|
|
}
|
|
if (maxDate) {
|
|
maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
|
|
maxDate.getMonth() - (numMonths[0] * numMonths[1]) + 1, maxDate.getDate()));
|
|
maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
|
|
while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
|
|
drawMonth--;
|
|
if (drawMonth < 0) {
|
|
drawMonth = 11;
|
|
drawYear--;
|
|
}
|
|
}
|
|
}
|
|
inst.drawMonth = drawMonth;
|
|
inst.drawYear = drawYear;
|
|
|
|
prevText = this._get(inst, "prevText");
|
|
prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
|
|
this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
|
|
this._getFormatConfig(inst)));
|
|
|
|
prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
|
|
"<a class='ui-datepicker-prev ui-corner-all' data-handler='prev' data-event='click'" +
|
|
" title='" + prevText + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "e" : "w") + "'>" + prevText + "</span></a>" :
|
|
(hideIfNoPrevNext ? "" : "<a class='ui-datepicker-prev ui-corner-all ui-state-disabled' title='"+ prevText +"'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "e" : "w") + "'>" + prevText + "</span></a>"));
|
|
|
|
nextText = this._get(inst, "nextText");
|
|
nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
|
|
this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
|
|
this._getFormatConfig(inst)));
|
|
|
|
next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
|
|
"<a class='ui-datepicker-next ui-corner-all' data-handler='next' data-event='click'" +
|
|
" title='" + nextText + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "w" : "e") + "'>" + nextText + "</span></a>" :
|
|
(hideIfNoPrevNext ? "" : "<a class='ui-datepicker-next ui-corner-all ui-state-disabled' title='"+ nextText + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "w" : "e") + "'>" + nextText + "</span></a>"));
|
|
|
|
currentText = this._get(inst, "currentText");
|
|
gotoDate = (this._get(inst, "gotoCurrent") && inst.currentDay ? currentDate : today);
|
|
currentText = (!navigationAsDateFormat ? currentText :
|
|
this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
|
|
|
|
controls = (!inst.inline ? "<button type='button' class='ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" +
|
|
this._get(inst, "closeText") + "</button>" : "");
|
|
|
|
buttonPanel = (showButtonPanel) ? "<div class='ui-datepicker-buttonpane ui-widget-content'>" + (isRTL ? controls : "") +
|
|
(this._isInRange(inst, gotoDate) ? "<button type='button' class='ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all' data-handler='today' data-event='click'" +
|
|
">" + currentText + "</button>" : "") + (isRTL ? "" : controls) + "</div>" : "";
|
|
|
|
firstDay = parseInt(this._get(inst, "firstDay"),10);
|
|
firstDay = (isNaN(firstDay) ? 0 : firstDay);
|
|
|
|
showWeek = this._get(inst, "showWeek");
|
|
dayNames = this._get(inst, "dayNames");
|
|
dayNamesMin = this._get(inst, "dayNamesMin");
|
|
monthNames = this._get(inst, "monthNames");
|
|
monthNamesShort = this._get(inst, "monthNamesShort");
|
|
beforeShowDay = this._get(inst, "beforeShowDay");
|
|
showOtherMonths = this._get(inst, "showOtherMonths");
|
|
selectOtherMonths = this._get(inst, "selectOtherMonths");
|
|
defaultDate = this._getDefaultDate(inst);
|
|
html = "";
|
|
dow;
|
|
for (row = 0; row < numMonths[0]; row++) {
|
|
group = "";
|
|
this.maxRows = 4;
|
|
for (col = 0; col < numMonths[1]; col++) {
|
|
selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
|
|
cornerClass = " ui-corner-all";
|
|
calender = "";
|
|
if (isMultiMonth) {
|
|
calender += "<div class='ui-datepicker-group";
|
|
if (numMonths[1] > 1) {
|
|
switch (col) {
|
|
case 0: calender += " ui-datepicker-group-first";
|
|
cornerClass = " ui-corner-" + (isRTL ? "right" : "left"); break;
|
|
case numMonths[1]-1: calender += " ui-datepicker-group-last";
|
|
cornerClass = " ui-corner-" + (isRTL ? "left" : "right"); break;
|
|
default: calender += " ui-datepicker-group-middle"; cornerClass = ""; break;
|
|
}
|
|
}
|
|
calender += "'>";
|
|
}
|
|
calender += "<div class='ui-datepicker-header ui-widget-header ui-helper-clearfix" + cornerClass + "'>" +
|
|
(/all|left/.test(cornerClass) && row === 0 ? (isRTL ? next : prev) : "") +
|
|
(/all|right/.test(cornerClass) && row === 0 ? (isRTL ? prev : next) : "") +
|
|
this._generateMonthYearHeader(inst, drawMonth, drawYear, minDate, maxDate,
|
|
row > 0 || col > 0, monthNames, monthNamesShort) + // draw month headers
|
|
"</div><table class='ui-datepicker-calendar'><thead>" +
|
|
"<tr>";
|
|
thead = (showWeek ? "<th class='ui-datepicker-week-col'>" + this._get(inst, "weekHeader") + "</th>" : "");
|
|
for (dow = 0; dow < 7; dow++) { // days of the week
|
|
day = (dow + firstDay) % 7;
|
|
thead += "<th" + ((dow + firstDay + 6) % 7 >= 5 ? " class='ui-datepicker-week-end'" : "") + ">" +
|
|
"<span title='" + dayNames[day] + "'>" + dayNamesMin[day] + "</span></th>";
|
|
}
|
|
calender += thead + "</tr></thead><tbody>";
|
|
daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
|
|
if (drawYear === inst.selectedYear && drawMonth === inst.selectedMonth) {
|
|
inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
|
|
}
|
|
leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
|
|
curRows = Math.ceil((leadDays + daysInMonth) / 7); // calculate the number of rows to generate
|
|
numRows = (isMultiMonth ? this.maxRows > curRows ? this.maxRows : curRows : curRows); //If multiple months, use the higher number of rows (see #7043)
|
|
this.maxRows = numRows;
|
|
printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
|
|
for (dRow = 0; dRow < numRows; dRow++) { // create date picker rows
|
|
calender += "<tr>";
|
|
tbody = (!showWeek ? "" : "<td class='ui-datepicker-week-col'>" +
|
|
this._get(inst, "calculateWeek")(printDate) + "</td>");
|
|
for (dow = 0; dow < 7; dow++) { // create date picker days
|
|
daySettings = (beforeShowDay ?
|
|
beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, ""]);
|
|
otherMonth = (printDate.getMonth() !== drawMonth);
|
|
unselectable = (otherMonth && !selectOtherMonths) || !daySettings[0] ||
|
|
(minDate && printDate < minDate) || (maxDate && printDate > maxDate);
|
|
tbody += "<td class='" +
|
|
((dow + firstDay + 6) % 7 >= 5 ? " ui-datepicker-week-end" : "") + // highlight weekends
|
|
(otherMonth ? " ui-datepicker-other-month" : "") + // highlight days from other months
|
|
((printDate.getTime() === selectedDate.getTime() && drawMonth === inst.selectedMonth && inst._keyEvent) || // user pressed key
|
|
(defaultDate.getTime() === printDate.getTime() && defaultDate.getTime() === selectedDate.getTime()) ?
|
|
// or defaultDate is current printedDate and defaultDate is selectedDate
|
|
" " + this._dayOverClass : "") + // highlight selected day
|
|
(unselectable ? " " + this._unselectableClass + " ui-state-disabled": "") + // highlight unselectable days
|
|
(otherMonth && !showOtherMonths ? "" : " " + daySettings[1] + // highlight custom dates
|
|
(printDate.getTime() === currentDate.getTime() ? " " + this._currentClass : "") + // highlight selected day
|
|
(printDate.getTime() === today.getTime() ? " ui-datepicker-today" : "")) + "'" + // highlight today (if different)
|
|
((!otherMonth || showOtherMonths) && daySettings[2] ? " title='" + daySettings[2] + "'" : "") + // cell title
|
|
(unselectable ? "" : " data-handler='selectDay' data-event='click' data-month='" + printDate.getMonth() + "' data-year='" + printDate.getFullYear() + "'") + ">" + // actions
|
|
(otherMonth && !showOtherMonths ? " " : // display for other months
|
|
(unselectable ? "<span class='ui-state-default'>" + printDate.getDate() + "</span>" : "<a class='ui-state-default" +
|
|
(printDate.getTime() === today.getTime() ? " ui-state-highlight" : "") +
|
|
(printDate.getTime() === currentDate.getTime() ? " ui-state-active" : "") + // highlight selected day
|
|
(otherMonth ? " ui-priority-secondary" : "") + // distinguish dates from other months
|
|
"' href='#'>" + printDate.getDate() + "</a>")) + "</td>"; // display selectable date
|
|
printDate.setDate(printDate.getDate() + 1);
|
|
printDate = this._daylightSavingAdjust(printDate);
|
|
}
|
|
calender += tbody + "</tr>";
|
|
}
|
|
drawMonth++;
|
|
if (drawMonth > 11) {
|
|
drawMonth = 0;
|
|
drawYear++;
|
|
}
|
|
calender += "</tbody></table>" + (isMultiMonth ? "</div>" +
|
|
((numMonths[0] > 0 && col === numMonths[1]-1) ? "<div class='ui-datepicker-row-break'></div>" : "") : "");
|
|
group += calender;
|
|
}
|
|
html += group;
|
|
}
|
|
html += buttonPanel;
|
|
inst._keyEvent = false;
|
|
return html;
|
|
},
|
|
|
|
/* Generate the month and year header. */
|
|
_generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate,
|
|
secondary, monthNames, monthNamesShort) {
|
|
|
|
var inMinYear, inMaxYear, month, years, thisYear, determineYear, year, endYear,
|
|
changeMonth = this._get(inst, "changeMonth"),
|
|
changeYear = this._get(inst, "changeYear"),
|
|
showMonthAfterYear = this._get(inst, "showMonthAfterYear"),
|
|
html = "<div class='ui-datepicker-title'>",
|
|
monthHtml = "";
|
|
|
|
// month selection
|
|
if (secondary || !changeMonth) {
|
|
monthHtml += "<span class='ui-datepicker-month'>" + monthNames[drawMonth] + "</span>";
|
|
} else {
|
|
inMinYear = (minDate && minDate.getFullYear() === drawYear);
|
|
inMaxYear = (maxDate && maxDate.getFullYear() === drawYear);
|
|
monthHtml += "<select class='ui-datepicker-month' data-handler='selectMonth' data-event='change'>";
|
|
for ( month = 0; month < 12; month++) {
|
|
if ((!inMinYear || month >= minDate.getMonth()) && (!inMaxYear || month <= maxDate.getMonth())) {
|
|
monthHtml += "<option value='" + month + "'" +
|
|
(month === drawMonth ? " selected='selected'" : "") +
|
|
">" + monthNamesShort[month] + "</option>";
|
|
}
|
|
}
|
|
monthHtml += "</select>";
|
|
}
|
|
|
|
if (!showMonthAfterYear) {
|
|
html += monthHtml + (secondary || !(changeMonth && changeYear) ? " " : "");
|
|
}
|
|
|
|
// year selection
|
|
if ( !inst.yearshtml ) {
|
|
inst.yearshtml = "";
|
|
if (secondary || !changeYear) {
|
|
html += "<span class='ui-datepicker-year'>" + drawYear + "</span>";
|
|
} else {
|
|
// determine range of years to display
|
|
years = this._get(inst, "yearRange").split(":");
|
|
thisYear = new Date().getFullYear();
|
|
determineYear = function(value) {
|
|
var year = (value.match(/c[+\-].*/) ? drawYear + parseInt(value.substring(1), 10) :
|
|
(value.match(/[+\-].*/) ? thisYear + parseInt(value, 10) :
|
|
parseInt(value, 10)));
|
|
return (isNaN(year) ? thisYear : year);
|
|
};
|
|
year = determineYear(years[0]);
|
|
endYear = Math.max(year, determineYear(years[1] || ""));
|
|
year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
|
|
endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
|
|
inst.yearshtml += "<select class='ui-datepicker-year' data-handler='selectYear' data-event='change'>";
|
|
for (; year <= endYear; year++) {
|
|
inst.yearshtml += "<option value='" + year + "'" +
|
|
(year === drawYear ? " selected='selected'" : "") +
|
|
">" + year + "</option>";
|
|
}
|
|
inst.yearshtml += "</select>";
|
|
|
|
html += inst.yearshtml;
|
|
inst.yearshtml = null;
|
|
}
|
|
}
|
|
|
|
html += this._get(inst, "yearSuffix");
|
|
if (showMonthAfterYear) {
|
|
html += (secondary || !(changeMonth && changeYear) ? " " : "") + monthHtml;
|
|
}
|
|
html += "</div>"; // Close datepicker_header
|
|
return html;
|
|
},
|
|
|
|
/* Adjust one of the date sub-fields. */
|
|
_adjustInstDate: function(inst, offset, period) {
|
|
var year = inst.drawYear + (period === "Y" ? offset : 0),
|
|
month = inst.drawMonth + (period === "M" ? offset : 0),
|
|
day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) + (period === "D" ? offset : 0),
|
|
date = this._restrictMinMax(inst, this._daylightSavingAdjust(new Date(year, month, day)));
|
|
|
|
inst.selectedDay = date.getDate();
|
|
inst.drawMonth = inst.selectedMonth = date.getMonth();
|
|
inst.drawYear = inst.selectedYear = date.getFullYear();
|
|
if (period === "M" || period === "Y") {
|
|
this._notifyChange(inst);
|
|
}
|
|
},
|
|
|
|
/* Ensure a date is within any min/max bounds. */
|
|
_restrictMinMax: function(inst, date) {
|
|
var minDate = this._getMinMaxDate(inst, "min"),
|
|
maxDate = this._getMinMaxDate(inst, "max"),
|
|
newDate = (minDate && date < minDate ? minDate : date);
|
|
return (maxDate && newDate > maxDate ? maxDate : newDate);
|
|
},
|
|
|
|
/* Notify change of month/year. */
|
|
_notifyChange: function(inst) {
|
|
var onChange = this._get(inst, "onChangeMonthYear");
|
|
if (onChange) {
|
|
onChange.apply((inst.input ? inst.input[0] : null),
|
|
[inst.selectedYear, inst.selectedMonth + 1, inst]);
|
|
}
|
|
},
|
|
|
|
/* Determine the number of months to show. */
|
|
_getNumberOfMonths: function(inst) {
|
|
var numMonths = this._get(inst, "numberOfMonths");
|
|
return (numMonths == null ? [1, 1] : (typeof numMonths === "number" ? [1, numMonths] : numMonths));
|
|
},
|
|
|
|
/* Determine the current maximum date - ensure no time components are set. */
|
|
_getMinMaxDate: function(inst, minMax) {
|
|
return this._determineDate(inst, this._get(inst, minMax + "Date"), null);
|
|
},
|
|
|
|
/* Find the number of days in a given month. */
|
|
_getDaysInMonth: function(year, month) {
|
|
return 32 - this._daylightSavingAdjust(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(inst, offset, curYear, curMonth) {
|
|
var numMonths = this._getNumberOfMonths(inst),
|
|
date = this._daylightSavingAdjust(new Date(curYear,
|
|
curMonth + (offset < 0 ? offset : numMonths[0] * numMonths[1]), 1));
|
|
|
|
if (offset < 0) {
|
|
date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth()));
|
|
}
|
|
return this._isInRange(inst, date);
|
|
},
|
|
|
|
/* Is the given date in the accepted range? */
|
|
_isInRange: function(inst, date) {
|
|
var yearSplit, currentYear,
|
|
minDate = this._getMinMaxDate(inst, "min"),
|
|
maxDate = this._getMinMaxDate(inst, "max"),
|
|
minYear = null,
|
|
maxYear = null,
|
|
years = this._get(inst, "yearRange");
|
|
if (years){
|
|
yearSplit = years.split(":");
|
|
currentYear = new Date().getFullYear();
|
|
minYear = parseInt(yearSplit[0], 10) + currentYear;
|
|
maxYear = parseInt(yearSplit[1], 10) + currentYear;
|
|
}
|
|
|
|
return ((!minDate || date.getTime() >= minDate.getTime()) &&
|
|
(!maxDate || date.getTime() <= maxDate.getTime()) &&
|
|
(!minYear || date.getFullYear() >= minYear) &&
|
|
(!maxYear || date.getFullYear() <= maxYear));
|
|
},
|
|
|
|
/* Provide the configuration settings for formatting/parsing. */
|
|
_getFormatConfig: function(inst) {
|
|
var shortYearCutoff = this._get(inst, "shortYearCutoff");
|
|
shortYearCutoff = (typeof shortYearCutoff !== "string" ? shortYearCutoff :
|
|
new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
|
|
return {shortYearCutoff: shortYearCutoff,
|
|
dayNamesShort: this._get(inst, "dayNamesShort"), dayNames: this._get(inst, "dayNames"),
|
|
monthNamesShort: this._get(inst, "monthNamesShort"), monthNames: this._get(inst, "monthNames")};
|
|
},
|
|
|
|
/* Format the given date for display. */
|
|
_formatDate: function(inst, day, month, year) {
|
|
if (!day) {
|
|
inst.currentDay = inst.selectedDay;
|
|
inst.currentMonth = inst.selectedMonth;
|
|
inst.currentYear = inst.selectedYear;
|
|
}
|
|
var date = (day ? (typeof day === "object" ? day :
|
|
this._daylightSavingAdjust(new Date(year, month, day))) :
|
|
this._daylightSavingAdjust(new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
|
|
return this.formatDate(this._get(inst, "dateFormat"), date, this._getFormatConfig(inst));
|
|
}
|
|
});
|
|
|
|
/*
|
|
* Bind hover events for datepicker elements.
|
|
* Done via delegate so the binding only occurs once in the lifetime of the parent div.
|
|
* Global instActive, set by _updateDatepicker allows the handlers to find their way back to the active picker.
|
|
*/
|
|
function bindHover(dpDiv) {
|
|
var selector = "button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a";
|
|
return dpDiv.delegate(selector, "mouseout", function() {
|
|
$(this).removeClass("ui-state-hover");
|
|
if (this.className.indexOf("ui-datepicker-prev") !== -1) {
|
|
$(this).removeClass("ui-datepicker-prev-hover");
|
|
}
|
|
if (this.className.indexOf("ui-datepicker-next") !== -1) {
|
|
$(this).removeClass("ui-datepicker-next-hover");
|
|
}
|
|
})
|
|
.delegate(selector, "mouseover", function(){
|
|
if (!$.datepicker._isDisabledDatepicker( instActive.inline ? dpDiv.parent()[0] : instActive.input[0])) {
|
|
$(this).parents(".ui-datepicker-calendar").find("a").removeClass("ui-state-hover");
|
|
$(this).addClass("ui-state-hover");
|
|
if (this.className.indexOf("ui-datepicker-prev") !== -1) {
|
|
$(this).addClass("ui-datepicker-prev-hover");
|
|
}
|
|
if (this.className.indexOf("ui-datepicker-next") !== -1) {
|
|
$(this).addClass("ui-datepicker-next-hover");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/* jQuery extend now ignores nulls! */
|
|
function extendRemove(target, props) {
|
|
$.extend(target, props);
|
|
for (var name in props) {
|
|
if (props[name] == null) {
|
|
target[name] = props[name];
|
|
}
|
|
}
|
|
return target;
|
|
}
|
|
|
|
/* Invoke the datepicker functionality.
|
|
@param options string - a command, optionally followed by additional parameters or
|
|
Object - settings for attaching new datepicker functionality
|
|
@return jQuery object */
|
|
$.fn.datepicker = function(options){
|
|
|
|
/* Verify an empty collection wasn't passed - Fixes #6976 */
|
|
if ( !this.length ) {
|
|
return this;
|
|
}
|
|
|
|
/* Initialise the date picker. */
|
|
if (!$.datepicker.initialized) {
|
|
$(document).mousedown($.datepicker._checkExternalClick);
|
|
$.datepicker.initialized = true;
|
|
}
|
|
|
|
/* Append datepicker main container to body if not exist. */
|
|
if ($("#"+$.datepicker._mainDivId).length === 0) {
|
|
$("body").append($.datepicker.dpDiv);
|
|
}
|
|
|
|
var otherArgs = Array.prototype.slice.call(arguments, 1);
|
|
if (typeof options === "string" && (options === "isDisabled" || options === "getDate" || options === "widget")) {
|
|
return $.datepicker["_" + options + "Datepicker"].
|
|
apply($.datepicker, [this[0]].concat(otherArgs));
|
|
}
|
|
if (options === "option" && arguments.length === 2 && typeof arguments[1] === "string") {
|
|
return $.datepicker["_" + options + "Datepicker"].
|
|
apply($.datepicker, [this[0]].concat(otherArgs));
|
|
}
|
|
return this.each(function() {
|
|
typeof options === "string" ?
|
|
$.datepicker["_" + options + "Datepicker"].
|
|
apply($.datepicker, [this].concat(otherArgs)) :
|
|
$.datepicker._attachDatepicker(this, options);
|
|
});
|
|
};
|
|
|
|
$.datepicker = new Datepicker(); // singleton instance
|
|
$.datepicker.initialized = false;
|
|
$.datepicker.uuid = new Date().getTime();
|
|
$.datepicker.version = "1.10.0";
|
|
|
|
// Workaround for #4055
|
|
// Add another global to avoid noConflict issues with inline event handlers
|
|
window["DP_jQuery_" + dpuuid] = $;
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var sizeRelatedOptions = {
|
|
buttons: true,
|
|
height: true,
|
|
maxHeight: true,
|
|
maxWidth: true,
|
|
minHeight: true,
|
|
minWidth: true,
|
|
width: true
|
|
},
|
|
resizableRelatedOptions = {
|
|
maxHeight: true,
|
|
maxWidth: true,
|
|
minHeight: true,
|
|
minWidth: true
|
|
};
|
|
|
|
$.widget( "ui.dialog", {
|
|
version: "1.10.0",
|
|
options: {
|
|
appendTo: "body",
|
|
autoOpen: true,
|
|
buttons: [],
|
|
closeOnEscape: true,
|
|
closeText: "close",
|
|
dialogClass: "",
|
|
draggable: true,
|
|
hide: null,
|
|
height: "auto",
|
|
maxHeight: null,
|
|
maxWidth: null,
|
|
minHeight: 150,
|
|
minWidth: 150,
|
|
modal: false,
|
|
position: {
|
|
my: "center",
|
|
at: "center",
|
|
of: window,
|
|
collision: "fit",
|
|
// Ensure the titlebar is always visible
|
|
using: function( pos ) {
|
|
var topOffset = $( this ).css( pos ).offset().top;
|
|
if ( topOffset < 0 ) {
|
|
$( this ).css( "top", pos.top - topOffset );
|
|
}
|
|
}
|
|
},
|
|
resizable: true,
|
|
show: null,
|
|
title: null,
|
|
width: 300,
|
|
|
|
// callbacks
|
|
beforeClose: null,
|
|
close: null,
|
|
drag: null,
|
|
dragStart: null,
|
|
dragStop: null,
|
|
focus: null,
|
|
open: null,
|
|
resize: null,
|
|
resizeStart: null,
|
|
resizeStop: null
|
|
},
|
|
|
|
_create: function() {
|
|
this.originalCss = {
|
|
display: this.element[0].style.display,
|
|
width: this.element[0].style.width,
|
|
minHeight: this.element[0].style.minHeight,
|
|
maxHeight: this.element[0].style.maxHeight,
|
|
height: this.element[0].style.height
|
|
};
|
|
this.originalPosition = {
|
|
parent: this.element.parent(),
|
|
index: this.element.parent().children().index( this.element )
|
|
};
|
|
this.originalTitle = this.element.attr("title");
|
|
this.options.title = this.options.title || this.originalTitle;
|
|
|
|
this._createWrapper();
|
|
|
|
this.element
|
|
.show()
|
|
.removeAttr("title")
|
|
.addClass("ui-dialog-content ui-widget-content")
|
|
.appendTo( this.uiDialog );
|
|
|
|
this._createTitlebar();
|
|
this._createButtonPane();
|
|
|
|
if ( this.options.draggable && $.fn.draggable ) {
|
|
this._makeDraggable();
|
|
}
|
|
if ( this.options.resizable && $.fn.resizable ) {
|
|
this._makeResizable();
|
|
}
|
|
|
|
this._isOpen = false;
|
|
},
|
|
|
|
_init: function() {
|
|
if ( this.options.autoOpen ) {
|
|
this.open();
|
|
}
|
|
},
|
|
|
|
_appendTo: function() {
|
|
var element = this.options.appendTo;
|
|
if ( element && (element.jquery || element.nodeType) ) {
|
|
return $( element );
|
|
}
|
|
return this.document.find( element || "body" ).eq( 0 );
|
|
},
|
|
|
|
_destroy: function() {
|
|
var next,
|
|
originalPosition = this.originalPosition;
|
|
|
|
this._destroyOverlay();
|
|
|
|
this.element
|
|
.removeUniqueId()
|
|
.removeClass("ui-dialog-content ui-widget-content")
|
|
.css( this.originalCss )
|
|
// Without detaching first, the following becomes really slow
|
|
.detach();
|
|
|
|
this.uiDialog.stop( true, true ).remove();
|
|
|
|
if ( this.originalTitle ) {
|
|
this.element.attr( "title", this.originalTitle );
|
|
}
|
|
|
|
next = originalPosition.parent.children().eq( originalPosition.index );
|
|
// Don't try to place the dialog next to itself (#8613)
|
|
if ( next.length && next[0] !== this.element[0] ) {
|
|
next.before( this.element );
|
|
} else {
|
|
originalPosition.parent.append( this.element );
|
|
}
|
|
},
|
|
|
|
widget: function() {
|
|
return this.uiDialog;
|
|
},
|
|
|
|
disable: $.noop,
|
|
enable: $.noop,
|
|
|
|
close: function( event ) {
|
|
var that = this;
|
|
|
|
if ( !this._isOpen || this._trigger( "beforeClose", event ) === false ) {
|
|
return;
|
|
}
|
|
|
|
this._isOpen = false;
|
|
this._destroyOverlay();
|
|
|
|
if ( !this.opener.filter(":focusable").focus().length ) {
|
|
// Hiding a focused element doesn't trigger blur in WebKit
|
|
// so in case we have nothing to focus on, explicitly blur the active element
|
|
// https://bugs.webkit.org/show_bug.cgi?id=47182
|
|
$( this.document[0].activeElement ).blur();
|
|
}
|
|
|
|
this._hide( this.uiDialog, this.options.hide, function() {
|
|
that._trigger( "close", event );
|
|
});
|
|
},
|
|
|
|
isOpen: function() {
|
|
return this._isOpen;
|
|
},
|
|
|
|
moveToTop: function() {
|
|
this._moveToTop();
|
|
},
|
|
|
|
_moveToTop: function( event, silent ) {
|
|
var moved = !!this.uiDialog.nextAll(":visible").insertBefore( this.uiDialog ).length;
|
|
if ( moved && !silent ) {
|
|
this._trigger( "focus", event );
|
|
}
|
|
return moved;
|
|
},
|
|
|
|
open: function() {
|
|
if ( this._isOpen ) {
|
|
if ( this._moveToTop() ) {
|
|
this._focusTabbable();
|
|
}
|
|
return;
|
|
}
|
|
|
|
this.opener = $( this.document[0].activeElement );
|
|
|
|
this._size();
|
|
this._position();
|
|
this._createOverlay();
|
|
this._moveToTop( null, true );
|
|
this._show( this.uiDialog, this.options.show );
|
|
|
|
this._focusTabbable();
|
|
|
|
this._isOpen = true;
|
|
this._trigger("open");
|
|
this._trigger("focus");
|
|
},
|
|
|
|
_focusTabbable: function() {
|
|
// Set focus to the first match:
|
|
// 1. First element inside the dialog matching [autofocus]
|
|
// 2. Tabbable element inside the content element
|
|
// 3. Tabbable element inside the buttonpane
|
|
// 4. The close button
|
|
// 5. The dialog itself
|
|
var hasFocus = this.element.find("[autofocus]");
|
|
if ( !hasFocus.length ) {
|
|
hasFocus = this.element.find(":tabbable");
|
|
}
|
|
if ( !hasFocus.length ) {
|
|
hasFocus = this.uiDialogButtonPane.find(":tabbable");
|
|
}
|
|
if ( !hasFocus.length ) {
|
|
hasFocus = this.uiDialogTitlebarClose.filter(":tabbable");
|
|
}
|
|
if ( !hasFocus.length ) {
|
|
hasFocus = this.uiDialog;
|
|
}
|
|
hasFocus.eq( 0 ).focus();
|
|
},
|
|
|
|
_keepFocus: function( event ) {
|
|
function checkFocus() {
|
|
var activeElement = this.document[0].activeElement,
|
|
isActive = this.uiDialog[0] === activeElement ||
|
|
$.contains( this.uiDialog[0], activeElement );
|
|
if ( !isActive ) {
|
|
this._focusTabbable();
|
|
}
|
|
}
|
|
event.preventDefault();
|
|
checkFocus.call( this );
|
|
// support: IE
|
|
// IE <= 8 doesn't prevent moving focus even with event.preventDefault()
|
|
// so we check again later
|
|
this._delay( checkFocus );
|
|
},
|
|
|
|
_createWrapper: function() {
|
|
this.uiDialog = $("<div>")
|
|
.addClass( "ui-dialog ui-widget ui-widget-content ui-corner-all ui-front " +
|
|
this.options.dialogClass )
|
|
.hide()
|
|
.attr({
|
|
// Setting tabIndex makes the div focusable
|
|
tabIndex: -1,
|
|
role: "dialog"
|
|
})
|
|
.appendTo( this._appendTo() );
|
|
|
|
this._on( this.uiDialog, {
|
|
keydown: function( event ) {
|
|
if ( this.options.closeOnEscape && !event.isDefaultPrevented() && event.keyCode &&
|
|
event.keyCode === $.ui.keyCode.ESCAPE ) {
|
|
event.preventDefault();
|
|
this.close( event );
|
|
return;
|
|
}
|
|
|
|
// prevent tabbing out of dialogs
|
|
if ( event.keyCode !== $.ui.keyCode.TAB ) {
|
|
return;
|
|
}
|
|
var tabbables = this.uiDialog.find(":tabbable"),
|
|
first = tabbables.filter(":first"),
|
|
last = tabbables.filter(":last");
|
|
|
|
if ( ( event.target === last[0] || event.target === this.uiDialog[0] ) && !event.shiftKey ) {
|
|
first.focus( 1 );
|
|
event.preventDefault();
|
|
} else if ( ( event.target === first[0] || event.target === this.uiDialog[0] ) && event.shiftKey ) {
|
|
last.focus( 1 );
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
mousedown: function( event ) {
|
|
if ( this._moveToTop( event ) ) {
|
|
this._focusTabbable();
|
|
}
|
|
}
|
|
});
|
|
|
|
// We assume that any existing aria-describedby attribute means
|
|
// that the dialog content is marked up properly
|
|
// otherwise we brute force the content as the description
|
|
if ( !this.element.find("[aria-describedby]").length ) {
|
|
this.uiDialog.attr({
|
|
"aria-describedby": this.element.uniqueId().attr("id")
|
|
});
|
|
}
|
|
},
|
|
|
|
_createTitlebar: function() {
|
|
var uiDialogTitle;
|
|
|
|
this.uiDialogTitlebar = $("<div>")
|
|
.addClass("ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix")
|
|
.prependTo( this.uiDialog );
|
|
this._on( this.uiDialogTitlebar, {
|
|
mousedown: function( event ) {
|
|
// Don't prevent click on close button (#8838)
|
|
// Focusing a dialog that is partially scrolled out of view
|
|
// causes the browser to scroll it into view, preventing the click event
|
|
if ( !$( event.target ).closest(".ui-dialog-titlebar-close") ) {
|
|
// Dialog isn't getting focus when dragging (#8063)
|
|
this.uiDialog.focus();
|
|
}
|
|
}
|
|
});
|
|
|
|
this.uiDialogTitlebarClose = $("<button></button>")
|
|
.button({
|
|
label: this.options.closeText,
|
|
icons: {
|
|
primary: "ui-icon-closethick"
|
|
},
|
|
text: false
|
|
})
|
|
.addClass("ui-dialog-titlebar-close")
|
|
.appendTo( this.uiDialogTitlebar );
|
|
this._on( this.uiDialogTitlebarClose, {
|
|
click: function( event ) {
|
|
event.preventDefault();
|
|
this.close( event );
|
|
}
|
|
});
|
|
|
|
uiDialogTitle = $("<span>")
|
|
.uniqueId()
|
|
.addClass("ui-dialog-title")
|
|
.prependTo( this.uiDialogTitlebar );
|
|
this._title( uiDialogTitle );
|
|
|
|
this.uiDialog.attr({
|
|
"aria-labelledby": uiDialogTitle.attr("id")
|
|
});
|
|
},
|
|
|
|
_title: function( title ) {
|
|
if ( !this.options.title ) {
|
|
title.html(" ");
|
|
}
|
|
title.text( this.options.title );
|
|
},
|
|
|
|
_createButtonPane: function() {
|
|
this.uiDialogButtonPane = $("<div>")
|
|
.addClass("ui-dialog-buttonpane ui-widget-content ui-helper-clearfix");
|
|
|
|
this.uiButtonSet = $("<div>")
|
|
.addClass("ui-dialog-buttonset")
|
|
.appendTo( this.uiDialogButtonPane );
|
|
|
|
this._createButtons();
|
|
},
|
|
|
|
_createButtons: function() {
|
|
var that = this,
|
|
buttons = this.options.buttons;
|
|
|
|
// if we already have a button pane, remove it
|
|
this.uiDialogButtonPane.remove();
|
|
this.uiButtonSet.empty();
|
|
|
|
if ( $.isEmptyObject( buttons ) ) {
|
|
this.uiDialog.removeClass("ui-dialog-buttons");
|
|
return;
|
|
}
|
|
|
|
$.each( buttons, function( name, props ) {
|
|
var click, buttonOptions;
|
|
props = $.isFunction( props ) ?
|
|
{ click: props, text: name } :
|
|
props;
|
|
// Default to a non-submitting button
|
|
props = $.extend( { type: "button" }, props );
|
|
// Change the context for the click callback to be the main element
|
|
click = props.click;
|
|
props.click = function() {
|
|
click.apply( that.element[0], arguments );
|
|
};
|
|
buttonOptions = {
|
|
icons: props.icons,
|
|
text: props.showText
|
|
};
|
|
delete props.icons;
|
|
delete props.showText;
|
|
$( "<button></button>", props )
|
|
.button( buttonOptions )
|
|
.appendTo( that.uiButtonSet );
|
|
});
|
|
this.uiDialog.addClass("ui-dialog-buttons");
|
|
this.uiDialogButtonPane.appendTo( this.uiDialog );
|
|
},
|
|
|
|
_makeDraggable: function() {
|
|
var that = this,
|
|
options = this.options;
|
|
|
|
function filteredUi( ui ) {
|
|
return {
|
|
position: ui.position,
|
|
offset: ui.offset
|
|
};
|
|
}
|
|
|
|
this.uiDialog.draggable({
|
|
cancel: ".ui-dialog-content, .ui-dialog-titlebar-close",
|
|
handle: ".ui-dialog-titlebar",
|
|
containment: "document",
|
|
start: function( event, ui ) {
|
|
$( this ).addClass("ui-dialog-dragging");
|
|
that._trigger( "dragStart", event, filteredUi( ui ) );
|
|
},
|
|
drag: function( event, ui ) {
|
|
that._trigger( "drag", event, filteredUi( ui ) );
|
|
},
|
|
stop: function( event, ui ) {
|
|
options.position = [
|
|
ui.position.left - that.document.scrollLeft(),
|
|
ui.position.top - that.document.scrollTop()
|
|
];
|
|
$( this ).removeClass("ui-dialog-dragging");
|
|
that._trigger( "dragStop", event, filteredUi( ui ) );
|
|
}
|
|
});
|
|
},
|
|
|
|
_makeResizable: function() {
|
|
var that = this,
|
|
options = this.options,
|
|
handles = options.resizable,
|
|
// .ui-resizable has position: relative defined in the stylesheet
|
|
// but dialogs have to use absolute or fixed positioning
|
|
position = this.uiDialog.css("position"),
|
|
resizeHandles = typeof handles === "string" ?
|
|
handles :
|
|
"n,e,s,w,se,sw,ne,nw";
|
|
|
|
function filteredUi( ui ) {
|
|
return {
|
|
originalPosition: ui.originalPosition,
|
|
originalSize: ui.originalSize,
|
|
position: ui.position,
|
|
size: ui.size
|
|
};
|
|
}
|
|
|
|
this.uiDialog.resizable({
|
|
cancel: ".ui-dialog-content",
|
|
containment: "document",
|
|
alsoResize: this.element,
|
|
maxWidth: options.maxWidth,
|
|
maxHeight: options.maxHeight,
|
|
minWidth: options.minWidth,
|
|
minHeight: this._minHeight(),
|
|
handles: resizeHandles,
|
|
start: function( event, ui ) {
|
|
$( this ).addClass("ui-dialog-resizing");
|
|
that._trigger( "resizeStart", event, filteredUi( ui ) );
|
|
},
|
|
resize: function( event, ui ) {
|
|
that._trigger( "resize", event, filteredUi( ui ) );
|
|
},
|
|
stop: function( event, ui ) {
|
|
options.height = $( this ).height();
|
|
options.width = $( this ).width();
|
|
$( this ).removeClass("ui-dialog-resizing");
|
|
that._trigger( "resizeStop", event, filteredUi( ui ) );
|
|
}
|
|
})
|
|
.css( "position", position );
|
|
},
|
|
|
|
_minHeight: function() {
|
|
var options = this.options;
|
|
|
|
return options.height === "auto" ?
|
|
options.minHeight :
|
|
Math.min( options.minHeight, options.height );
|
|
},
|
|
|
|
_position: function() {
|
|
// Need to show the dialog to get the actual offset in the position plugin
|
|
var isVisible = this.uiDialog.is(":visible");
|
|
if ( !isVisible ) {
|
|
this.uiDialog.show();
|
|
}
|
|
this.uiDialog.position( this.options.position );
|
|
if ( !isVisible ) {
|
|
this.uiDialog.hide();
|
|
}
|
|
},
|
|
|
|
_setOptions: function( options ) {
|
|
var that = this,
|
|
resize = false,
|
|
resizableOptions = {};
|
|
|
|
$.each( options, function( key, value ) {
|
|
that._setOption( key, value );
|
|
|
|
if ( key in sizeRelatedOptions ) {
|
|
resize = true;
|
|
}
|
|
if ( key in resizableRelatedOptions ) {
|
|
resizableOptions[ key ] = value;
|
|
}
|
|
});
|
|
|
|
if ( resize ) {
|
|
this._size();
|
|
this._position();
|
|
}
|
|
if ( this.uiDialog.is(":data(ui-resizable)") ) {
|
|
this.uiDialog.resizable( "option", resizableOptions );
|
|
}
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
/*jshint maxcomplexity:15*/
|
|
var isDraggable, isResizable,
|
|
uiDialog = this.uiDialog;
|
|
|
|
if ( key === "dialogClass" ) {
|
|
uiDialog
|
|
.removeClass( this.options.dialogClass )
|
|
.addClass( value );
|
|
}
|
|
|
|
if ( key === "disabled" ) {
|
|
return;
|
|
}
|
|
|
|
this._super( key, value );
|
|
|
|
if ( key === "appendTo" ) {
|
|
this.uiDialog.appendTo( this._appendTo() );
|
|
}
|
|
|
|
if ( key === "buttons" ) {
|
|
this._createButtons();
|
|
}
|
|
|
|
if ( key === "closeText" ) {
|
|
this.uiDialogTitlebarClose.button({
|
|
// Ensure that we always pass a string
|
|
label: "" + value
|
|
});
|
|
}
|
|
|
|
if ( key === "draggable" ) {
|
|
isDraggable = uiDialog.is(":data(ui-draggable)");
|
|
if ( isDraggable && !value ) {
|
|
uiDialog.draggable("destroy");
|
|
}
|
|
|
|
if ( !isDraggable && value ) {
|
|
this._makeDraggable();
|
|
}
|
|
}
|
|
|
|
if ( key === "position" ) {
|
|
this._position();
|
|
}
|
|
|
|
if ( key === "resizable" ) {
|
|
// currently resizable, becoming non-resizable
|
|
isResizable = uiDialog.is(":data(ui-resizable)");
|
|
if ( isResizable && !value ) {
|
|
uiDialog.resizable("destroy");
|
|
}
|
|
|
|
// currently resizable, changing handles
|
|
if ( isResizable && typeof value === "string" ) {
|
|
uiDialog.resizable( "option", "handles", value );
|
|
}
|
|
|
|
// currently non-resizable, becoming resizable
|
|
if ( !isResizable && value !== false ) {
|
|
this._makeResizable();
|
|
}
|
|
}
|
|
|
|
if ( key === "title" ) {
|
|
this._title( this.uiDialogTitlebar.find(".ui-dialog-title") );
|
|
}
|
|
},
|
|
|
|
_size: function() {
|
|
// If the user has resized the dialog, the .ui-dialog and .ui-dialog-content
|
|
// divs will both have width and height set, so we need to reset them
|
|
var nonContentHeight, minContentHeight, maxContentHeight,
|
|
options = this.options;
|
|
|
|
// Reset content sizing
|
|
this.element.show().css({
|
|
width: "auto",
|
|
minHeight: 0,
|
|
maxHeight: "none",
|
|
height: 0
|
|
});
|
|
|
|
if ( options.minWidth > options.width ) {
|
|
options.width = options.minWidth;
|
|
}
|
|
|
|
// reset wrapper sizing
|
|
// determine the height of all the non-content elements
|
|
nonContentHeight = this.uiDialog.css({
|
|
height: "auto",
|
|
width: options.width
|
|
})
|
|
.outerHeight();
|
|
minContentHeight = Math.max( 0, options.minHeight - nonContentHeight );
|
|
maxContentHeight = typeof options.maxHeight === "number" ?
|
|
Math.max( 0, options.maxHeight - nonContentHeight ) :
|
|
"none";
|
|
|
|
if ( options.height === "auto" ) {
|
|
this.element.css({
|
|
minHeight: minContentHeight,
|
|
maxHeight: maxContentHeight,
|
|
height: "auto"
|
|
});
|
|
} else {
|
|
this.element.height( Math.max( 0, options.height - nonContentHeight ) );
|
|
}
|
|
|
|
if (this.uiDialog.is(":data(ui-resizable)") ) {
|
|
this.uiDialog.resizable( "option", "minHeight", this._minHeight() );
|
|
}
|
|
},
|
|
|
|
_createOverlay: function() {
|
|
if ( !this.options.modal ) {
|
|
return;
|
|
}
|
|
|
|
if ( !$.ui.dialog.overlayInstances ) {
|
|
// Prevent use of anchors and inputs.
|
|
// We use a delay in case the overlay is created from an
|
|
// event that we're going to be cancelling. (#2804)
|
|
this._delay(function() {
|
|
// Handle .dialog().dialog("close") (#4065)
|
|
if ( $.ui.dialog.overlayInstances ) {
|
|
this._on( this.document, {
|
|
focusin: function( event ) {
|
|
if ( !$( event.target ).closest(".ui-dialog").length ) {
|
|
event.preventDefault();
|
|
$(".ui-dialog:visible:last .ui-dialog-content")
|
|
.data("ui-dialog")._focusTabbable();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
this.overlay = $("<div>")
|
|
.addClass("ui-widget-overlay ui-front")
|
|
.appendTo( this.document[0].body );
|
|
this._on( this.overlay, {
|
|
mousedown: "_keepFocus"
|
|
});
|
|
$.ui.dialog.overlayInstances++;
|
|
},
|
|
|
|
_destroyOverlay: function() {
|
|
if ( !this.options.modal ) {
|
|
return;
|
|
}
|
|
|
|
$.ui.dialog.overlayInstances--;
|
|
if ( !$.ui.dialog.overlayInstances ) {
|
|
this._off( this.document, "focusin" );
|
|
}
|
|
this.overlay.remove();
|
|
}
|
|
});
|
|
|
|
$.ui.dialog.overlayInstances = 0;
|
|
|
|
// DEPRECATED
|
|
if ( $.uiBackCompat !== false ) {
|
|
// position option with array notation
|
|
// just override with old implementation
|
|
$.widget( "ui.dialog", $.ui.dialog, {
|
|
_position: function() {
|
|
var position = this.options.position,
|
|
myAt = [],
|
|
offset = [ 0, 0 ],
|
|
isVisible;
|
|
|
|
if ( position ) {
|
|
if ( typeof position === "string" || (typeof position === "object" && "0" in position ) ) {
|
|
myAt = position.split ? position.split(" ") : [ position[0], position[1] ];
|
|
if ( myAt.length === 1 ) {
|
|
myAt[1] = myAt[0];
|
|
}
|
|
|
|
$.each( [ "left", "top" ], function( i, offsetPosition ) {
|
|
if ( +myAt[ i ] === myAt[ i ] ) {
|
|
offset[ i ] = myAt[ i ];
|
|
myAt[ i ] = offsetPosition;
|
|
}
|
|
});
|
|
|
|
position = {
|
|
my: myAt[0] + (offset[0] < 0 ? offset[0] : "+" + offset[0]) + " " +
|
|
myAt[1] + (offset[1] < 0 ? offset[1] : "+" + offset[1]),
|
|
at: myAt.join(" ")
|
|
};
|
|
}
|
|
|
|
position = $.extend( {}, $.ui.dialog.prototype.options.position, position );
|
|
} else {
|
|
position = $.ui.dialog.prototype.options.position;
|
|
}
|
|
|
|
// need to show the dialog to get the actual offset in the position plugin
|
|
isVisible = this.uiDialog.is(":visible");
|
|
if ( !isVisible ) {
|
|
this.uiDialog.show();
|
|
}
|
|
this.uiDialog.position( position );
|
|
if ( !isVisible ) {
|
|
this.uiDialog.hide();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
}( jQuery ) );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var rvertical = /up|down|vertical/,
|
|
rpositivemotion = /up|left|vertical|horizontal/;
|
|
|
|
$.effects.effect.blind = function( o, done ) {
|
|
// Create element
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
|
|
mode = $.effects.setMode( el, o.mode || "hide" ),
|
|
direction = o.direction || "up",
|
|
vertical = rvertical.test( direction ),
|
|
ref = vertical ? "height" : "width",
|
|
ref2 = vertical ? "top" : "left",
|
|
motion = rpositivemotion.test( direction ),
|
|
animation = {},
|
|
show = mode === "show",
|
|
wrapper, distance, margin;
|
|
|
|
// if already wrapped, the wrapper's properties are my property. #6245
|
|
if ( el.parent().is( ".ui-effects-wrapper" ) ) {
|
|
$.effects.save( el.parent(), props );
|
|
} else {
|
|
$.effects.save( el, props );
|
|
}
|
|
el.show();
|
|
wrapper = $.effects.createWrapper( el ).css({
|
|
overflow: "hidden"
|
|
});
|
|
|
|
distance = wrapper[ ref ]();
|
|
margin = parseFloat( wrapper.css( ref2 ) ) || 0;
|
|
|
|
animation[ ref ] = show ? distance : 0;
|
|
if ( !motion ) {
|
|
el
|
|
.css( vertical ? "bottom" : "right", 0 )
|
|
.css( vertical ? "top" : "left", "auto" )
|
|
.css({ position: "absolute" });
|
|
|
|
animation[ ref2 ] = show ? margin : distance + margin;
|
|
}
|
|
|
|
// start at 0 if we are showing
|
|
if ( show ) {
|
|
wrapper.css( ref, 0 );
|
|
if ( ! motion ) {
|
|
wrapper.css( ref2, margin + distance );
|
|
}
|
|
}
|
|
|
|
// Animate
|
|
wrapper.animate( animation, {
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
queue: false,
|
|
complete: function() {
|
|
if ( mode === "hide" ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.bounce = function( o, done ) {
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
|
|
|
|
// defaults:
|
|
mode = $.effects.setMode( el, o.mode || "effect" ),
|
|
hide = mode === "hide",
|
|
show = mode === "show",
|
|
direction = o.direction || "up",
|
|
distance = o.distance,
|
|
times = o.times || 5,
|
|
|
|
// number of internal animations
|
|
anims = times * 2 + ( show || hide ? 1 : 0 ),
|
|
speed = o.duration / anims,
|
|
easing = o.easing,
|
|
|
|
// utility:
|
|
ref = ( direction === "up" || direction === "down" ) ? "top" : "left",
|
|
motion = ( direction === "up" || direction === "left" ),
|
|
i,
|
|
upAnim,
|
|
downAnim,
|
|
|
|
// we will need to re-assemble the queue to stack our animations in place
|
|
queue = el.queue(),
|
|
queuelen = queue.length;
|
|
|
|
// Avoid touching opacity to prevent clearType and PNG issues in IE
|
|
if ( show || hide ) {
|
|
props.push( "opacity" );
|
|
}
|
|
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
$.effects.createWrapper( el ); // Create Wrapper
|
|
|
|
// default distance for the BIGGEST bounce is the outer Distance / 3
|
|
if ( !distance ) {
|
|
distance = el[ ref === "top" ? "outerHeight" : "outerWidth" ]() / 3;
|
|
}
|
|
|
|
if ( show ) {
|
|
downAnim = { opacity: 1 };
|
|
downAnim[ ref ] = 0;
|
|
|
|
// if we are showing, force opacity 0 and set the initial position
|
|
// then do the "first" animation
|
|
el.css( "opacity", 0 )
|
|
.css( ref, motion ? -distance * 2 : distance * 2 )
|
|
.animate( downAnim, speed, easing );
|
|
}
|
|
|
|
// start at the smallest distance if we are hiding
|
|
if ( hide ) {
|
|
distance = distance / Math.pow( 2, times - 1 );
|
|
}
|
|
|
|
downAnim = {};
|
|
downAnim[ ref ] = 0;
|
|
// Bounces up/down/left/right then back to 0 -- times * 2 animations happen here
|
|
for ( i = 0; i < times; i++ ) {
|
|
upAnim = {};
|
|
upAnim[ ref ] = ( motion ? "-=" : "+=" ) + distance;
|
|
|
|
el.animate( upAnim, speed, easing )
|
|
.animate( downAnim, speed, easing );
|
|
|
|
distance = hide ? distance * 2 : distance / 2;
|
|
}
|
|
|
|
// Last Bounce when Hiding
|
|
if ( hide ) {
|
|
upAnim = { opacity: 0 };
|
|
upAnim[ ref ] = ( motion ? "-=" : "+=" ) + distance;
|
|
|
|
el.animate( upAnim, speed, easing );
|
|
}
|
|
|
|
el.queue(function() {
|
|
if ( hide ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
});
|
|
|
|
// inject all the animations we just queued to be first in line (after "inprogress")
|
|
if ( queuelen > 1) {
|
|
queue.splice.apply( queue,
|
|
[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
|
|
}
|
|
el.dequeue();
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.clip = function( o, done ) {
|
|
// Create element
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
|
|
mode = $.effects.setMode( el, o.mode || "hide" ),
|
|
show = mode === "show",
|
|
direction = o.direction || "vertical",
|
|
vert = direction === "vertical",
|
|
size = vert ? "height" : "width",
|
|
position = vert ? "top" : "left",
|
|
animation = {},
|
|
wrapper, animate, distance;
|
|
|
|
// Save & Show
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
|
|
// Create Wrapper
|
|
wrapper = $.effects.createWrapper( el ).css({
|
|
overflow: "hidden"
|
|
});
|
|
animate = ( el[0].tagName === "IMG" ) ? wrapper : el;
|
|
distance = animate[ size ]();
|
|
|
|
// Shift
|
|
if ( show ) {
|
|
animate.css( size, 0 );
|
|
animate.css( position, distance / 2 );
|
|
}
|
|
|
|
// Create Animation Object:
|
|
animation[ size ] = show ? distance : 0;
|
|
animation[ position ] = show ? 0 : distance / 2;
|
|
|
|
// Animate
|
|
animate.animate( animation, {
|
|
queue: false,
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
complete: function() {
|
|
if ( !show ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.drop = function( o, done ) {
|
|
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "opacity", "height", "width" ],
|
|
mode = $.effects.setMode( el, o.mode || "hide" ),
|
|
show = mode === "show",
|
|
direction = o.direction || "left",
|
|
ref = ( direction === "up" || direction === "down" ) ? "top" : "left",
|
|
motion = ( direction === "up" || direction === "left" ) ? "pos" : "neg",
|
|
animation = {
|
|
opacity: show ? 1 : 0
|
|
},
|
|
distance;
|
|
|
|
// Adjust
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
$.effects.createWrapper( el );
|
|
|
|
distance = o.distance || el[ ref === "top" ? "outerHeight": "outerWidth" ]( true ) / 2;
|
|
|
|
if ( show ) {
|
|
el
|
|
.css( "opacity", 0 )
|
|
.css( ref, motion === "pos" ? -distance : distance );
|
|
}
|
|
|
|
// Animation
|
|
animation[ ref ] = ( show ?
|
|
( motion === "pos" ? "+=" : "-=" ) :
|
|
( motion === "pos" ? "-=" : "+=" ) ) +
|
|
distance;
|
|
|
|
// Animate
|
|
el.animate( animation, {
|
|
queue: false,
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
complete: function() {
|
|
if ( mode === "hide" ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
}
|
|
});
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.explode = function( o, done ) {
|
|
|
|
var rows = o.pieces ? Math.round( Math.sqrt( o.pieces ) ) : 3,
|
|
cells = rows,
|
|
el = $( this ),
|
|
mode = $.effects.setMode( el, o.mode || "hide" ),
|
|
show = mode === "show",
|
|
|
|
// show and then visibility:hidden the element before calculating offset
|
|
offset = el.show().css( "visibility", "hidden" ).offset(),
|
|
|
|
// width and height of a piece
|
|
width = Math.ceil( el.outerWidth() / cells ),
|
|
height = Math.ceil( el.outerHeight() / rows ),
|
|
pieces = [],
|
|
|
|
// loop
|
|
i, j, left, top, mx, my;
|
|
|
|
// children animate complete:
|
|
function childComplete() {
|
|
pieces.push( this );
|
|
if ( pieces.length === rows * cells ) {
|
|
animComplete();
|
|
}
|
|
}
|
|
|
|
// clone the element for each row and cell.
|
|
for( i = 0; i < rows ; i++ ) { // ===>
|
|
top = offset.top + i * height;
|
|
my = i - ( rows - 1 ) / 2 ;
|
|
|
|
for( j = 0; j < cells ; j++ ) { // |||
|
|
left = offset.left + j * width;
|
|
mx = j - ( cells - 1 ) / 2 ;
|
|
|
|
// Create a clone of the now hidden main element that will be absolute positioned
|
|
// within a wrapper div off the -left and -top equal to size of our pieces
|
|
el
|
|
.clone()
|
|
.appendTo( "body" )
|
|
.wrap( "<div></div>" )
|
|
.css({
|
|
position: "absolute",
|
|
visibility: "visible",
|
|
left: -j * width,
|
|
top: -i * height
|
|
})
|
|
|
|
// select the wrapper - make it overflow: hidden and absolute positioned based on
|
|
// where the original was located +left and +top equal to the size of pieces
|
|
.parent()
|
|
.addClass( "ui-effects-explode" )
|
|
.css({
|
|
position: "absolute",
|
|
overflow: "hidden",
|
|
width: width,
|
|
height: height,
|
|
left: left + ( show ? mx * width : 0 ),
|
|
top: top + ( show ? my * height : 0 ),
|
|
opacity: show ? 0 : 1
|
|
}).animate({
|
|
left: left + ( show ? 0 : mx * width ),
|
|
top: top + ( show ? 0 : my * height ),
|
|
opacity: show ? 1 : 0
|
|
}, o.duration || 500, o.easing, childComplete );
|
|
}
|
|
}
|
|
|
|
function animComplete() {
|
|
el.css({
|
|
visibility: "visible"
|
|
});
|
|
$( pieces ).remove();
|
|
if ( !show ) {
|
|
el.hide();
|
|
}
|
|
done();
|
|
}
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.fade = function( o, done ) {
|
|
var el = $( this ),
|
|
mode = $.effects.setMode( el, o.mode || "toggle" );
|
|
|
|
el.animate({
|
|
opacity: mode
|
|
}, {
|
|
queue: false,
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
complete: done
|
|
});
|
|
};
|
|
|
|
})( jQuery );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.fold = function( o, done ) {
|
|
|
|
// Create element
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
|
|
mode = $.effects.setMode( el, o.mode || "hide" ),
|
|
show = mode === "show",
|
|
hide = mode === "hide",
|
|
size = o.size || 15,
|
|
percent = /([0-9]+)%/.exec( size ),
|
|
horizFirst = !!o.horizFirst,
|
|
widthFirst = show !== horizFirst,
|
|
ref = widthFirst ? [ "width", "height" ] : [ "height", "width" ],
|
|
duration = o.duration / 2,
|
|
wrapper, distance,
|
|
animation1 = {},
|
|
animation2 = {};
|
|
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
|
|
// Create Wrapper
|
|
wrapper = $.effects.createWrapper( el ).css({
|
|
overflow: "hidden"
|
|
});
|
|
distance = widthFirst ?
|
|
[ wrapper.width(), wrapper.height() ] :
|
|
[ wrapper.height(), wrapper.width() ];
|
|
|
|
if ( percent ) {
|
|
size = parseInt( percent[ 1 ], 10 ) / 100 * distance[ hide ? 0 : 1 ];
|
|
}
|
|
if ( show ) {
|
|
wrapper.css( horizFirst ? {
|
|
height: 0,
|
|
width: size
|
|
} : {
|
|
height: size,
|
|
width: 0
|
|
});
|
|
}
|
|
|
|
// Animation
|
|
animation1[ ref[ 0 ] ] = show ? distance[ 0 ] : size;
|
|
animation2[ ref[ 1 ] ] = show ? distance[ 1 ] : 0;
|
|
|
|
// Animate
|
|
wrapper
|
|
.animate( animation1, duration, o.easing )
|
|
.animate( animation2, duration, o.easing, function() {
|
|
if ( hide ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
});
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.highlight = function( o, done ) {
|
|
var elem = $( this ),
|
|
props = [ "backgroundImage", "backgroundColor", "opacity" ],
|
|
mode = $.effects.setMode( elem, o.mode || "show" ),
|
|
animation = {
|
|
backgroundColor: elem.css( "backgroundColor" )
|
|
};
|
|
|
|
if (mode === "hide") {
|
|
animation.opacity = 0;
|
|
}
|
|
|
|
$.effects.save( elem, props );
|
|
|
|
elem
|
|
.show()
|
|
.css({
|
|
backgroundImage: "none",
|
|
backgroundColor: o.color || "#ffff99"
|
|
})
|
|
.animate( animation, {
|
|
queue: false,
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
complete: function() {
|
|
if ( mode === "hide" ) {
|
|
elem.hide();
|
|
}
|
|
$.effects.restore( elem, props );
|
|
done();
|
|
}
|
|
});
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.pulsate = function( o, done ) {
|
|
var elem = $( this ),
|
|
mode = $.effects.setMode( elem, o.mode || "show" ),
|
|
show = mode === "show",
|
|
hide = mode === "hide",
|
|
showhide = ( show || mode === "hide" ),
|
|
|
|
// showing or hiding leaves of the "last" animation
|
|
anims = ( ( o.times || 5 ) * 2 ) + ( showhide ? 1 : 0 ),
|
|
duration = o.duration / anims,
|
|
animateTo = 0,
|
|
queue = elem.queue(),
|
|
queuelen = queue.length,
|
|
i;
|
|
|
|
if ( show || !elem.is(":visible")) {
|
|
elem.css( "opacity", 0 ).show();
|
|
animateTo = 1;
|
|
}
|
|
|
|
// anims - 1 opacity "toggles"
|
|
for ( i = 1; i < anims; i++ ) {
|
|
elem.animate({
|
|
opacity: animateTo
|
|
}, duration, o.easing );
|
|
animateTo = 1 - animateTo;
|
|
}
|
|
|
|
elem.animate({
|
|
opacity: animateTo
|
|
}, duration, o.easing);
|
|
|
|
elem.queue(function() {
|
|
if ( hide ) {
|
|
elem.hide();
|
|
}
|
|
done();
|
|
});
|
|
|
|
// We just queued up "anims" animations, we need to put them next in the queue
|
|
if ( queuelen > 1 ) {
|
|
queue.splice.apply( queue,
|
|
[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
|
|
}
|
|
elem.dequeue();
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.puff = function( o, done ) {
|
|
var elem = $( this ),
|
|
mode = $.effects.setMode( elem, o.mode || "hide" ),
|
|
hide = mode === "hide",
|
|
percent = parseInt( o.percent, 10 ) || 150,
|
|
factor = percent / 100,
|
|
original = {
|
|
height: elem.height(),
|
|
width: elem.width(),
|
|
outerHeight: elem.outerHeight(),
|
|
outerWidth: elem.outerWidth()
|
|
};
|
|
|
|
$.extend( o, {
|
|
effect: "scale",
|
|
queue: false,
|
|
fade: true,
|
|
mode: mode,
|
|
complete: done,
|
|
percent: hide ? percent : 100,
|
|
from: hide ?
|
|
original :
|
|
{
|
|
height: original.height * factor,
|
|
width: original.width * factor,
|
|
outerHeight: original.outerHeight * factor,
|
|
outerWidth: original.outerWidth * factor
|
|
}
|
|
});
|
|
|
|
elem.effect( o );
|
|
};
|
|
|
|
$.effects.effect.scale = function( o, done ) {
|
|
|
|
// Create element
|
|
var el = $( this ),
|
|
options = $.extend( true, {}, o ),
|
|
mode = $.effects.setMode( el, o.mode || "effect" ),
|
|
percent = parseInt( o.percent, 10 ) ||
|
|
( parseInt( o.percent, 10 ) === 0 ? 0 : ( mode === "hide" ? 0 : 100 ) ),
|
|
direction = o.direction || "both",
|
|
origin = o.origin,
|
|
original = {
|
|
height: el.height(),
|
|
width: el.width(),
|
|
outerHeight: el.outerHeight(),
|
|
outerWidth: el.outerWidth()
|
|
},
|
|
factor = {
|
|
y: direction !== "horizontal" ? (percent / 100) : 1,
|
|
x: direction !== "vertical" ? (percent / 100) : 1
|
|
};
|
|
|
|
// We are going to pass this effect to the size effect:
|
|
options.effect = "size";
|
|
options.queue = false;
|
|
options.complete = done;
|
|
|
|
// Set default origin and restore for show/hide
|
|
if ( mode !== "effect" ) {
|
|
options.origin = origin || ["middle","center"];
|
|
options.restore = true;
|
|
}
|
|
|
|
options.from = o.from || ( mode === "show" ? {
|
|
height: 0,
|
|
width: 0,
|
|
outerHeight: 0,
|
|
outerWidth: 0
|
|
} : original );
|
|
options.to = {
|
|
height: original.height * factor.y,
|
|
width: original.width * factor.x,
|
|
outerHeight: original.outerHeight * factor.y,
|
|
outerWidth: original.outerWidth * factor.x
|
|
};
|
|
|
|
// Fade option to support puff
|
|
if ( options.fade ) {
|
|
if ( mode === "show" ) {
|
|
options.from.opacity = 0;
|
|
options.to.opacity = 1;
|
|
}
|
|
if ( mode === "hide" ) {
|
|
options.from.opacity = 1;
|
|
options.to.opacity = 0;
|
|
}
|
|
}
|
|
|
|
// Animate
|
|
el.effect( options );
|
|
|
|
};
|
|
|
|
$.effects.effect.size = function( o, done ) {
|
|
|
|
// Create element
|
|
var original, baseline, factor,
|
|
el = $( this ),
|
|
props0 = [ "position", "top", "bottom", "left", "right", "width", "height", "overflow", "opacity" ],
|
|
|
|
// Always restore
|
|
props1 = [ "position", "top", "bottom", "left", "right", "overflow", "opacity" ],
|
|
|
|
// Copy for children
|
|
props2 = [ "width", "height", "overflow" ],
|
|
cProps = [ "fontSize" ],
|
|
vProps = [ "borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom" ],
|
|
hProps = [ "borderLeftWidth", "borderRightWidth", "paddingLeft", "paddingRight" ],
|
|
|
|
// Set options
|
|
mode = $.effects.setMode( el, o.mode || "effect" ),
|
|
restore = o.restore || mode !== "effect",
|
|
scale = o.scale || "both",
|
|
origin = o.origin || [ "middle", "center" ],
|
|
position = el.css( "position" ),
|
|
props = restore ? props0 : props1,
|
|
zero = {
|
|
height: 0,
|
|
width: 0,
|
|
outerHeight: 0,
|
|
outerWidth: 0
|
|
};
|
|
|
|
if ( mode === "show" ) {
|
|
el.show();
|
|
}
|
|
original = {
|
|
height: el.height(),
|
|
width: el.width(),
|
|
outerHeight: el.outerHeight(),
|
|
outerWidth: el.outerWidth()
|
|
};
|
|
|
|
if ( o.mode === "toggle" && mode === "show" ) {
|
|
el.from = o.to || zero;
|
|
el.to = o.from || original;
|
|
} else {
|
|
el.from = o.from || ( mode === "show" ? zero : original );
|
|
el.to = o.to || ( mode === "hide" ? zero : original );
|
|
}
|
|
|
|
// Set scaling factor
|
|
factor = {
|
|
from: {
|
|
y: el.from.height / original.height,
|
|
x: el.from.width / original.width
|
|
},
|
|
to: {
|
|
y: el.to.height / original.height,
|
|
x: el.to.width / original.width
|
|
}
|
|
};
|
|
|
|
// Scale the css box
|
|
if ( scale === "box" || scale === "both" ) {
|
|
|
|
// Vertical props scaling
|
|
if ( factor.from.y !== factor.to.y ) {
|
|
props = props.concat( vProps );
|
|
el.from = $.effects.setTransition( el, vProps, factor.from.y, el.from );
|
|
el.to = $.effects.setTransition( el, vProps, factor.to.y, el.to );
|
|
}
|
|
|
|
// Horizontal props scaling
|
|
if ( factor.from.x !== factor.to.x ) {
|
|
props = props.concat( hProps );
|
|
el.from = $.effects.setTransition( el, hProps, factor.from.x, el.from );
|
|
el.to = $.effects.setTransition( el, hProps, factor.to.x, el.to );
|
|
}
|
|
}
|
|
|
|
// Scale the content
|
|
if ( scale === "content" || scale === "both" ) {
|
|
|
|
// Vertical props scaling
|
|
if ( factor.from.y !== factor.to.y ) {
|
|
props = props.concat( cProps ).concat( props2 );
|
|
el.from = $.effects.setTransition( el, cProps, factor.from.y, el.from );
|
|
el.to = $.effects.setTransition( el, cProps, factor.to.y, el.to );
|
|
}
|
|
}
|
|
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
$.effects.createWrapper( el );
|
|
el.css( "overflow", "hidden" ).css( el.from );
|
|
|
|
// Adjust
|
|
if (origin) { // Calculate baseline shifts
|
|
baseline = $.effects.getBaseline( origin, original );
|
|
el.from.top = ( original.outerHeight - el.outerHeight() ) * baseline.y;
|
|
el.from.left = ( original.outerWidth - el.outerWidth() ) * baseline.x;
|
|
el.to.top = ( original.outerHeight - el.to.outerHeight ) * baseline.y;
|
|
el.to.left = ( original.outerWidth - el.to.outerWidth ) * baseline.x;
|
|
}
|
|
el.css( el.from ); // set top & left
|
|
|
|
// Animate
|
|
if ( scale === "content" || scale === "both" ) { // Scale the children
|
|
|
|
// Add margins/font-size
|
|
vProps = vProps.concat([ "marginTop", "marginBottom" ]).concat(cProps);
|
|
hProps = hProps.concat([ "marginLeft", "marginRight" ]);
|
|
props2 = props0.concat(vProps).concat(hProps);
|
|
|
|
el.find( "*[width]" ).each( function(){
|
|
var child = $( this ),
|
|
c_original = {
|
|
height: child.height(),
|
|
width: child.width(),
|
|
outerHeight: child.outerHeight(),
|
|
outerWidth: child.outerWidth()
|
|
};
|
|
if (restore) {
|
|
$.effects.save(child, props2);
|
|
}
|
|
|
|
child.from = {
|
|
height: c_original.height * factor.from.y,
|
|
width: c_original.width * factor.from.x,
|
|
outerHeight: c_original.outerHeight * factor.from.y,
|
|
outerWidth: c_original.outerWidth * factor.from.x
|
|
};
|
|
child.to = {
|
|
height: c_original.height * factor.to.y,
|
|
width: c_original.width * factor.to.x,
|
|
outerHeight: c_original.height * factor.to.y,
|
|
outerWidth: c_original.width * factor.to.x
|
|
};
|
|
|
|
// Vertical props scaling
|
|
if ( factor.from.y !== factor.to.y ) {
|
|
child.from = $.effects.setTransition( child, vProps, factor.from.y, child.from );
|
|
child.to = $.effects.setTransition( child, vProps, factor.to.y, child.to );
|
|
}
|
|
|
|
// Horizontal props scaling
|
|
if ( factor.from.x !== factor.to.x ) {
|
|
child.from = $.effects.setTransition( child, hProps, factor.from.x, child.from );
|
|
child.to = $.effects.setTransition( child, hProps, factor.to.x, child.to );
|
|
}
|
|
|
|
// Animate children
|
|
child.css( child.from );
|
|
child.animate( child.to, o.duration, o.easing, function() {
|
|
|
|
// Restore children
|
|
if ( restore ) {
|
|
$.effects.restore( child, props2 );
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
// Animate
|
|
el.animate( el.to, {
|
|
queue: false,
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
complete: function() {
|
|
if ( el.to.opacity === 0 ) {
|
|
el.css( "opacity", el.from.opacity );
|
|
}
|
|
if( mode === "hide" ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
if ( !restore ) {
|
|
|
|
// we need to calculate our new positioning based on the scaling
|
|
if ( position === "static" ) {
|
|
el.css({
|
|
position: "relative",
|
|
top: el.to.top,
|
|
left: el.to.left
|
|
});
|
|
} else {
|
|
$.each([ "top", "left" ], function( idx, pos ) {
|
|
el.css( pos, function( _, str ) {
|
|
var val = parseInt( str, 10 ),
|
|
toRef = idx ? el.to.left : el.to.top;
|
|
|
|
// if original was "auto", recalculate the new value from wrapper
|
|
if ( str === "auto" ) {
|
|
return toRef + "px";
|
|
}
|
|
|
|
return val + toRef + "px";
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.shake = function( o, done ) {
|
|
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
|
|
mode = $.effects.setMode( el, o.mode || "effect" ),
|
|
direction = o.direction || "left",
|
|
distance = o.distance || 20,
|
|
times = o.times || 3,
|
|
anims = times * 2 + 1,
|
|
speed = Math.round(o.duration/anims),
|
|
ref = (direction === "up" || direction === "down") ? "top" : "left",
|
|
positiveMotion = (direction === "up" || direction === "left"),
|
|
animation = {},
|
|
animation1 = {},
|
|
animation2 = {},
|
|
i,
|
|
|
|
// we will need to re-assemble the queue to stack our animations in place
|
|
queue = el.queue(),
|
|
queuelen = queue.length;
|
|
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
$.effects.createWrapper( el );
|
|
|
|
// Animation
|
|
animation[ ref ] = ( positiveMotion ? "-=" : "+=" ) + distance;
|
|
animation1[ ref ] = ( positiveMotion ? "+=" : "-=" ) + distance * 2;
|
|
animation2[ ref ] = ( positiveMotion ? "-=" : "+=" ) + distance * 2;
|
|
|
|
// Animate
|
|
el.animate( animation, speed, o.easing );
|
|
|
|
// Shakes
|
|
for ( i = 1; i < times; i++ ) {
|
|
el.animate( animation1, speed, o.easing ).animate( animation2, speed, o.easing );
|
|
}
|
|
el
|
|
.animate( animation1, speed, o.easing )
|
|
.animate( animation, speed / 2, o.easing )
|
|
.queue(function() {
|
|
if ( mode === "hide" ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
});
|
|
|
|
// inject all the animations we just queued to be first in line (after "inprogress")
|
|
if ( queuelen > 1) {
|
|
queue.splice.apply( queue,
|
|
[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
|
|
}
|
|
el.dequeue();
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.slide = function( o, done ) {
|
|
|
|
// Create element
|
|
var el = $( this ),
|
|
props = [ "position", "top", "bottom", "left", "right", "width", "height" ],
|
|
mode = $.effects.setMode( el, o.mode || "show" ),
|
|
show = mode === "show",
|
|
direction = o.direction || "left",
|
|
ref = (direction === "up" || direction === "down") ? "top" : "left",
|
|
positiveMotion = (direction === "up" || direction === "left"),
|
|
distance,
|
|
animation = {};
|
|
|
|
// Adjust
|
|
$.effects.save( el, props );
|
|
el.show();
|
|
distance = o.distance || el[ ref === "top" ? "outerHeight" : "outerWidth" ]( true );
|
|
|
|
$.effects.createWrapper( el ).css({
|
|
overflow: "hidden"
|
|
});
|
|
|
|
if ( show ) {
|
|
el.css( ref, positiveMotion ? (isNaN(distance) ? "-" + distance : -distance) : distance );
|
|
}
|
|
|
|
// Animation
|
|
animation[ ref ] = ( show ?
|
|
( positiveMotion ? "+=" : "-=") :
|
|
( positiveMotion ? "-=" : "+=")) +
|
|
distance;
|
|
|
|
// Animate
|
|
el.animate( animation, {
|
|
queue: false,
|
|
duration: o.duration,
|
|
easing: o.easing,
|
|
complete: function() {
|
|
if ( mode === "hide" ) {
|
|
el.hide();
|
|
}
|
|
$.effects.restore( el, props );
|
|
$.effects.removeWrapper( el );
|
|
done();
|
|
}
|
|
});
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.effects.effect.transfer = function( o, done ) {
|
|
var elem = $( this ),
|
|
target = $( o.to ),
|
|
targetFixed = target.css( "position" ) === "fixed",
|
|
body = $("body"),
|
|
fixTop = targetFixed ? body.scrollTop() : 0,
|
|
fixLeft = targetFixed ? body.scrollLeft() : 0,
|
|
endPosition = target.offset(),
|
|
animation = {
|
|
top: endPosition.top - fixTop ,
|
|
left: endPosition.left - fixLeft ,
|
|
height: target.innerHeight(),
|
|
width: target.innerWidth()
|
|
},
|
|
startPosition = elem.offset(),
|
|
transfer = $( "<div class='ui-effects-transfer'></div>" )
|
|
.appendTo( document.body )
|
|
.addClass( o.className )
|
|
.css({
|
|
top: startPosition.top - fixTop ,
|
|
left: startPosition.left - fixLeft ,
|
|
height: elem.innerHeight(),
|
|
width: elem.innerWidth(),
|
|
position: targetFixed ? "fixed" : "absolute"
|
|
})
|
|
.animate( animation, o.duration, o.easing, function() {
|
|
transfer.remove();
|
|
done();
|
|
});
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.widget( "ui.menu", {
|
|
version: "1.10.0",
|
|
defaultElement: "<ul>",
|
|
delay: 300,
|
|
options: {
|
|
icons: {
|
|
submenu: "ui-icon-carat-1-e"
|
|
},
|
|
menus: "ul",
|
|
position: {
|
|
my: "left top",
|
|
at: "right top"
|
|
},
|
|
role: "menu",
|
|
|
|
// callbacks
|
|
blur: null,
|
|
focus: null,
|
|
select: null
|
|
},
|
|
|
|
_create: function() {
|
|
this.activeMenu = this.element;
|
|
// flag used to prevent firing of the click handler
|
|
// as the event bubbles up through nested menus
|
|
this.mouseHandled = false;
|
|
this.element
|
|
.uniqueId()
|
|
.addClass( "ui-menu ui-widget ui-widget-content ui-corner-all" )
|
|
.toggleClass( "ui-menu-icons", !!this.element.find( ".ui-icon" ).length )
|
|
.attr({
|
|
role: this.options.role,
|
|
tabIndex: 0
|
|
})
|
|
// need to catch all clicks on disabled menu
|
|
// not possible through _on
|
|
.bind( "click" + this.eventNamespace, $.proxy(function( event ) {
|
|
if ( this.options.disabled ) {
|
|
event.preventDefault();
|
|
}
|
|
}, this ));
|
|
|
|
if ( this.options.disabled ) {
|
|
this.element
|
|
.addClass( "ui-state-disabled" )
|
|
.attr( "aria-disabled", "true" );
|
|
}
|
|
|
|
this._on({
|
|
// Prevent focus from sticking to links inside menu after clicking
|
|
// them (focus should always stay on UL during navigation).
|
|
"mousedown .ui-menu-item > a": function( event ) {
|
|
event.preventDefault();
|
|
},
|
|
"click .ui-state-disabled > a": function( event ) {
|
|
event.preventDefault();
|
|
},
|
|
"click .ui-menu-item:has(a)": function( event ) {
|
|
var target = $( event.target ).closest( ".ui-menu-item" );
|
|
if ( !this.mouseHandled && target.not( ".ui-state-disabled" ).length ) {
|
|
this.mouseHandled = true;
|
|
|
|
this.select( event );
|
|
// Open submenu on click
|
|
if ( target.has( ".ui-menu" ).length ) {
|
|
this.expand( event );
|
|
} else if ( !this.element.is( ":focus" ) ) {
|
|
// Redirect focus to the menu
|
|
this.element.trigger( "focus", [ true ] );
|
|
|
|
// If the active item is on the top level, let it stay active.
|
|
// Otherwise, blur the active item since it is no longer visible.
|
|
if ( this.active && this.active.parents( ".ui-menu" ).length === 1 ) {
|
|
clearTimeout( this.timer );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"mouseenter .ui-menu-item": function( event ) {
|
|
var target = $( event.currentTarget );
|
|
// Remove ui-state-active class from siblings of the newly focused menu item
|
|
// to avoid a jump caused by adjacent elements both having a class with a border
|
|
target.siblings().children( ".ui-state-active" ).removeClass( "ui-state-active" );
|
|
this.focus( event, target );
|
|
},
|
|
mouseleave: "collapseAll",
|
|
"mouseleave .ui-menu": "collapseAll",
|
|
focus: function( event, keepActiveItem ) {
|
|
// If there's already an active item, keep it active
|
|
// If not, activate the first item
|
|
var item = this.active || this.element.children( ".ui-menu-item" ).eq( 0 );
|
|
|
|
if ( !keepActiveItem ) {
|
|
this.focus( event, item );
|
|
}
|
|
},
|
|
blur: function( event ) {
|
|
this._delay(function() {
|
|
if ( !$.contains( this.element[0], this.document[0].activeElement ) ) {
|
|
this.collapseAll( event );
|
|
}
|
|
});
|
|
},
|
|
keydown: "_keydown"
|
|
});
|
|
|
|
this.refresh();
|
|
|
|
// Clicks outside of a menu collapse any open menus
|
|
this._on( this.document, {
|
|
click: function( event ) {
|
|
if ( !$( event.target ).closest( ".ui-menu" ).length ) {
|
|
this.collapseAll( event );
|
|
}
|
|
|
|
// Reset the mouseHandled flag
|
|
this.mouseHandled = false;
|
|
}
|
|
});
|
|
},
|
|
|
|
_destroy: function() {
|
|
// Destroy (sub)menus
|
|
this.element
|
|
.removeAttr( "aria-activedescendant" )
|
|
.find( ".ui-menu" ).addBack()
|
|
.removeClass( "ui-menu ui-widget ui-widget-content ui-corner-all ui-menu-icons" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "tabIndex" )
|
|
.removeAttr( "aria-labelledby" )
|
|
.removeAttr( "aria-expanded" )
|
|
.removeAttr( "aria-hidden" )
|
|
.removeAttr( "aria-disabled" )
|
|
.removeUniqueId()
|
|
.show();
|
|
|
|
// Destroy menu items
|
|
this.element.find( ".ui-menu-item" )
|
|
.removeClass( "ui-menu-item" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-disabled" )
|
|
.children( "a" )
|
|
.removeUniqueId()
|
|
.removeClass( "ui-corner-all ui-state-hover" )
|
|
.removeAttr( "tabIndex" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-haspopup" )
|
|
.children().each( function() {
|
|
var elem = $( this );
|
|
if ( elem.data( "ui-menu-submenu-carat" ) ) {
|
|
elem.remove();
|
|
}
|
|
});
|
|
|
|
// Destroy menu dividers
|
|
this.element.find( ".ui-menu-divider" ).removeClass( "ui-menu-divider ui-widget-content" );
|
|
},
|
|
|
|
_keydown: function( event ) {
|
|
/*jshint maxcomplexity:20*/
|
|
var match, prev, character, skip, regex,
|
|
preventDefault = true;
|
|
|
|
function escape( value ) {
|
|
return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
|
|
}
|
|
|
|
switch ( event.keyCode ) {
|
|
case $.ui.keyCode.PAGE_UP:
|
|
this.previousPage( event );
|
|
break;
|
|
case $.ui.keyCode.PAGE_DOWN:
|
|
this.nextPage( event );
|
|
break;
|
|
case $.ui.keyCode.HOME:
|
|
this._move( "first", "first", event );
|
|
break;
|
|
case $.ui.keyCode.END:
|
|
this._move( "last", "last", event );
|
|
break;
|
|
case $.ui.keyCode.UP:
|
|
this.previous( event );
|
|
break;
|
|
case $.ui.keyCode.DOWN:
|
|
this.next( event );
|
|
break;
|
|
case $.ui.keyCode.LEFT:
|
|
this.collapse( event );
|
|
break;
|
|
case $.ui.keyCode.RIGHT:
|
|
if ( this.active && !this.active.is( ".ui-state-disabled" ) ) {
|
|
this.expand( event );
|
|
}
|
|
break;
|
|
case $.ui.keyCode.ENTER:
|
|
case $.ui.keyCode.SPACE:
|
|
this._activate( event );
|
|
break;
|
|
case $.ui.keyCode.ESCAPE:
|
|
this.collapse( event );
|
|
break;
|
|
default:
|
|
preventDefault = false;
|
|
prev = this.previousFilter || "";
|
|
character = String.fromCharCode( event.keyCode );
|
|
skip = false;
|
|
|
|
clearTimeout( this.filterTimer );
|
|
|
|
if ( character === prev ) {
|
|
skip = true;
|
|
} else {
|
|
character = prev + character;
|
|
}
|
|
|
|
regex = new RegExp( "^" + escape( character ), "i" );
|
|
match = this.activeMenu.children( ".ui-menu-item" ).filter(function() {
|
|
return regex.test( $( this ).children( "a" ).text() );
|
|
});
|
|
match = skip && match.index( this.active.next() ) !== -1 ?
|
|
this.active.nextAll( ".ui-menu-item" ) :
|
|
match;
|
|
|
|
// If no matches on the current filter, reset to the last character pressed
|
|
// to move down the menu to the first item that starts with that character
|
|
if ( !match.length ) {
|
|
character = String.fromCharCode( event.keyCode );
|
|
regex = new RegExp( "^" + escape( character ), "i" );
|
|
match = this.activeMenu.children( ".ui-menu-item" ).filter(function() {
|
|
return regex.test( $( this ).children( "a" ).text() );
|
|
});
|
|
}
|
|
|
|
if ( match.length ) {
|
|
this.focus( event, match );
|
|
if ( match.length > 1 ) {
|
|
this.previousFilter = character;
|
|
this.filterTimer = this._delay(function() {
|
|
delete this.previousFilter;
|
|
}, 1000 );
|
|
} else {
|
|
delete this.previousFilter;
|
|
}
|
|
} else {
|
|
delete this.previousFilter;
|
|
}
|
|
}
|
|
|
|
if ( preventDefault ) {
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
|
|
_activate: function( event ) {
|
|
if ( !this.active.is( ".ui-state-disabled" ) ) {
|
|
if ( this.active.children( "a[aria-haspopup='true']" ).length ) {
|
|
this.expand( event );
|
|
} else {
|
|
this.select( event );
|
|
}
|
|
}
|
|
},
|
|
|
|
refresh: function() {
|
|
var menus,
|
|
icon = this.options.icons.submenu,
|
|
submenus = this.element.find( this.options.menus );
|
|
|
|
// Initialize nested menus
|
|
submenus.filter( ":not(.ui-menu)" )
|
|
.addClass( "ui-menu ui-widget ui-widget-content ui-corner-all" )
|
|
.hide()
|
|
.attr({
|
|
role: this.options.role,
|
|
"aria-hidden": "true",
|
|
"aria-expanded": "false"
|
|
})
|
|
.each(function() {
|
|
var menu = $( this ),
|
|
item = menu.prev( "a" ),
|
|
submenuCarat = $( "<span>" )
|
|
.addClass( "ui-menu-icon ui-icon " + icon )
|
|
.data( "ui-menu-submenu-carat", true );
|
|
|
|
item
|
|
.attr( "aria-haspopup", "true" )
|
|
.prepend( submenuCarat );
|
|
menu.attr( "aria-labelledby", item.attr( "id" ) );
|
|
});
|
|
|
|
menus = submenus.add( this.element );
|
|
|
|
// Don't refresh list items that are already adapted
|
|
menus.children( ":not(.ui-menu-item):has(a)" )
|
|
.addClass( "ui-menu-item" )
|
|
.attr( "role", "presentation" )
|
|
.children( "a" )
|
|
.uniqueId()
|
|
.addClass( "ui-corner-all" )
|
|
.attr({
|
|
tabIndex: -1,
|
|
role: this._itemRole()
|
|
});
|
|
|
|
// Initialize unlinked menu-items containing spaces and/or dashes only as dividers
|
|
menus.children( ":not(.ui-menu-item)" ).each(function() {
|
|
var item = $( this );
|
|
// hyphen, em dash, en dash
|
|
if ( !/[^\-—–\s]/.test( item.text() ) ) {
|
|
item.addClass( "ui-widget-content ui-menu-divider" );
|
|
}
|
|
});
|
|
|
|
// Add aria-disabled attribute to any disabled menu item
|
|
menus.children( ".ui-state-disabled" ).attr( "aria-disabled", "true" );
|
|
|
|
// If the active item has been removed, blur the menu
|
|
if ( this.active && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
|
|
this.blur();
|
|
}
|
|
},
|
|
|
|
_itemRole: function() {
|
|
return {
|
|
menu: "menuitem",
|
|
listbox: "option"
|
|
}[ this.options.role ];
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
if ( key === "icons" ) {
|
|
this.element.find( ".ui-menu-icon" )
|
|
.removeClass( this.options.icons.submenu )
|
|
.addClass( value.submenu );
|
|
}
|
|
this._super( key, value );
|
|
},
|
|
|
|
focus: function( event, item ) {
|
|
var nested, focused;
|
|
this.blur( event, event && event.type === "focus" );
|
|
|
|
this._scrollIntoView( item );
|
|
|
|
this.active = item.first();
|
|
focused = this.active.children( "a" ).addClass( "ui-state-focus" );
|
|
// Only update aria-activedescendant if there's a role
|
|
// otherwise we assume focus is managed elsewhere
|
|
if ( this.options.role ) {
|
|
this.element.attr( "aria-activedescendant", focused.attr( "id" ) );
|
|
}
|
|
|
|
// Highlight active parent menu item, if any
|
|
this.active
|
|
.parent()
|
|
.closest( ".ui-menu-item" )
|
|
.children( "a:first" )
|
|
.addClass( "ui-state-active" );
|
|
|
|
if ( event && event.type === "keydown" ) {
|
|
this._close();
|
|
} else {
|
|
this.timer = this._delay(function() {
|
|
this._close();
|
|
}, this.delay );
|
|
}
|
|
|
|
nested = item.children( ".ui-menu" );
|
|
if ( nested.length && ( /^mouse/.test( event.type ) ) ) {
|
|
this._startOpening(nested);
|
|
}
|
|
this.activeMenu = item.parent();
|
|
|
|
this._trigger( "focus", event, { item: item } );
|
|
},
|
|
|
|
_scrollIntoView: function( item ) {
|
|
var borderTop, paddingTop, offset, scroll, elementHeight, itemHeight;
|
|
if ( this._hasScroll() ) {
|
|
borderTop = parseFloat( $.css( this.activeMenu[0], "borderTopWidth" ) ) || 0;
|
|
paddingTop = parseFloat( $.css( this.activeMenu[0], "paddingTop" ) ) || 0;
|
|
offset = item.offset().top - this.activeMenu.offset().top - borderTop - paddingTop;
|
|
scroll = this.activeMenu.scrollTop();
|
|
elementHeight = this.activeMenu.height();
|
|
itemHeight = item.height();
|
|
|
|
if ( offset < 0 ) {
|
|
this.activeMenu.scrollTop( scroll + offset );
|
|
} else if ( offset + itemHeight > elementHeight ) {
|
|
this.activeMenu.scrollTop( scroll + offset - elementHeight + itemHeight );
|
|
}
|
|
}
|
|
},
|
|
|
|
blur: function( event, fromFocus ) {
|
|
if ( !fromFocus ) {
|
|
clearTimeout( this.timer );
|
|
}
|
|
|
|
if ( !this.active ) {
|
|
return;
|
|
}
|
|
|
|
this.active.children( "a" ).removeClass( "ui-state-focus" );
|
|
this.active = null;
|
|
|
|
this._trigger( "blur", event, { item: this.active } );
|
|
},
|
|
|
|
_startOpening: function( submenu ) {
|
|
clearTimeout( this.timer );
|
|
|
|
// Don't open if already open fixes a Firefox bug that caused a .5 pixel
|
|
// shift in the submenu position when mousing over the carat icon
|
|
if ( submenu.attr( "aria-hidden" ) !== "true" ) {
|
|
return;
|
|
}
|
|
|
|
this.timer = this._delay(function() {
|
|
this._close();
|
|
this._open( submenu );
|
|
}, this.delay );
|
|
},
|
|
|
|
_open: function( submenu ) {
|
|
var position = $.extend({
|
|
of: this.active
|
|
}, this.options.position );
|
|
|
|
clearTimeout( this.timer );
|
|
this.element.find( ".ui-menu" ).not( submenu.parents( ".ui-menu" ) )
|
|
.hide()
|
|
.attr( "aria-hidden", "true" );
|
|
|
|
submenu
|
|
.show()
|
|
.removeAttr( "aria-hidden" )
|
|
.attr( "aria-expanded", "true" )
|
|
.position( position );
|
|
},
|
|
|
|
collapseAll: function( event, all ) {
|
|
clearTimeout( this.timer );
|
|
this.timer = this._delay(function() {
|
|
// If we were passed an event, look for the submenu that contains the event
|
|
var currentMenu = all ? this.element :
|
|
$( event && event.target ).closest( this.element.find( ".ui-menu" ) );
|
|
|
|
// If we found no valid submenu ancestor, use the main menu to close all sub menus anyway
|
|
if ( !currentMenu.length ) {
|
|
currentMenu = this.element;
|
|
}
|
|
|
|
this._close( currentMenu );
|
|
|
|
this.blur( event );
|
|
this.activeMenu = currentMenu;
|
|
}, this.delay );
|
|
},
|
|
|
|
// With no arguments, closes the currently active menu - if nothing is active
|
|
// it closes all menus. If passed an argument, it will search for menus BELOW
|
|
_close: function( startMenu ) {
|
|
if ( !startMenu ) {
|
|
startMenu = this.active ? this.active.parent() : this.element;
|
|
}
|
|
|
|
startMenu
|
|
.find( ".ui-menu" )
|
|
.hide()
|
|
.attr( "aria-hidden", "true" )
|
|
.attr( "aria-expanded", "false" )
|
|
.end()
|
|
.find( "a.ui-state-active" )
|
|
.removeClass( "ui-state-active" );
|
|
},
|
|
|
|
collapse: function( event ) {
|
|
var newItem = this.active &&
|
|
this.active.parent().closest( ".ui-menu-item", this.element );
|
|
if ( newItem && newItem.length ) {
|
|
this._close();
|
|
this.focus( event, newItem );
|
|
}
|
|
},
|
|
|
|
expand: function( event ) {
|
|
var newItem = this.active &&
|
|
this.active
|
|
.children( ".ui-menu " )
|
|
.children( ".ui-menu-item" )
|
|
.first();
|
|
|
|
if ( newItem && newItem.length ) {
|
|
this._open( newItem.parent() );
|
|
|
|
// Delay so Firefox will not hide activedescendant change in expanding submenu from AT
|
|
this._delay(function() {
|
|
this.focus( event, newItem );
|
|
});
|
|
}
|
|
},
|
|
|
|
next: function( event ) {
|
|
this._move( "next", "first", event );
|
|
},
|
|
|
|
previous: function( event ) {
|
|
this._move( "prev", "last", event );
|
|
},
|
|
|
|
isFirstItem: function() {
|
|
return this.active && !this.active.prevAll( ".ui-menu-item" ).length;
|
|
},
|
|
|
|
isLastItem: function() {
|
|
return this.active && !this.active.nextAll( ".ui-menu-item" ).length;
|
|
},
|
|
|
|
_move: function( direction, filter, event ) {
|
|
var next;
|
|
if ( this.active ) {
|
|
if ( direction === "first" || direction === "last" ) {
|
|
next = this.active
|
|
[ direction === "first" ? "prevAll" : "nextAll" ]( ".ui-menu-item" )
|
|
.eq( -1 );
|
|
} else {
|
|
next = this.active
|
|
[ direction + "All" ]( ".ui-menu-item" )
|
|
.eq( 0 );
|
|
}
|
|
}
|
|
if ( !next || !next.length || !this.active ) {
|
|
next = this.activeMenu.children( ".ui-menu-item" )[ filter ]();
|
|
}
|
|
|
|
this.focus( event, next );
|
|
},
|
|
|
|
nextPage: function( event ) {
|
|
var item, base, height;
|
|
|
|
if ( !this.active ) {
|
|
this.next( event );
|
|
return;
|
|
}
|
|
if ( this.isLastItem() ) {
|
|
return;
|
|
}
|
|
if ( this._hasScroll() ) {
|
|
base = this.active.offset().top;
|
|
height = this.element.height();
|
|
this.active.nextAll( ".ui-menu-item" ).each(function() {
|
|
item = $( this );
|
|
return item.offset().top - base - height < 0;
|
|
});
|
|
|
|
this.focus( event, item );
|
|
} else {
|
|
this.focus( event, this.activeMenu.children( ".ui-menu-item" )
|
|
[ !this.active ? "first" : "last" ]() );
|
|
}
|
|
},
|
|
|
|
previousPage: function( event ) {
|
|
var item, base, height;
|
|
if ( !this.active ) {
|
|
this.next( event );
|
|
return;
|
|
}
|
|
if ( this.isFirstItem() ) {
|
|
return;
|
|
}
|
|
if ( this._hasScroll() ) {
|
|
base = this.active.offset().top;
|
|
height = this.element.height();
|
|
this.active.prevAll( ".ui-menu-item" ).each(function() {
|
|
item = $( this );
|
|
return item.offset().top - base + height > 0;
|
|
});
|
|
|
|
this.focus( event, item );
|
|
} else {
|
|
this.focus( event, this.activeMenu.children( ".ui-menu-item" ).first() );
|
|
}
|
|
},
|
|
|
|
_hasScroll: function() {
|
|
return this.element.outerHeight() < this.element.prop( "scrollHeight" );
|
|
},
|
|
|
|
select: function( event ) {
|
|
// TODO: It should never be possible to not have an active item at this
|
|
// point, but the tests don't trigger mouseenter before click.
|
|
this.active = this.active || $( event.target ).closest( ".ui-menu-item" );
|
|
var ui = { item: this.active };
|
|
if ( !this.active.has( ".ui-menu" ).length ) {
|
|
this.collapseAll( event, true );
|
|
}
|
|
this._trigger( "select", event, ui );
|
|
}
|
|
});
|
|
|
|
}( jQuery ));
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.ui = $.ui || {};
|
|
|
|
var cachedScrollbarWidth,
|
|
max = Math.max,
|
|
abs = Math.abs,
|
|
round = Math.round,
|
|
rhorizontal = /left|center|right/,
|
|
rvertical = /top|center|bottom/,
|
|
roffset = /[\+\-]\d+%?/,
|
|
rposition = /^\w+/,
|
|
rpercent = /%$/,
|
|
_position = $.fn.position;
|
|
|
|
function getOffsets( offsets, width, height ) {
|
|
return [
|
|
parseInt( offsets[ 0 ], 10 ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
|
|
parseInt( offsets[ 1 ], 10 ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
|
|
];
|
|
}
|
|
|
|
function parseCss( element, property ) {
|
|
return parseInt( $.css( element, property ), 10 ) || 0;
|
|
}
|
|
|
|
function getDimensions( elem ) {
|
|
var raw = elem[0];
|
|
if ( raw.nodeType === 9 ) {
|
|
return {
|
|
width: elem.width(),
|
|
height: elem.height(),
|
|
offset: { top: 0, left: 0 }
|
|
};
|
|
}
|
|
if ( $.isWindow( raw ) ) {
|
|
return {
|
|
width: elem.width(),
|
|
height: elem.height(),
|
|
offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
|
|
};
|
|
}
|
|
if ( raw.preventDefault ) {
|
|
return {
|
|
width: 0,
|
|
height: 0,
|
|
offset: { top: raw.pageY, left: raw.pageX }
|
|
};
|
|
}
|
|
return {
|
|
width: elem.outerWidth(),
|
|
height: elem.outerHeight(),
|
|
offset: elem.offset()
|
|
};
|
|
}
|
|
|
|
$.position = {
|
|
scrollbarWidth: function() {
|
|
if ( cachedScrollbarWidth !== undefined ) {
|
|
return cachedScrollbarWidth;
|
|
}
|
|
var w1, w2,
|
|
div = $( "<div style='display:block;width:50px;height:50px;overflow:hidden;'><div style='height:100px;width:auto;'></div></div>" ),
|
|
innerDiv = div.children()[0];
|
|
|
|
$( "body" ).append( div );
|
|
w1 = innerDiv.offsetWidth;
|
|
div.css( "overflow", "scroll" );
|
|
|
|
w2 = innerDiv.offsetWidth;
|
|
|
|
if ( w1 === w2 ) {
|
|
w2 = div[0].clientWidth;
|
|
}
|
|
|
|
div.remove();
|
|
|
|
return (cachedScrollbarWidth = w1 - w2);
|
|
},
|
|
getScrollInfo: function( within ) {
|
|
var overflowX = within.isWindow ? "" : within.element.css( "overflow-x" ),
|
|
overflowY = within.isWindow ? "" : within.element.css( "overflow-y" ),
|
|
hasOverflowX = overflowX === "scroll" ||
|
|
( overflowX === "auto" && within.width < within.element[0].scrollWidth ),
|
|
hasOverflowY = overflowY === "scroll" ||
|
|
( overflowY === "auto" && within.height < within.element[0].scrollHeight );
|
|
return {
|
|
width: hasOverflowX ? $.position.scrollbarWidth() : 0,
|
|
height: hasOverflowY ? $.position.scrollbarWidth() : 0
|
|
};
|
|
},
|
|
getWithinInfo: function( element ) {
|
|
var withinElement = $( element || window ),
|
|
isWindow = $.isWindow( withinElement[0] );
|
|
return {
|
|
element: withinElement,
|
|
isWindow: isWindow,
|
|
offset: withinElement.offset() || { left: 0, top: 0 },
|
|
scrollLeft: withinElement.scrollLeft(),
|
|
scrollTop: withinElement.scrollTop(),
|
|
width: isWindow ? withinElement.width() : withinElement.outerWidth(),
|
|
height: isWindow ? withinElement.height() : withinElement.outerHeight()
|
|
};
|
|
}
|
|
};
|
|
|
|
$.fn.position = function( options ) {
|
|
if ( !options || !options.of ) {
|
|
return _position.apply( this, arguments );
|
|
}
|
|
|
|
// make a copy, we don't want to modify arguments
|
|
options = $.extend( {}, options );
|
|
|
|
var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
|
|
target = $( options.of ),
|
|
within = $.position.getWithinInfo( options.within ),
|
|
scrollInfo = $.position.getScrollInfo( within ),
|
|
collision = ( options.collision || "flip" ).split( " " ),
|
|
offsets = {};
|
|
|
|
dimensions = getDimensions( target );
|
|
if ( target[0].preventDefault ) {
|
|
// force left top to allow flipping
|
|
options.at = "left top";
|
|
}
|
|
targetWidth = dimensions.width;
|
|
targetHeight = dimensions.height;
|
|
targetOffset = dimensions.offset;
|
|
// clone to reuse original targetOffset later
|
|
basePosition = $.extend( {}, targetOffset );
|
|
|
|
// force my and at to have valid horizontal and vertical positions
|
|
// if a value is missing or invalid, it will be converted to center
|
|
$.each( [ "my", "at" ], function() {
|
|
var pos = ( options[ this ] || "" ).split( " " ),
|
|
horizontalOffset,
|
|
verticalOffset;
|
|
|
|
if ( pos.length === 1) {
|
|
pos = rhorizontal.test( pos[ 0 ] ) ?
|
|
pos.concat( [ "center" ] ) :
|
|
rvertical.test( pos[ 0 ] ) ?
|
|
[ "center" ].concat( pos ) :
|
|
[ "center", "center" ];
|
|
}
|
|
pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
|
|
pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
|
|
|
|
// calculate offsets
|
|
horizontalOffset = roffset.exec( pos[ 0 ] );
|
|
verticalOffset = roffset.exec( pos[ 1 ] );
|
|
offsets[ this ] = [
|
|
horizontalOffset ? horizontalOffset[ 0 ] : 0,
|
|
verticalOffset ? verticalOffset[ 0 ] : 0
|
|
];
|
|
|
|
// reduce to just the positions without the offsets
|
|
options[ this ] = [
|
|
rposition.exec( pos[ 0 ] )[ 0 ],
|
|
rposition.exec( pos[ 1 ] )[ 0 ]
|
|
];
|
|
});
|
|
|
|
// normalize collision option
|
|
if ( collision.length === 1 ) {
|
|
collision[ 1 ] = collision[ 0 ];
|
|
}
|
|
|
|
if ( options.at[ 0 ] === "right" ) {
|
|
basePosition.left += targetWidth;
|
|
} else if ( options.at[ 0 ] === "center" ) {
|
|
basePosition.left += targetWidth / 2;
|
|
}
|
|
|
|
if ( options.at[ 1 ] === "bottom" ) {
|
|
basePosition.top += targetHeight;
|
|
} else if ( options.at[ 1 ] === "center" ) {
|
|
basePosition.top += targetHeight / 2;
|
|
}
|
|
|
|
atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
|
|
basePosition.left += atOffset[ 0 ];
|
|
basePosition.top += atOffset[ 1 ];
|
|
|
|
return this.each(function() {
|
|
var collisionPosition, using,
|
|
elem = $( this ),
|
|
elemWidth = elem.outerWidth(),
|
|
elemHeight = elem.outerHeight(),
|
|
marginLeft = parseCss( this, "marginLeft" ),
|
|
marginTop = parseCss( this, "marginTop" ),
|
|
collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) + scrollInfo.width,
|
|
collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) + scrollInfo.height,
|
|
position = $.extend( {}, basePosition ),
|
|
myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
|
|
|
|
if ( options.my[ 0 ] === "right" ) {
|
|
position.left -= elemWidth;
|
|
} else if ( options.my[ 0 ] === "center" ) {
|
|
position.left -= elemWidth / 2;
|
|
}
|
|
|
|
if ( options.my[ 1 ] === "bottom" ) {
|
|
position.top -= elemHeight;
|
|
} else if ( options.my[ 1 ] === "center" ) {
|
|
position.top -= elemHeight / 2;
|
|
}
|
|
|
|
position.left += myOffset[ 0 ];
|
|
position.top += myOffset[ 1 ];
|
|
|
|
// if the browser doesn't support fractions, then round for consistent results
|
|
if ( !$.support.offsetFractions ) {
|
|
position.left = round( position.left );
|
|
position.top = round( position.top );
|
|
}
|
|
|
|
collisionPosition = {
|
|
marginLeft: marginLeft,
|
|
marginTop: marginTop
|
|
};
|
|
|
|
$.each( [ "left", "top" ], function( i, dir ) {
|
|
if ( $.ui.position[ collision[ i ] ] ) {
|
|
$.ui.position[ collision[ i ] ][ dir ]( position, {
|
|
targetWidth: targetWidth,
|
|
targetHeight: targetHeight,
|
|
elemWidth: elemWidth,
|
|
elemHeight: elemHeight,
|
|
collisionPosition: collisionPosition,
|
|
collisionWidth: collisionWidth,
|
|
collisionHeight: collisionHeight,
|
|
offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
|
|
my: options.my,
|
|
at: options.at,
|
|
within: within,
|
|
elem : elem
|
|
});
|
|
}
|
|
});
|
|
|
|
if ( options.using ) {
|
|
// adds feedback as second argument to using callback, if present
|
|
using = function( props ) {
|
|
var left = targetOffset.left - position.left,
|
|
right = left + targetWidth - elemWidth,
|
|
top = targetOffset.top - position.top,
|
|
bottom = top + targetHeight - elemHeight,
|
|
feedback = {
|
|
target: {
|
|
element: target,
|
|
left: targetOffset.left,
|
|
top: targetOffset.top,
|
|
width: targetWidth,
|
|
height: targetHeight
|
|
},
|
|
element: {
|
|
element: elem,
|
|
left: position.left,
|
|
top: position.top,
|
|
width: elemWidth,
|
|
height: elemHeight
|
|
},
|
|
horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
|
|
vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
|
|
};
|
|
if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
|
|
feedback.horizontal = "center";
|
|
}
|
|
if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
|
|
feedback.vertical = "middle";
|
|
}
|
|
if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
|
|
feedback.important = "horizontal";
|
|
} else {
|
|
feedback.important = "vertical";
|
|
}
|
|
options.using.call( this, props, feedback );
|
|
};
|
|
}
|
|
|
|
elem.offset( $.extend( position, { using: using } ) );
|
|
});
|
|
};
|
|
|
|
$.ui.position = {
|
|
fit: {
|
|
left: function( position, data ) {
|
|
var within = data.within,
|
|
withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
|
|
outerWidth = within.width,
|
|
collisionPosLeft = position.left - data.collisionPosition.marginLeft,
|
|
overLeft = withinOffset - collisionPosLeft,
|
|
overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
|
|
newOverRight;
|
|
|
|
// element is wider than within
|
|
if ( data.collisionWidth > outerWidth ) {
|
|
// element is initially over the left side of within
|
|
if ( overLeft > 0 && overRight <= 0 ) {
|
|
newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset;
|
|
position.left += overLeft - newOverRight;
|
|
// element is initially over right side of within
|
|
} else if ( overRight > 0 && overLeft <= 0 ) {
|
|
position.left = withinOffset;
|
|
// element is initially over both left and right sides of within
|
|
} else {
|
|
if ( overLeft > overRight ) {
|
|
position.left = withinOffset + outerWidth - data.collisionWidth;
|
|
} else {
|
|
position.left = withinOffset;
|
|
}
|
|
}
|
|
// too far left -> align with left edge
|
|
} else if ( overLeft > 0 ) {
|
|
position.left += overLeft;
|
|
// too far right -> align with right edge
|
|
} else if ( overRight > 0 ) {
|
|
position.left -= overRight;
|
|
// adjust based on position and margin
|
|
} else {
|
|
position.left = max( position.left - collisionPosLeft, position.left );
|
|
}
|
|
},
|
|
top: function( position, data ) {
|
|
var within = data.within,
|
|
withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
|
|
outerHeight = data.within.height,
|
|
collisionPosTop = position.top - data.collisionPosition.marginTop,
|
|
overTop = withinOffset - collisionPosTop,
|
|
overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
|
|
newOverBottom;
|
|
|
|
// element is taller than within
|
|
if ( data.collisionHeight > outerHeight ) {
|
|
// element is initially over the top of within
|
|
if ( overTop > 0 && overBottom <= 0 ) {
|
|
newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset;
|
|
position.top += overTop - newOverBottom;
|
|
// element is initially over bottom of within
|
|
} else if ( overBottom > 0 && overTop <= 0 ) {
|
|
position.top = withinOffset;
|
|
// element is initially over both top and bottom of within
|
|
} else {
|
|
if ( overTop > overBottom ) {
|
|
position.top = withinOffset + outerHeight - data.collisionHeight;
|
|
} else {
|
|
position.top = withinOffset;
|
|
}
|
|
}
|
|
// too far up -> align with top
|
|
} else if ( overTop > 0 ) {
|
|
position.top += overTop;
|
|
// too far down -> align with bottom edge
|
|
} else if ( overBottom > 0 ) {
|
|
position.top -= overBottom;
|
|
// adjust based on position and margin
|
|
} else {
|
|
position.top = max( position.top - collisionPosTop, position.top );
|
|
}
|
|
}
|
|
},
|
|
flip: {
|
|
left: function( position, data ) {
|
|
var within = data.within,
|
|
withinOffset = within.offset.left + within.scrollLeft,
|
|
outerWidth = within.width,
|
|
offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
|
|
collisionPosLeft = position.left - data.collisionPosition.marginLeft,
|
|
overLeft = collisionPosLeft - offsetLeft,
|
|
overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
|
|
myOffset = data.my[ 0 ] === "left" ?
|
|
-data.elemWidth :
|
|
data.my[ 0 ] === "right" ?
|
|
data.elemWidth :
|
|
0,
|
|
atOffset = data.at[ 0 ] === "left" ?
|
|
data.targetWidth :
|
|
data.at[ 0 ] === "right" ?
|
|
-data.targetWidth :
|
|
0,
|
|
offset = -2 * data.offset[ 0 ],
|
|
newOverRight,
|
|
newOverLeft;
|
|
|
|
if ( overLeft < 0 ) {
|
|
newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset;
|
|
if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
|
|
position.left += myOffset + atOffset + offset;
|
|
}
|
|
}
|
|
else if ( overRight > 0 ) {
|
|
newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft;
|
|
if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
|
|
position.left += myOffset + atOffset + offset;
|
|
}
|
|
}
|
|
},
|
|
top: function( position, data ) {
|
|
var within = data.within,
|
|
withinOffset = within.offset.top + within.scrollTop,
|
|
outerHeight = within.height,
|
|
offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
|
|
collisionPosTop = position.top - data.collisionPosition.marginTop,
|
|
overTop = collisionPosTop - offsetTop,
|
|
overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
|
|
top = data.my[ 1 ] === "top",
|
|
myOffset = top ?
|
|
-data.elemHeight :
|
|
data.my[ 1 ] === "bottom" ?
|
|
data.elemHeight :
|
|
0,
|
|
atOffset = data.at[ 1 ] === "top" ?
|
|
data.targetHeight :
|
|
data.at[ 1 ] === "bottom" ?
|
|
-data.targetHeight :
|
|
0,
|
|
offset = -2 * data.offset[ 1 ],
|
|
newOverTop,
|
|
newOverBottom;
|
|
if ( overTop < 0 ) {
|
|
newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset;
|
|
if ( ( position.top + myOffset + atOffset + offset) > overTop && ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) ) {
|
|
position.top += myOffset + atOffset + offset;
|
|
}
|
|
}
|
|
else if ( overBottom > 0 ) {
|
|
newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop;
|
|
if ( ( position.top + myOffset + atOffset + offset) > overBottom && ( newOverTop > 0 || abs( newOverTop ) < overBottom ) ) {
|
|
position.top += myOffset + atOffset + offset;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
flipfit: {
|
|
left: function() {
|
|
$.ui.position.flip.left.apply( this, arguments );
|
|
$.ui.position.fit.left.apply( this, arguments );
|
|
},
|
|
top: function() {
|
|
$.ui.position.flip.top.apply( this, arguments );
|
|
$.ui.position.fit.top.apply( this, arguments );
|
|
}
|
|
}
|
|
};
|
|
|
|
// fraction support test
|
|
(function () {
|
|
var testElement, testElementParent, testElementStyle, offsetLeft, i,
|
|
body = document.getElementsByTagName( "body" )[ 0 ],
|
|
div = document.createElement( "div" );
|
|
|
|
//Create a "fake body" for testing based on method used in jQuery.support
|
|
testElement = document.createElement( body ? "div" : "body" );
|
|
testElementStyle = {
|
|
visibility: "hidden",
|
|
width: 0,
|
|
height: 0,
|
|
border: 0,
|
|
margin: 0,
|
|
background: "none"
|
|
};
|
|
if ( body ) {
|
|
$.extend( testElementStyle, {
|
|
position: "absolute",
|
|
left: "-1000px",
|
|
top: "-1000px"
|
|
});
|
|
}
|
|
for ( i in testElementStyle ) {
|
|
testElement.style[ i ] = testElementStyle[ i ];
|
|
}
|
|
testElement.appendChild( div );
|
|
testElementParent = body || document.documentElement;
|
|
testElementParent.insertBefore( testElement, testElementParent.firstChild );
|
|
|
|
div.style.cssText = "position: absolute; left: 10.7432222px;";
|
|
|
|
offsetLeft = $( div ).offset().left;
|
|
$.support.offsetFractions = offsetLeft > 10 && offsetLeft < 11;
|
|
|
|
testElement.innerHTML = "";
|
|
testElementParent.removeChild( testElement );
|
|
})();
|
|
|
|
}( jQuery ) );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
$.widget( "ui.progressbar", {
|
|
version: "1.10.0",
|
|
options: {
|
|
max: 100,
|
|
value: 0,
|
|
|
|
change: null,
|
|
complete: null
|
|
},
|
|
|
|
min: 0,
|
|
|
|
_create: function() {
|
|
// Constrain initial value
|
|
this.oldValue = this.options.value = this._constrainedValue();
|
|
|
|
this.element
|
|
.addClass( "ui-progressbar ui-widget ui-widget-content ui-corner-all" )
|
|
.attr({
|
|
// Only set static values, aria-valuenow and aria-valuemax are
|
|
// set inside _refreshValue()
|
|
role: "progressbar",
|
|
"aria-valuemin": this.min
|
|
});
|
|
|
|
this.valueDiv = $( "<div class='ui-progressbar-value ui-widget-header ui-corner-left'></div>" )
|
|
.appendTo( this.element );
|
|
|
|
this._refreshValue();
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.element
|
|
.removeClass( "ui-progressbar ui-widget ui-widget-content ui-corner-all" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-valuemin" )
|
|
.removeAttr( "aria-valuemax" )
|
|
.removeAttr( "aria-valuenow" );
|
|
|
|
this.valueDiv.remove();
|
|
},
|
|
|
|
value: function( newValue ) {
|
|
if ( newValue === undefined ) {
|
|
return this.options.value;
|
|
}
|
|
|
|
this.options.value = this._constrainedValue( newValue );
|
|
this._refreshValue();
|
|
},
|
|
|
|
_constrainedValue: function( newValue ) {
|
|
if ( newValue === undefined ) {
|
|
newValue = this.options.value;
|
|
}
|
|
|
|
this.indeterminate = newValue === false;
|
|
|
|
// sanitize value
|
|
if ( typeof newValue !== "number" ) {
|
|
newValue = 0;
|
|
}
|
|
|
|
return this.indeterminate ? false :
|
|
Math.min( this.options.max, Math.max( this.min, newValue ) );
|
|
},
|
|
|
|
_setOptions: function( options ) {
|
|
// Ensure "value" option is set after other values (like max)
|
|
var value = options.value;
|
|
delete options.value;
|
|
|
|
this._super( options );
|
|
|
|
this.options.value = this._constrainedValue( value );
|
|
this._refreshValue();
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
if ( key === "max" ) {
|
|
// Don't allow a max less than min
|
|
value = Math.max( this.min, value );
|
|
}
|
|
|
|
this._super( key, value );
|
|
},
|
|
|
|
_percentage: function() {
|
|
return this.indeterminate ? 100 : 100 * ( this.options.value - this.min ) / ( this.options.max - this.min );
|
|
},
|
|
|
|
_refreshValue: function() {
|
|
var value = this.options.value,
|
|
percentage = this._percentage();
|
|
|
|
this.valueDiv
|
|
.toggle( this.indeterminate || value > this.min )
|
|
.toggleClass( "ui-corner-right", value === this.options.max )
|
|
.width( percentage.toFixed(0) + "%" );
|
|
|
|
this.element.toggleClass( "ui-progressbar-indeterminate", this.indeterminate );
|
|
|
|
if ( this.indeterminate ) {
|
|
this.element.removeAttr( "aria-valuenow" );
|
|
if ( !this.overlayDiv ) {
|
|
this.overlayDiv = $( "<div class='ui-progressbar-overlay'></div>" ).appendTo( this.valueDiv );
|
|
}
|
|
} else {
|
|
this.element.attr({
|
|
"aria-valuemax": this.options.max,
|
|
"aria-valuenow": value
|
|
});
|
|
if ( this.overlayDiv ) {
|
|
this.overlayDiv.remove();
|
|
this.overlayDiv = null;
|
|
}
|
|
}
|
|
|
|
if ( this.oldValue !== value ) {
|
|
this.oldValue = value;
|
|
this._trigger( "change" );
|
|
}
|
|
if ( value === this.options.max ) {
|
|
this._trigger( "complete" );
|
|
}
|
|
}
|
|
});
|
|
|
|
})( jQuery );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
// number of pages in a slider
|
|
// (how many times can you page up/down to go through the whole range)
|
|
var numPages = 5;
|
|
|
|
$.widget( "ui.slider", $.ui.mouse, {
|
|
version: "1.10.0",
|
|
widgetEventPrefix: "slide",
|
|
|
|
options: {
|
|
animate: false,
|
|
distance: 0,
|
|
max: 100,
|
|
min: 0,
|
|
orientation: "horizontal",
|
|
range: false,
|
|
step: 1,
|
|
value: 0,
|
|
values: null,
|
|
|
|
// callbacks
|
|
change: null,
|
|
slide: null,
|
|
start: null,
|
|
stop: null
|
|
},
|
|
|
|
_create: function() {
|
|
var i, handleCount,
|
|
o = this.options,
|
|
existingHandles = this.element.find( ".ui-slider-handle" ).addClass( "ui-state-default ui-corner-all" ),
|
|
handle = "<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>",
|
|
handles = [];
|
|
|
|
this._keySliding = false;
|
|
this._mouseSliding = false;
|
|
this._animateOff = true;
|
|
this._handleIndex = null;
|
|
this._detectOrientation();
|
|
this._mouseInit();
|
|
|
|
this.element
|
|
.addClass( "ui-slider" +
|
|
" ui-slider-" + this.orientation +
|
|
" ui-widget" +
|
|
" ui-widget-content" +
|
|
" ui-corner-all");
|
|
|
|
this.range = $([]);
|
|
|
|
if ( o.range ) {
|
|
if ( o.range === true ) {
|
|
if ( !o.values ) {
|
|
o.values = [ this._valueMin(), this._valueMin() ];
|
|
} else if ( o.values.length && o.values.length !== 2 ) {
|
|
o.values = [ o.values[0], o.values[0] ];
|
|
} else if ( $.isArray( o.values ) ) {
|
|
o.values = o.values.slice(0);
|
|
}
|
|
}
|
|
|
|
this.range = $( "<div></div>" )
|
|
.appendTo( this.element )
|
|
.addClass( "ui-slider-range" +
|
|
// note: this isn't the most fittingly semantic framework class for this element,
|
|
// but worked best visually with a variety of themes
|
|
" ui-widget-header" +
|
|
( ( o.range === "min" || o.range === "max" ) ? " ui-slider-range-" + o.range : "" ) );
|
|
}
|
|
|
|
handleCount = ( o.values && o.values.length ) || 1;
|
|
|
|
for ( i = existingHandles.length; i < handleCount; i++ ) {
|
|
handles.push( handle );
|
|
}
|
|
|
|
this.handles = existingHandles.add( $( handles.join( "" ) ).appendTo( this.element ) );
|
|
|
|
this.handle = this.handles.eq( 0 );
|
|
|
|
this.handles.add( this.range ).filter( "a" )
|
|
.click(function( event ) {
|
|
event.preventDefault();
|
|
})
|
|
.mouseenter(function() {
|
|
if ( !o.disabled ) {
|
|
$( this ).addClass( "ui-state-hover" );
|
|
}
|
|
})
|
|
.mouseleave(function() {
|
|
$( this ).removeClass( "ui-state-hover" );
|
|
})
|
|
.focus(function() {
|
|
if ( !o.disabled ) {
|
|
$( ".ui-slider .ui-state-focus" ).removeClass( "ui-state-focus" );
|
|
$( this ).addClass( "ui-state-focus" );
|
|
} else {
|
|
$( this ).blur();
|
|
}
|
|
})
|
|
.blur(function() {
|
|
$( this ).removeClass( "ui-state-focus" );
|
|
});
|
|
|
|
this.handles.each(function( i ) {
|
|
$( this ).data( "ui-slider-handle-index", i );
|
|
});
|
|
|
|
this._setOption( "disabled", o.disabled );
|
|
|
|
this._on( this.handles, this._handleEvents );
|
|
|
|
this._refreshValue();
|
|
|
|
this._animateOff = false;
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.handles.remove();
|
|
this.range.remove();
|
|
|
|
this.element
|
|
.removeClass( "ui-slider" +
|
|
" ui-slider-horizontal" +
|
|
" ui-slider-vertical" +
|
|
" ui-widget" +
|
|
" ui-widget-content" +
|
|
" ui-corner-all" );
|
|
|
|
this._mouseDestroy();
|
|
},
|
|
|
|
_mouseCapture: function( event ) {
|
|
var position, normValue, distance, closestHandle, index, allowed, offset, mouseOverHandle,
|
|
that = this,
|
|
o = this.options;
|
|
|
|
if ( o.disabled ) {
|
|
return false;
|
|
}
|
|
|
|
this.elementSize = {
|
|
width: this.element.outerWidth(),
|
|
height: this.element.outerHeight()
|
|
};
|
|
this.elementOffset = this.element.offset();
|
|
|
|
position = { x: event.pageX, y: event.pageY };
|
|
normValue = this._normValueFromMouse( position );
|
|
distance = this._valueMax() - this._valueMin() + 1;
|
|
this.handles.each(function( i ) {
|
|
var thisDistance = Math.abs( normValue - that.values(i) );
|
|
if (( distance > thisDistance ) ||
|
|
( distance === thisDistance &&
|
|
(i === that._lastChangedValue || that.values(i) === o.min ))) {
|
|
distance = thisDistance;
|
|
closestHandle = $( this );
|
|
index = i;
|
|
}
|
|
});
|
|
|
|
allowed = this._start( event, index );
|
|
if ( allowed === false ) {
|
|
return false;
|
|
}
|
|
this._mouseSliding = true;
|
|
|
|
this._handleIndex = index;
|
|
|
|
closestHandle
|
|
.addClass( "ui-state-active" )
|
|
.focus();
|
|
|
|
offset = closestHandle.offset();
|
|
mouseOverHandle = !$( event.target ).parents().addBack().is( ".ui-slider-handle" );
|
|
this._clickOffset = mouseOverHandle ? { left: 0, top: 0 } : {
|
|
left: event.pageX - offset.left - ( closestHandle.width() / 2 ),
|
|
top: event.pageY - offset.top -
|
|
( closestHandle.height() / 2 ) -
|
|
( parseInt( closestHandle.css("borderTopWidth"), 10 ) || 0 ) -
|
|
( parseInt( closestHandle.css("borderBottomWidth"), 10 ) || 0) +
|
|
( parseInt( closestHandle.css("marginTop"), 10 ) || 0)
|
|
};
|
|
|
|
if ( !this.handles.hasClass( "ui-state-hover" ) ) {
|
|
this._slide( event, index, normValue );
|
|
}
|
|
this._animateOff = true;
|
|
return true;
|
|
},
|
|
|
|
_mouseStart: function() {
|
|
return true;
|
|
},
|
|
|
|
_mouseDrag: function( event ) {
|
|
var position = { x: event.pageX, y: event.pageY },
|
|
normValue = this._normValueFromMouse( position );
|
|
|
|
this._slide( event, this._handleIndex, normValue );
|
|
|
|
return false;
|
|
},
|
|
|
|
_mouseStop: function( event ) {
|
|
this.handles.removeClass( "ui-state-active" );
|
|
this._mouseSliding = false;
|
|
|
|
this._stop( event, this._handleIndex );
|
|
this._change( event, this._handleIndex );
|
|
|
|
this._handleIndex = null;
|
|
this._clickOffset = null;
|
|
this._animateOff = false;
|
|
|
|
return false;
|
|
},
|
|
|
|
_detectOrientation: function() {
|
|
this.orientation = ( this.options.orientation === "vertical" ) ? "vertical" : "horizontal";
|
|
},
|
|
|
|
_normValueFromMouse: function( position ) {
|
|
var pixelTotal,
|
|
pixelMouse,
|
|
percentMouse,
|
|
valueTotal,
|
|
valueMouse;
|
|
|
|
if ( this.orientation === "horizontal" ) {
|
|
pixelTotal = this.elementSize.width;
|
|
pixelMouse = position.x - this.elementOffset.left - ( this._clickOffset ? this._clickOffset.left : 0 );
|
|
} else {
|
|
pixelTotal = this.elementSize.height;
|
|
pixelMouse = position.y - this.elementOffset.top - ( this._clickOffset ? this._clickOffset.top : 0 );
|
|
}
|
|
|
|
percentMouse = ( pixelMouse / pixelTotal );
|
|
if ( percentMouse > 1 ) {
|
|
percentMouse = 1;
|
|
}
|
|
if ( percentMouse < 0 ) {
|
|
percentMouse = 0;
|
|
}
|
|
if ( this.orientation === "vertical" ) {
|
|
percentMouse = 1 - percentMouse;
|
|
}
|
|
|
|
valueTotal = this._valueMax() - this._valueMin();
|
|
valueMouse = this._valueMin() + percentMouse * valueTotal;
|
|
|
|
return this._trimAlignValue( valueMouse );
|
|
},
|
|
|
|
_start: function( event, index ) {
|
|
var uiHash = {
|
|
handle: this.handles[ index ],
|
|
value: this.value()
|
|
};
|
|
if ( this.options.values && this.options.values.length ) {
|
|
uiHash.value = this.values( index );
|
|
uiHash.values = this.values();
|
|
}
|
|
return this._trigger( "start", event, uiHash );
|
|
},
|
|
|
|
_slide: function( event, index, newVal ) {
|
|
var otherVal,
|
|
newValues,
|
|
allowed;
|
|
|
|
if ( this.options.values && this.options.values.length ) {
|
|
otherVal = this.values( index ? 0 : 1 );
|
|
|
|
if ( ( this.options.values.length === 2 && this.options.range === true ) &&
|
|
( ( index === 0 && newVal > otherVal) || ( index === 1 && newVal < otherVal ) )
|
|
) {
|
|
newVal = otherVal;
|
|
}
|
|
|
|
if ( newVal !== this.values( index ) ) {
|
|
newValues = this.values();
|
|
newValues[ index ] = newVal;
|
|
// A slide can be canceled by returning false from the slide callback
|
|
allowed = this._trigger( "slide", event, {
|
|
handle: this.handles[ index ],
|
|
value: newVal,
|
|
values: newValues
|
|
} );
|
|
otherVal = this.values( index ? 0 : 1 );
|
|
if ( allowed !== false ) {
|
|
this.values( index, newVal, true );
|
|
}
|
|
}
|
|
} else {
|
|
if ( newVal !== this.value() ) {
|
|
// A slide can be canceled by returning false from the slide callback
|
|
allowed = this._trigger( "slide", event, {
|
|
handle: this.handles[ index ],
|
|
value: newVal
|
|
} );
|
|
if ( allowed !== false ) {
|
|
this.value( newVal );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
_stop: function( event, index ) {
|
|
var uiHash = {
|
|
handle: this.handles[ index ],
|
|
value: this.value()
|
|
};
|
|
if ( this.options.values && this.options.values.length ) {
|
|
uiHash.value = this.values( index );
|
|
uiHash.values = this.values();
|
|
}
|
|
|
|
this._trigger( "stop", event, uiHash );
|
|
},
|
|
|
|
_change: function( event, index ) {
|
|
if ( !this._keySliding && !this._mouseSliding ) {
|
|
var uiHash = {
|
|
handle: this.handles[ index ],
|
|
value: this.value()
|
|
};
|
|
if ( this.options.values && this.options.values.length ) {
|
|
uiHash.value = this.values( index );
|
|
uiHash.values = this.values();
|
|
}
|
|
|
|
//store the last changed value index for reference when handles overlap
|
|
this._lastChangedValue = index;
|
|
|
|
this._trigger( "change", event, uiHash );
|
|
}
|
|
},
|
|
|
|
value: function( newValue ) {
|
|
if ( arguments.length ) {
|
|
this.options.value = this._trimAlignValue( newValue );
|
|
this._refreshValue();
|
|
this._change( null, 0 );
|
|
return;
|
|
}
|
|
|
|
return this._value();
|
|
},
|
|
|
|
values: function( index, newValue ) {
|
|
var vals,
|
|
newValues,
|
|
i;
|
|
|
|
if ( arguments.length > 1 ) {
|
|
this.options.values[ index ] = this._trimAlignValue( newValue );
|
|
this._refreshValue();
|
|
this._change( null, index );
|
|
return;
|
|
}
|
|
|
|
if ( arguments.length ) {
|
|
if ( $.isArray( arguments[ 0 ] ) ) {
|
|
vals = this.options.values;
|
|
newValues = arguments[ 0 ];
|
|
for ( i = 0; i < vals.length; i += 1 ) {
|
|
vals[ i ] = this._trimAlignValue( newValues[ i ] );
|
|
this._change( null, i );
|
|
}
|
|
this._refreshValue();
|
|
} else {
|
|
if ( this.options.values && this.options.values.length ) {
|
|
return this._values( index );
|
|
} else {
|
|
return this.value();
|
|
}
|
|
}
|
|
} else {
|
|
return this._values();
|
|
}
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
var i,
|
|
valsLength = 0;
|
|
|
|
if ( $.isArray( this.options.values ) ) {
|
|
valsLength = this.options.values.length;
|
|
}
|
|
|
|
$.Widget.prototype._setOption.apply( this, arguments );
|
|
|
|
switch ( key ) {
|
|
case "disabled":
|
|
if ( value ) {
|
|
this.handles.filter( ".ui-state-focus" ).blur();
|
|
this.handles.removeClass( "ui-state-hover" );
|
|
this.handles.prop( "disabled", true );
|
|
} else {
|
|
this.handles.prop( "disabled", false );
|
|
}
|
|
break;
|
|
case "orientation":
|
|
this._detectOrientation();
|
|
this.element
|
|
.removeClass( "ui-slider-horizontal ui-slider-vertical" )
|
|
.addClass( "ui-slider-" + this.orientation );
|
|
this._refreshValue();
|
|
break;
|
|
case "value":
|
|
this._animateOff = true;
|
|
this._refreshValue();
|
|
this._change( null, 0 );
|
|
this._animateOff = false;
|
|
break;
|
|
case "values":
|
|
this._animateOff = true;
|
|
this._refreshValue();
|
|
for ( i = 0; i < valsLength; i += 1 ) {
|
|
this._change( null, i );
|
|
}
|
|
this._animateOff = false;
|
|
break;
|
|
case "min":
|
|
case "max":
|
|
this._animateOff = true;
|
|
this._refreshValue();
|
|
this._animateOff = false;
|
|
break;
|
|
}
|
|
},
|
|
|
|
//internal value getter
|
|
// _value() returns value trimmed by min and max, aligned by step
|
|
_value: function() {
|
|
var val = this.options.value;
|
|
val = this._trimAlignValue( val );
|
|
|
|
return val;
|
|
},
|
|
|
|
//internal values getter
|
|
// _values() returns array of values trimmed by min and max, aligned by step
|
|
// _values( index ) returns single value trimmed by min and max, aligned by step
|
|
_values: function( index ) {
|
|
var val,
|
|
vals,
|
|
i;
|
|
|
|
if ( arguments.length ) {
|
|
val = this.options.values[ index ];
|
|
val = this._trimAlignValue( val );
|
|
|
|
return val;
|
|
} else {
|
|
// .slice() creates a copy of the array
|
|
// this copy gets trimmed by min and max and then returned
|
|
vals = this.options.values.slice();
|
|
for ( i = 0; i < vals.length; i+= 1) {
|
|
vals[ i ] = this._trimAlignValue( vals[ i ] );
|
|
}
|
|
|
|
return vals;
|
|
}
|
|
},
|
|
|
|
// returns the step-aligned value that val is closest to, between (inclusive) min and max
|
|
_trimAlignValue: function( val ) {
|
|
if ( val <= this._valueMin() ) {
|
|
return this._valueMin();
|
|
}
|
|
if ( val >= this._valueMax() ) {
|
|
return this._valueMax();
|
|
}
|
|
var step = ( this.options.step > 0 ) ? this.options.step : 1,
|
|
valModStep = (val - this._valueMin()) % step,
|
|
alignValue = val - valModStep;
|
|
|
|
if ( Math.abs(valModStep) * 2 >= step ) {
|
|
alignValue += ( valModStep > 0 ) ? step : ( -step );
|
|
}
|
|
|
|
// Since JavaScript has problems with large floats, round
|
|
// the final value to 5 digits after the decimal point (see #4124)
|
|
return parseFloat( alignValue.toFixed(5) );
|
|
},
|
|
|
|
_valueMin: function() {
|
|
return this.options.min;
|
|
},
|
|
|
|
_valueMax: function() {
|
|
return this.options.max;
|
|
},
|
|
|
|
_refreshValue: function() {
|
|
var lastValPercent, valPercent, value, valueMin, valueMax,
|
|
oRange = this.options.range,
|
|
o = this.options,
|
|
that = this,
|
|
animate = ( !this._animateOff ) ? o.animate : false,
|
|
_set = {};
|
|
|
|
if ( this.options.values && this.options.values.length ) {
|
|
this.handles.each(function( i ) {
|
|
valPercent = ( that.values(i) - that._valueMin() ) / ( that._valueMax() - that._valueMin() ) * 100;
|
|
_set[ that.orientation === "horizontal" ? "left" : "bottom" ] = valPercent + "%";
|
|
$( this ).stop( 1, 1 )[ animate ? "animate" : "css" ]( _set, o.animate );
|
|
if ( that.options.range === true ) {
|
|
if ( that.orientation === "horizontal" ) {
|
|
if ( i === 0 ) {
|
|
that.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { left: valPercent + "%" }, o.animate );
|
|
}
|
|
if ( i === 1 ) {
|
|
that.range[ animate ? "animate" : "css" ]( { width: ( valPercent - lastValPercent ) + "%" }, { queue: false, duration: o.animate } );
|
|
}
|
|
} else {
|
|
if ( i === 0 ) {
|
|
that.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { bottom: ( valPercent ) + "%" }, o.animate );
|
|
}
|
|
if ( i === 1 ) {
|
|
that.range[ animate ? "animate" : "css" ]( { height: ( valPercent - lastValPercent ) + "%" }, { queue: false, duration: o.animate } );
|
|
}
|
|
}
|
|
}
|
|
lastValPercent = valPercent;
|
|
});
|
|
} else {
|
|
value = this.value();
|
|
valueMin = this._valueMin();
|
|
valueMax = this._valueMax();
|
|
valPercent = ( valueMax !== valueMin ) ?
|
|
( value - valueMin ) / ( valueMax - valueMin ) * 100 :
|
|
0;
|
|
_set[ this.orientation === "horizontal" ? "left" : "bottom" ] = valPercent + "%";
|
|
this.handle.stop( 1, 1 )[ animate ? "animate" : "css" ]( _set, o.animate );
|
|
|
|
if ( oRange === "min" && this.orientation === "horizontal" ) {
|
|
this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { width: valPercent + "%" }, o.animate );
|
|
}
|
|
if ( oRange === "max" && this.orientation === "horizontal" ) {
|
|
this.range[ animate ? "animate" : "css" ]( { width: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
|
|
}
|
|
if ( oRange === "min" && this.orientation === "vertical" ) {
|
|
this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { height: valPercent + "%" }, o.animate );
|
|
}
|
|
if ( oRange === "max" && this.orientation === "vertical" ) {
|
|
this.range[ animate ? "animate" : "css" ]( { height: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
|
|
}
|
|
}
|
|
},
|
|
|
|
_handleEvents: {
|
|
keydown: function( event ) {
|
|
/*jshint maxcomplexity:25*/
|
|
var allowed, curVal, newVal, step,
|
|
index = $( event.target ).data( "ui-slider-handle-index" );
|
|
|
|
switch ( event.keyCode ) {
|
|
case $.ui.keyCode.HOME:
|
|
case $.ui.keyCode.END:
|
|
case $.ui.keyCode.PAGE_UP:
|
|
case $.ui.keyCode.PAGE_DOWN:
|
|
case $.ui.keyCode.UP:
|
|
case $.ui.keyCode.RIGHT:
|
|
case $.ui.keyCode.DOWN:
|
|
case $.ui.keyCode.LEFT:
|
|
event.preventDefault();
|
|
if ( !this._keySliding ) {
|
|
this._keySliding = true;
|
|
$( event.target ).addClass( "ui-state-active" );
|
|
allowed = this._start( event, index );
|
|
if ( allowed === false ) {
|
|
return;
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
|
|
step = this.options.step;
|
|
if ( this.options.values && this.options.values.length ) {
|
|
curVal = newVal = this.values( index );
|
|
} else {
|
|
curVal = newVal = this.value();
|
|
}
|
|
|
|
switch ( event.keyCode ) {
|
|
case $.ui.keyCode.HOME:
|
|
newVal = this._valueMin();
|
|
break;
|
|
case $.ui.keyCode.END:
|
|
newVal = this._valueMax();
|
|
break;
|
|
case $.ui.keyCode.PAGE_UP:
|
|
newVal = this._trimAlignValue( curVal + ( (this._valueMax() - this._valueMin()) / numPages ) );
|
|
break;
|
|
case $.ui.keyCode.PAGE_DOWN:
|
|
newVal = this._trimAlignValue( curVal - ( (this._valueMax() - this._valueMin()) / numPages ) );
|
|
break;
|
|
case $.ui.keyCode.UP:
|
|
case $.ui.keyCode.RIGHT:
|
|
if ( curVal === this._valueMax() ) {
|
|
return;
|
|
}
|
|
newVal = this._trimAlignValue( curVal + step );
|
|
break;
|
|
case $.ui.keyCode.DOWN:
|
|
case $.ui.keyCode.LEFT:
|
|
if ( curVal === this._valueMin() ) {
|
|
return;
|
|
}
|
|
newVal = this._trimAlignValue( curVal - step );
|
|
break;
|
|
}
|
|
|
|
this._slide( event, index, newVal );
|
|
},
|
|
keyup: function( event ) {
|
|
var index = $( event.target ).data( "ui-slider-handle-index" );
|
|
|
|
if ( this._keySliding ) {
|
|
this._keySliding = false;
|
|
this._stop( event, index );
|
|
this._change( event, index );
|
|
$( event.target ).removeClass( "ui-state-active" );
|
|
}
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
}(jQuery));
|
|
|
|
(function( $ ) {
|
|
|
|
function modifier( fn ) {
|
|
return function() {
|
|
var previous = this.element.val();
|
|
fn.apply( this, arguments );
|
|
this._refresh();
|
|
if ( previous !== this.element.val() ) {
|
|
this._trigger( "change" );
|
|
}
|
|
};
|
|
}
|
|
|
|
$.widget( "ui.spinner", {
|
|
version: "1.10.0",
|
|
defaultElement: "<input>",
|
|
widgetEventPrefix: "spin",
|
|
options: {
|
|
culture: null,
|
|
icons: {
|
|
down: "ui-icon-triangle-1-s",
|
|
up: "ui-icon-triangle-1-n"
|
|
},
|
|
incremental: true,
|
|
max: null,
|
|
min: null,
|
|
numberFormat: null,
|
|
page: 10,
|
|
step: 1,
|
|
|
|
change: null,
|
|
spin: null,
|
|
start: null,
|
|
stop: null
|
|
},
|
|
|
|
_create: function() {
|
|
// handle string values that need to be parsed
|
|
this._setOption( "max", this.options.max );
|
|
this._setOption( "min", this.options.min );
|
|
this._setOption( "step", this.options.step );
|
|
|
|
// format the value, but don't constrain
|
|
this._value( this.element.val(), true );
|
|
|
|
this._draw();
|
|
this._on( this._events );
|
|
this._refresh();
|
|
|
|
// turning off autocomplete prevents the browser from remembering the
|
|
// value when navigating through history, so we re-enable autocomplete
|
|
// if the page is unloaded before the widget is destroyed. #7790
|
|
this._on( this.window, {
|
|
beforeunload: function() {
|
|
this.element.removeAttr( "autocomplete" );
|
|
}
|
|
});
|
|
},
|
|
|
|
_getCreateOptions: function() {
|
|
var options = {},
|
|
element = this.element;
|
|
|
|
$.each( [ "min", "max", "step" ], function( i, option ) {
|
|
var value = element.attr( option );
|
|
if ( value !== undefined && value.length ) {
|
|
options[ option ] = value;
|
|
}
|
|
});
|
|
|
|
return options;
|
|
},
|
|
|
|
_events: {
|
|
keydown: function( event ) {
|
|
if ( this._start( event ) && this._keydown( event ) ) {
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
keyup: "_stop",
|
|
focus: function() {
|
|
this.previous = this.element.val();
|
|
},
|
|
blur: function( event ) {
|
|
if ( this.cancelBlur ) {
|
|
delete this.cancelBlur;
|
|
return;
|
|
}
|
|
|
|
this._refresh();
|
|
if ( this.previous !== this.element.val() ) {
|
|
this._trigger( "change", event );
|
|
}
|
|
},
|
|
mousewheel: function( event, delta ) {
|
|
if ( !delta ) {
|
|
return;
|
|
}
|
|
if ( !this.spinning && !this._start( event ) ) {
|
|
return false;
|
|
}
|
|
|
|
this._spin( (delta > 0 ? 1 : -1) * this.options.step, event );
|
|
clearTimeout( this.mousewheelTimer );
|
|
this.mousewheelTimer = this._delay(function() {
|
|
if ( this.spinning ) {
|
|
this._stop( event );
|
|
}
|
|
}, 100 );
|
|
event.preventDefault();
|
|
},
|
|
"mousedown .ui-spinner-button": function( event ) {
|
|
var previous;
|
|
|
|
// We never want the buttons to have focus; whenever the user is
|
|
// interacting with the spinner, the focus should be on the input.
|
|
// If the input is focused then this.previous is properly set from
|
|
// when the input first received focus. If the input is not focused
|
|
// then we need to set this.previous based on the value before spinning.
|
|
previous = this.element[0] === this.document[0].activeElement ?
|
|
this.previous : this.element.val();
|
|
function checkFocus() {
|
|
var isActive = this.element[0] === this.document[0].activeElement;
|
|
if ( !isActive ) {
|
|
this.element.focus();
|
|
this.previous = previous;
|
|
// support: IE
|
|
// IE sets focus asynchronously, so we need to check if focus
|
|
// moved off of the input because the user clicked on the button.
|
|
this._delay(function() {
|
|
this.previous = previous;
|
|
});
|
|
}
|
|
}
|
|
|
|
// ensure focus is on (or stays on) the text field
|
|
event.preventDefault();
|
|
checkFocus.call( this );
|
|
|
|
// support: IE
|
|
// IE doesn't prevent moving focus even with event.preventDefault()
|
|
// so we set a flag to know when we should ignore the blur event
|
|
// and check (again) if focus moved off of the input.
|
|
this.cancelBlur = true;
|
|
this._delay(function() {
|
|
delete this.cancelBlur;
|
|
checkFocus.call( this );
|
|
});
|
|
|
|
if ( this._start( event ) === false ) {
|
|
return;
|
|
}
|
|
|
|
this._repeat( null, $( event.currentTarget ).hasClass( "ui-spinner-up" ) ? 1 : -1, event );
|
|
},
|
|
"mouseup .ui-spinner-button": "_stop",
|
|
"mouseenter .ui-spinner-button": function( event ) {
|
|
// button will add ui-state-active if mouse was down while mouseleave and kept down
|
|
if ( !$( event.currentTarget ).hasClass( "ui-state-active" ) ) {
|
|
return;
|
|
}
|
|
|
|
if ( this._start( event ) === false ) {
|
|
return false;
|
|
}
|
|
this._repeat( null, $( event.currentTarget ).hasClass( "ui-spinner-up" ) ? 1 : -1, event );
|
|
},
|
|
// TODO: do we really want to consider this a stop?
|
|
// shouldn't we just stop the repeater and wait until mouseup before
|
|
// we trigger the stop event?
|
|
"mouseleave .ui-spinner-button": "_stop"
|
|
},
|
|
|
|
_draw: function() {
|
|
var uiSpinner = this.uiSpinner = this.element
|
|
.addClass( "ui-spinner-input" )
|
|
.attr( "autocomplete", "off" )
|
|
.wrap( this._uiSpinnerHtml() )
|
|
.parent()
|
|
// add buttons
|
|
.append( this._buttonHtml() );
|
|
|
|
this.element.attr( "role", "spinbutton" );
|
|
|
|
// button bindings
|
|
this.buttons = uiSpinner.find( ".ui-spinner-button" )
|
|
.attr( "tabIndex", -1 )
|
|
.button()
|
|
.removeClass( "ui-corner-all" );
|
|
|
|
// IE 6 doesn't understand height: 50% for the buttons
|
|
// unless the wrapper has an explicit height
|
|
if ( this.buttons.height() > Math.ceil( uiSpinner.height() * 0.5 ) &&
|
|
uiSpinner.height() > 0 ) {
|
|
uiSpinner.height( uiSpinner.height() );
|
|
}
|
|
|
|
// disable spinner if element was already disabled
|
|
if ( this.options.disabled ) {
|
|
this.disable();
|
|
}
|
|
},
|
|
|
|
_keydown: function( event ) {
|
|
var options = this.options,
|
|
keyCode = $.ui.keyCode;
|
|
|
|
switch ( event.keyCode ) {
|
|
case keyCode.UP:
|
|
this._repeat( null, 1, event );
|
|
return true;
|
|
case keyCode.DOWN:
|
|
this._repeat( null, -1, event );
|
|
return true;
|
|
case keyCode.PAGE_UP:
|
|
this._repeat( null, options.page, event );
|
|
return true;
|
|
case keyCode.PAGE_DOWN:
|
|
this._repeat( null, -options.page, event );
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
_uiSpinnerHtml: function() {
|
|
return "<span class='ui-spinner ui-widget ui-widget-content ui-corner-all'></span>";
|
|
},
|
|
|
|
_buttonHtml: function() {
|
|
return "" +
|
|
"<a class='ui-spinner-button ui-spinner-up ui-corner-tr'>" +
|
|
"<span class='ui-icon " + this.options.icons.up + "'>▲</span>" +
|
|
"</a>" +
|
|
"<a class='ui-spinner-button ui-spinner-down ui-corner-br'>" +
|
|
"<span class='ui-icon " + this.options.icons.down + "'>▼</span>" +
|
|
"</a>";
|
|
},
|
|
|
|
_start: function( event ) {
|
|
if ( !this.spinning && this._trigger( "start", event ) === false ) {
|
|
return false;
|
|
}
|
|
|
|
if ( !this.counter ) {
|
|
this.counter = 1;
|
|
}
|
|
this.spinning = true;
|
|
return true;
|
|
},
|
|
|
|
_repeat: function( i, steps, event ) {
|
|
i = i || 500;
|
|
|
|
clearTimeout( this.timer );
|
|
this.timer = this._delay(function() {
|
|
this._repeat( 40, steps, event );
|
|
}, i );
|
|
|
|
this._spin( steps * this.options.step, event );
|
|
},
|
|
|
|
_spin: function( step, event ) {
|
|
var value = this.value() || 0;
|
|
|
|
if ( !this.counter ) {
|
|
this.counter = 1;
|
|
}
|
|
|
|
value = this._adjustValue( value + step * this._increment( this.counter ) );
|
|
|
|
if ( !this.spinning || this._trigger( "spin", event, { value: value } ) !== false) {
|
|
this._value( value );
|
|
this.counter++;
|
|
}
|
|
},
|
|
|
|
_increment: function( i ) {
|
|
var incremental = this.options.incremental;
|
|
|
|
if ( incremental ) {
|
|
return $.isFunction( incremental ) ?
|
|
incremental( i ) :
|
|
Math.floor( i*i*i/50000 - i*i/500 + 17*i/200 + 1 );
|
|
}
|
|
|
|
return 1;
|
|
},
|
|
|
|
_precision: function() {
|
|
var precision = this._precisionOf( this.options.step );
|
|
if ( this.options.min !== null ) {
|
|
precision = Math.max( precision, this._precisionOf( this.options.min ) );
|
|
}
|
|
return precision;
|
|
},
|
|
|
|
_precisionOf: function( num ) {
|
|
var str = num.toString(),
|
|
decimal = str.indexOf( "." );
|
|
return decimal === -1 ? 0 : str.length - decimal - 1;
|
|
},
|
|
|
|
_adjustValue: function( value ) {
|
|
var base, aboveMin,
|
|
options = this.options;
|
|
|
|
// make sure we're at a valid step
|
|
// - find out where we are relative to the base (min or 0)
|
|
base = options.min !== null ? options.min : 0;
|
|
aboveMin = value - base;
|
|
// - round to the nearest step
|
|
aboveMin = Math.round(aboveMin / options.step) * options.step;
|
|
// - rounding is based on 0, so adjust back to our base
|
|
value = base + aboveMin;
|
|
|
|
// fix precision from bad JS floating point math
|
|
value = parseFloat( value.toFixed( this._precision() ) );
|
|
|
|
// clamp the value
|
|
if ( options.max !== null && value > options.max) {
|
|
return options.max;
|
|
}
|
|
if ( options.min !== null && value < options.min ) {
|
|
return options.min;
|
|
}
|
|
|
|
return value;
|
|
},
|
|
|
|
_stop: function( event ) {
|
|
if ( !this.spinning ) {
|
|
return;
|
|
}
|
|
|
|
clearTimeout( this.timer );
|
|
clearTimeout( this.mousewheelTimer );
|
|
this.counter = 0;
|
|
this.spinning = false;
|
|
this._trigger( "stop", event );
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
if ( key === "culture" || key === "numberFormat" ) {
|
|
var prevValue = this._parse( this.element.val() );
|
|
this.options[ key ] = value;
|
|
this.element.val( this._format( prevValue ) );
|
|
return;
|
|
}
|
|
|
|
if ( key === "max" || key === "min" || key === "step" ) {
|
|
if ( typeof value === "string" ) {
|
|
value = this._parse( value );
|
|
}
|
|
}
|
|
if ( key === "icons" ) {
|
|
this.buttons.first().find( ".ui-icon" )
|
|
.removeClass( this.options.icons.up )
|
|
.addClass( value.up );
|
|
this.buttons.last().find( ".ui-icon" )
|
|
.removeClass( this.options.icons.down )
|
|
.addClass( value.down );
|
|
}
|
|
|
|
this._super( key, value );
|
|
|
|
if ( key === "disabled" ) {
|
|
if ( value ) {
|
|
this.element.prop( "disabled", true );
|
|
this.buttons.button( "disable" );
|
|
} else {
|
|
this.element.prop( "disabled", false );
|
|
this.buttons.button( "enable" );
|
|
}
|
|
}
|
|
},
|
|
|
|
_setOptions: modifier(function( options ) {
|
|
this._super( options );
|
|
this._value( this.element.val() );
|
|
}),
|
|
|
|
_parse: function( val ) {
|
|
if ( typeof val === "string" && val !== "" ) {
|
|
val = window.Globalize && this.options.numberFormat ?
|
|
Globalize.parseFloat( val, 10, this.options.culture ) : +val;
|
|
}
|
|
return val === "" || isNaN( val ) ? null : val;
|
|
},
|
|
|
|
_format: function( value ) {
|
|
if ( value === "" ) {
|
|
return "";
|
|
}
|
|
return window.Globalize && this.options.numberFormat ?
|
|
Globalize.format( value, this.options.numberFormat, this.options.culture ) :
|
|
value;
|
|
},
|
|
|
|
_refresh: function() {
|
|
this.element.attr({
|
|
"aria-valuemin": this.options.min,
|
|
"aria-valuemax": this.options.max,
|
|
// TODO: what should we do with values that can't be parsed?
|
|
"aria-valuenow": this._parse( this.element.val() )
|
|
});
|
|
},
|
|
|
|
// update the value without triggering change
|
|
_value: function( value, allowAny ) {
|
|
var parsed;
|
|
if ( value !== "" ) {
|
|
parsed = this._parse( value );
|
|
if ( parsed !== null ) {
|
|
if ( !allowAny ) {
|
|
parsed = this._adjustValue( parsed );
|
|
}
|
|
value = this._format( parsed );
|
|
}
|
|
}
|
|
this.element.val( value );
|
|
this._refresh();
|
|
},
|
|
|
|
_destroy: function() {
|
|
this.element
|
|
.removeClass( "ui-spinner-input" )
|
|
.prop( "disabled", false )
|
|
.removeAttr( "autocomplete" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "aria-valuemin" )
|
|
.removeAttr( "aria-valuemax" )
|
|
.removeAttr( "aria-valuenow" );
|
|
this.uiSpinner.replaceWith( this.element );
|
|
},
|
|
|
|
stepUp: modifier(function( steps ) {
|
|
this._stepUp( steps );
|
|
}),
|
|
_stepUp: function( steps ) {
|
|
if ( this._start() ) {
|
|
this._spin( (steps || 1) * this.options.step );
|
|
this._stop();
|
|
}
|
|
},
|
|
|
|
stepDown: modifier(function( steps ) {
|
|
this._stepDown( steps );
|
|
}),
|
|
_stepDown: function( steps ) {
|
|
if ( this._start() ) {
|
|
this._spin( (steps || 1) * -this.options.step );
|
|
this._stop();
|
|
}
|
|
},
|
|
|
|
pageUp: modifier(function( pages ) {
|
|
this._stepUp( (pages || 1) * this.options.page );
|
|
}),
|
|
|
|
pageDown: modifier(function( pages ) {
|
|
this._stepDown( (pages || 1) * this.options.page );
|
|
}),
|
|
|
|
value: function( newVal ) {
|
|
if ( !arguments.length ) {
|
|
return this._parse( this.element.val() );
|
|
}
|
|
modifier( this._value ).call( this, newVal );
|
|
},
|
|
|
|
widget: function() {
|
|
return this.uiSpinner;
|
|
}
|
|
});
|
|
|
|
}( jQuery ) );
|
|
|
|
(function( $, undefined ) {
|
|
|
|
var tabId = 0,
|
|
rhash = /#.*$/;
|
|
|
|
function getNextTabId() {
|
|
return ++tabId;
|
|
}
|
|
|
|
function isLocal( anchor ) {
|
|
return anchor.hash.length > 1 &&
|
|
decodeURIComponent( anchor.href.replace( rhash, "" ) ) ===
|
|
decodeURIComponent( location.href.replace( rhash, "" ) );
|
|
}
|
|
|
|
$.widget( "ui.tabs", {
|
|
version: "1.10.0",
|
|
delay: 300,
|
|
options: {
|
|
active: null,
|
|
collapsible: false,
|
|
event: "click",
|
|
heightStyle: "content",
|
|
hide: null,
|
|
show: null,
|
|
|
|
// callbacks
|
|
activate: null,
|
|
beforeActivate: null,
|
|
beforeLoad: null,
|
|
load: null
|
|
},
|
|
|
|
_create: function() {
|
|
var that = this,
|
|
options = this.options;
|
|
|
|
this.running = false;
|
|
|
|
this.element
|
|
.addClass( "ui-tabs ui-widget ui-widget-content ui-corner-all" )
|
|
.toggleClass( "ui-tabs-collapsible", options.collapsible )
|
|
// Prevent users from focusing disabled tabs via click
|
|
.delegate( ".ui-tabs-nav > li", "mousedown" + this.eventNamespace, function( event ) {
|
|
if ( $( this ).is( ".ui-state-disabled" ) ) {
|
|
event.preventDefault();
|
|
}
|
|
})
|
|
// support: IE <9
|
|
// Preventing the default action in mousedown doesn't prevent IE
|
|
// from focusing the element, so if the anchor gets focused, blur.
|
|
// We don't have to worry about focusing the previously focused
|
|
// element since clicking on a non-focusable element should focus
|
|
// the body anyway.
|
|
.delegate( ".ui-tabs-anchor", "focus" + this.eventNamespace, function() {
|
|
if ( $( this ).closest( "li" ).is( ".ui-state-disabled" ) ) {
|
|
this.blur();
|
|
}
|
|
});
|
|
|
|
this._processTabs();
|
|
options.active = this._initialActive();
|
|
|
|
// Take disabling tabs via class attribute from HTML
|
|
// into account and update option properly.
|
|
if ( $.isArray( options.disabled ) ) {
|
|
options.disabled = $.unique( options.disabled.concat(
|
|
$.map( this.tabs.filter( ".ui-state-disabled" ), function( li ) {
|
|
return that.tabs.index( li );
|
|
})
|
|
) ).sort();
|
|
}
|
|
|
|
// check for length avoids error when initializing empty list
|
|
if ( this.options.active !== false && this.anchors.length ) {
|
|
this.active = this._findActive( options.active );
|
|
} else {
|
|
this.active = $();
|
|
}
|
|
|
|
this._refresh();
|
|
|
|
if ( this.active.length ) {
|
|
this.load( options.active );
|
|
}
|
|
},
|
|
|
|
_initialActive: function() {
|
|
var active = this.options.active,
|
|
collapsible = this.options.collapsible,
|
|
locationHash = location.hash.substring( 1 );
|
|
|
|
if ( active === null ) {
|
|
// check the fragment identifier in the URL
|
|
if ( locationHash ) {
|
|
this.tabs.each(function( i, tab ) {
|
|
if ( $( tab ).attr( "aria-controls" ) === locationHash ) {
|
|
active = i;
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
// check for a tab marked active via a class
|
|
if ( active === null ) {
|
|
active = this.tabs.index( this.tabs.filter( ".ui-tabs-active" ) );
|
|
}
|
|
|
|
// no active tab, set to false
|
|
if ( active === null || active === -1 ) {
|
|
active = this.tabs.length ? 0 : false;
|
|
}
|
|
}
|
|
|
|
// handle numbers: negative, out of range
|
|
if ( active !== false ) {
|
|
active = this.tabs.index( this.tabs.eq( active ) );
|
|
if ( active === -1 ) {
|
|
active = collapsible ? false : 0;
|
|
}
|
|
}
|
|
|
|
// don't allow collapsible: false and active: false
|
|
if ( !collapsible && active === false && this.anchors.length ) {
|
|
active = 0;
|
|
}
|
|
|
|
return active;
|
|
},
|
|
|
|
_getCreateEventData: function() {
|
|
return {
|
|
tab: this.active,
|
|
panel: !this.active.length ? $() : this._getPanelForTab( this.active )
|
|
};
|
|
},
|
|
|
|
_tabKeydown: function( event ) {
|
|
/*jshint maxcomplexity:15*/
|
|
var focusedTab = $( this.document[0].activeElement ).closest( "li" ),
|
|
selectedIndex = this.tabs.index( focusedTab ),
|
|
goingForward = true;
|
|
|
|
if ( this._handlePageNav( event ) ) {
|
|
return;
|
|
}
|
|
|
|
switch ( event.keyCode ) {
|
|
case $.ui.keyCode.RIGHT:
|
|
case $.ui.keyCode.DOWN:
|
|
selectedIndex++;
|
|
break;
|
|
case $.ui.keyCode.UP:
|
|
case $.ui.keyCode.LEFT:
|
|
goingForward = false;
|
|
selectedIndex--;
|
|
break;
|
|
case $.ui.keyCode.END:
|
|
selectedIndex = this.anchors.length - 1;
|
|
break;
|
|
case $.ui.keyCode.HOME:
|
|
selectedIndex = 0;
|
|
break;
|
|
case $.ui.keyCode.SPACE:
|
|
// Activate only, no collapsing
|
|
event.preventDefault();
|
|
clearTimeout( this.activating );
|
|
this._activate( selectedIndex );
|
|
return;
|
|
case $.ui.keyCode.ENTER:
|
|
// Toggle (cancel delayed activation, allow collapsing)
|
|
event.preventDefault();
|
|
clearTimeout( this.activating );
|
|
// Determine if we should collapse or activate
|
|
this._activate( selectedIndex === this.options.active ? false : selectedIndex );
|
|
return;
|
|
default:
|
|
return;
|
|
}
|
|
|
|
// Focus the appropriate tab, based on which key was pressed
|
|
event.preventDefault();
|
|
clearTimeout( this.activating );
|
|
selectedIndex = this._focusNextTab( selectedIndex, goingForward );
|
|
|
|
// Navigating with control key will prevent automatic activation
|
|
if ( !event.ctrlKey ) {
|
|
// Update aria-selected immediately so that AT think the tab is already selected.
|
|
// Otherwise AT may confuse the user by stating that they need to activate the tab,
|
|
// but the tab will already be activated by the time the announcement finishes.
|
|
focusedTab.attr( "aria-selected", "false" );
|
|
this.tabs.eq( selectedIndex ).attr( "aria-selected", "true" );
|
|
|
|
this.activating = this._delay(function() {
|
|
this.option( "active", selectedIndex );
|
|
}, this.delay );
|
|
}
|
|
},
|
|
|
|
_panelKeydown: function( event ) {
|
|
if ( this._handlePageNav( event ) ) {
|
|
return;
|
|
}
|
|
|
|
// Ctrl+up moves focus to the current tab
|
|
if ( event.ctrlKey && event.keyCode === $.ui.keyCode.UP ) {
|
|
event.preventDefault();
|
|
this.active.focus();
|
|
}
|
|
},
|
|
|
|
// Alt+page up/down moves focus to the previous/next tab (and activates)
|
|
_handlePageNav: function( event ) {
|
|
if ( event.altKey && event.keyCode === $.ui.keyCode.PAGE_UP ) {
|
|
this._activate( this._focusNextTab( this.options.active - 1, false ) );
|
|
return true;
|
|
}
|
|
if ( event.altKey && event.keyCode === $.ui.keyCode.PAGE_DOWN ) {
|
|
this._activate( this._focusNextTab( this.options.active + 1, true ) );
|
|
return true;
|
|
}
|
|
},
|
|
|
|
_findNextTab: function( index, goingForward ) {
|
|
var lastTabIndex = this.tabs.length - 1;
|
|
|
|
function constrain() {
|
|
if ( index > lastTabIndex ) {
|
|
index = 0;
|
|
}
|
|
if ( index < 0 ) {
|
|
index = lastTabIndex;
|
|
}
|
|
return index;
|
|
}
|
|
|
|
while ( $.inArray( constrain(), this.options.disabled ) !== -1 ) {
|
|
index = goingForward ? index + 1 : index - 1;
|
|
}
|
|
|
|
return index;
|
|
},
|
|
|
|
_focusNextTab: function( index, goingForward ) {
|
|
index = this._findNextTab( index, goingForward );
|
|
this.tabs.eq( index ).focus();
|
|
return index;
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
if ( key === "active" ) {
|
|
// _activate() will handle invalid values and update this.options
|
|
this._activate( value );
|
|
return;
|
|
}
|
|
|
|
if ( key === "disabled" ) {
|
|
// don't use the widget factory's disabled handling
|
|
this._setupDisabled( value );
|
|
return;
|
|
}
|
|
|
|
this._super( key, value);
|
|
|
|
if ( key === "collapsible" ) {
|
|
this.element.toggleClass( "ui-tabs-collapsible", value );
|
|
// Setting collapsible: false while collapsed; open first panel
|
|
if ( !value && this.options.active === false ) {
|
|
this._activate( 0 );
|
|
}
|
|
}
|
|
|
|
if ( key === "event" ) {
|
|
this._setupEvents( value );
|
|
}
|
|
|
|
if ( key === "heightStyle" ) {
|
|
this._setupHeightStyle( value );
|
|
}
|
|
},
|
|
|
|
_tabId: function( tab ) {
|
|
return tab.attr( "aria-controls" ) || "ui-tabs-" + getNextTabId();
|
|
},
|
|
|
|
_sanitizeSelector: function( hash ) {
|
|
return hash ? hash.replace( /[!"$%&'()*+,.\/:;<=>?@\[\]\^`{|}~]/g, "\\$&" ) : "";
|
|
},
|
|
|
|
refresh: function() {
|
|
var options = this.options,
|
|
lis = this.tablist.children( ":has(a[href])" );
|
|
|
|
// get disabled tabs from class attribute from HTML
|
|
// this will get converted to a boolean if needed in _refresh()
|
|
options.disabled = $.map( lis.filter( ".ui-state-disabled" ), function( tab ) {
|
|
return lis.index( tab );
|
|
});
|
|
|
|
this._processTabs();
|
|
|
|
// was collapsed or no tabs
|
|
if ( options.active === false || !this.anchors.length ) {
|
|
options.active = false;
|
|
this.active = $();
|
|
// was active, but active tab is gone
|
|
} else if ( this.active.length && !$.contains( this.tablist[ 0 ], this.active[ 0 ] ) ) {
|
|
// all remaining tabs are disabled
|
|
if ( this.tabs.length === options.disabled.length ) {
|
|
options.active = false;
|
|
this.active = $();
|
|
// activate previous tab
|
|
} else {
|
|
this._activate( this._findNextTab( Math.max( 0, options.active - 1 ), false ) );
|
|
}
|
|
// was active, active tab still exists
|
|
} else {
|
|
// make sure active index is correct
|
|
options.active = this.tabs.index( this.active );
|
|
}
|
|
|
|
this._refresh();
|
|
},
|
|
|
|
_refresh: function() {
|
|
this._setupDisabled( this.options.disabled );
|
|
this._setupEvents( this.options.event );
|
|
this._setupHeightStyle( this.options.heightStyle );
|
|
|
|
this.tabs.not( this.active ).attr({
|
|
"aria-selected": "false",
|
|
tabIndex: -1
|
|
});
|
|
this.panels.not( this._getPanelForTab( this.active ) )
|
|
.hide()
|
|
.attr({
|
|
"aria-expanded": "false",
|
|
"aria-hidden": "true"
|
|
});
|
|
|
|
// Make sure one tab is in the tab order
|
|
if ( !this.active.length ) {
|
|
this.tabs.eq( 0 ).attr( "tabIndex", 0 );
|
|
} else {
|
|
this.active
|
|
.addClass( "ui-tabs-active ui-state-active" )
|
|
.attr({
|
|
"aria-selected": "true",
|
|
tabIndex: 0
|
|
});
|
|
this._getPanelForTab( this.active )
|
|
.show()
|
|
.attr({
|
|
"aria-expanded": "true",
|
|
"aria-hidden": "false"
|
|
});
|
|
}
|
|
},
|
|
|
|
_processTabs: function() {
|
|
var that = this;
|
|
|
|
this.tablist = this._getList()
|
|
.addClass( "ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" )
|
|
.attr( "role", "tablist" );
|
|
|
|
this.tabs = this.tablist.find( "> li:has(a[href])" )
|
|
.addClass( "ui-state-default ui-corner-top" )
|
|
.attr({
|
|
role: "tab",
|
|
tabIndex: -1
|
|
});
|
|
|
|
this.anchors = this.tabs.map(function() {
|
|
return $( "a", this )[ 0 ];
|
|
})
|
|
.addClass( "ui-tabs-anchor" )
|
|
.attr({
|
|
role: "presentation",
|
|
tabIndex: -1
|
|
});
|
|
|
|
this.panels = $();
|
|
|
|
this.anchors.each(function( i, anchor ) {
|
|
var selector, panel, panelId,
|
|
anchorId = $( anchor ).uniqueId().attr( "id" ),
|
|
tab = $( anchor ).closest( "li" ),
|
|
originalAriaControls = tab.attr( "aria-controls" );
|
|
|
|
// inline tab
|
|
if ( isLocal( anchor ) ) {
|
|
selector = anchor.hash;
|
|
panel = that.element.find( that._sanitizeSelector( selector ) );
|
|
// remote tab
|
|
} else {
|
|
panelId = that._tabId( tab );
|
|
selector = "#" + panelId;
|
|
panel = that.element.find( selector );
|
|
if ( !panel.length ) {
|
|
panel = that._createPanel( panelId );
|
|
panel.insertAfter( that.panels[ i - 1 ] || that.tablist );
|
|
}
|
|
panel.attr( "aria-live", "polite" );
|
|
}
|
|
|
|
if ( panel.length) {
|
|
that.panels = that.panels.add( panel );
|
|
}
|
|
if ( originalAriaControls ) {
|
|
tab.data( "ui-tabs-aria-controls", originalAriaControls );
|
|
}
|
|
tab.attr({
|
|
"aria-controls": selector.substring( 1 ),
|
|
"aria-labelledby": anchorId
|
|
});
|
|
panel.attr( "aria-labelledby", anchorId );
|
|
});
|
|
|
|
this.panels
|
|
.addClass( "ui-tabs-panel ui-widget-content ui-corner-bottom" )
|
|
.attr( "role", "tabpanel" );
|
|
},
|
|
|
|
// allow overriding how to find the list for rare usage scenarios (#7715)
|
|
_getList: function() {
|
|
return this.element.find( "ol,ul" ).eq( 0 );
|
|
},
|
|
|
|
_createPanel: function( id ) {
|
|
return $( "<div>" )
|
|
.attr( "id", id )
|
|
.addClass( "ui-tabs-panel ui-widget-content ui-corner-bottom" )
|
|
.data( "ui-tabs-destroy", true );
|
|
},
|
|
|
|
_setupDisabled: function( disabled ) {
|
|
if ( $.isArray( disabled ) ) {
|
|
if ( !disabled.length ) {
|
|
disabled = false;
|
|
} else if ( disabled.length === this.anchors.length ) {
|
|
disabled = true;
|
|
}
|
|
}
|
|
|
|
// disable tabs
|
|
for ( var i = 0, li; ( li = this.tabs[ i ] ); i++ ) {
|
|
if ( disabled === true || $.inArray( i, disabled ) !== -1 ) {
|
|
$( li )
|
|
.addClass( "ui-state-disabled" )
|
|
.attr( "aria-disabled", "true" );
|
|
} else {
|
|
$( li )
|
|
.removeClass( "ui-state-disabled" )
|
|
.removeAttr( "aria-disabled" );
|
|
}
|
|
}
|
|
|
|
this.options.disabled = disabled;
|
|
},
|
|
|
|
_setupEvents: function( event ) {
|
|
var events = {
|
|
click: function( event ) {
|
|
event.preventDefault();
|
|
}
|
|
};
|
|
if ( event ) {
|
|
$.each( event.split(" "), function( index, eventName ) {
|
|
events[ eventName ] = "_eventHandler";
|
|
});
|
|
}
|
|
|
|
this._off( this.anchors.add( this.tabs ).add( this.panels ) );
|
|
this._on( this.anchors, events );
|
|
this._on( this.tabs, { keydown: "_tabKeydown" } );
|
|
this._on( this.panels, { keydown: "_panelKeydown" } );
|
|
|
|
this._focusable( this.tabs );
|
|
this._hoverable( this.tabs );
|
|
},
|
|
|
|
_setupHeightStyle: function( heightStyle ) {
|
|
var maxHeight,
|
|
parent = this.element.parent();
|
|
|
|
if ( heightStyle === "fill" ) {
|
|
maxHeight = parent.height();
|
|
maxHeight -= this.element.outerHeight() - this.element.height();
|
|
|
|
this.element.siblings( ":visible" ).each(function() {
|
|
var elem = $( this ),
|
|
position = elem.css( "position" );
|
|
|
|
if ( position === "absolute" || position === "fixed" ) {
|
|
return;
|
|
}
|
|
maxHeight -= elem.outerHeight( true );
|
|
});
|
|
|
|
this.element.children().not( this.panels ).each(function() {
|
|
maxHeight -= $( this ).outerHeight( true );
|
|
});
|
|
|
|
this.panels.each(function() {
|
|
$( this ).height( Math.max( 0, maxHeight -
|
|
$( this ).innerHeight() + $( this ).height() ) );
|
|
})
|
|
.css( "overflow", "auto" );
|
|
} else if ( heightStyle === "auto" ) {
|
|
maxHeight = 0;
|
|
this.panels.each(function() {
|
|
maxHeight = Math.max( maxHeight, $( this ).height( "" ).height() );
|
|
}).height( maxHeight );
|
|
}
|
|
},
|
|
|
|
_eventHandler: function( event ) {
|
|
var options = this.options,
|
|
active = this.active,
|
|
anchor = $( event.currentTarget ),
|
|
tab = anchor.closest( "li" ),
|
|
clickedIsActive = tab[ 0 ] === active[ 0 ],
|
|
collapsing = clickedIsActive && options.collapsible,
|
|
toShow = collapsing ? $() : this._getPanelForTab( tab ),
|
|
toHide = !active.length ? $() : this._getPanelForTab( active ),
|
|
eventData = {
|
|
oldTab: active,
|
|
oldPanel: toHide,
|
|
newTab: collapsing ? $() : tab,
|
|
newPanel: toShow
|
|
};
|
|
|
|
event.preventDefault();
|
|
|
|
if ( tab.hasClass( "ui-state-disabled" ) ||
|
|
// tab is already loading
|
|
tab.hasClass( "ui-tabs-loading" ) ||
|
|
// can't switch durning an animation
|
|
this.running ||
|
|
// click on active header, but not collapsible
|
|
( clickedIsActive && !options.collapsible ) ||
|
|
// allow canceling activation
|
|
( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
|
|
return;
|
|
}
|
|
|
|
options.active = collapsing ? false : this.tabs.index( tab );
|
|
|
|
this.active = clickedIsActive ? $() : tab;
|
|
if ( this.xhr ) {
|
|
this.xhr.abort();
|
|
}
|
|
|
|
if ( !toHide.length && !toShow.length ) {
|
|
$.error( "jQuery UI Tabs: Mismatching fragment identifier." );
|
|
}
|
|
|
|
if ( toShow.length ) {
|
|
this.load( this.tabs.index( tab ), event );
|
|
}
|
|
this._toggle( event, eventData );
|
|
},
|
|
|
|
// handles show/hide for selecting tabs
|
|
_toggle: function( event, eventData ) {
|
|
var that = this,
|
|
toShow = eventData.newPanel,
|
|
toHide = eventData.oldPanel;
|
|
|
|
this.running = true;
|
|
|
|
function complete() {
|
|
that.running = false;
|
|
that._trigger( "activate", event, eventData );
|
|
}
|
|
|
|
function show() {
|
|
eventData.newTab.closest( "li" ).addClass( "ui-tabs-active ui-state-active" );
|
|
|
|
if ( toShow.length && that.options.show ) {
|
|
that._show( toShow, that.options.show, complete );
|
|
} else {
|
|
toShow.show();
|
|
complete();
|
|
}
|
|
}
|
|
|
|
// start out by hiding, then showing, then completing
|
|
if ( toHide.length && this.options.hide ) {
|
|
this._hide( toHide, this.options.hide, function() {
|
|
eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
|
|
show();
|
|
});
|
|
} else {
|
|
eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
|
|
toHide.hide();
|
|
show();
|
|
}
|
|
|
|
toHide.attr({
|
|
"aria-expanded": "false",
|
|
"aria-hidden": "true"
|
|
});
|
|
eventData.oldTab.attr( "aria-selected", "false" );
|
|
// If we're switching tabs, remove the old tab from the tab order.
|
|
// If we're opening from collapsed state, remove the previous tab from the tab order.
|
|
// If we're collapsing, then keep the collapsing tab in the tab order.
|
|
if ( toShow.length && toHide.length ) {
|
|
eventData.oldTab.attr( "tabIndex", -1 );
|
|
} else if ( toShow.length ) {
|
|
this.tabs.filter(function() {
|
|
return $( this ).attr( "tabIndex" ) === 0;
|
|
})
|
|
.attr( "tabIndex", -1 );
|
|
}
|
|
|
|
toShow.attr({
|
|
"aria-expanded": "true",
|
|
"aria-hidden": "false"
|
|
});
|
|
eventData.newTab.attr({
|
|
"aria-selected": "true",
|
|
tabIndex: 0
|
|
});
|
|
},
|
|
|
|
_activate: function( index ) {
|
|
var anchor,
|
|
active = this._findActive( index );
|
|
|
|
// trying to activate the already active panel
|
|
if ( active[ 0 ] === this.active[ 0 ] ) {
|
|
return;
|
|
}
|
|
|
|
// trying to collapse, simulate a click on the current active header
|
|
if ( !active.length ) {
|
|
active = this.active;
|
|
}
|
|
|
|
anchor = active.find( ".ui-tabs-anchor" )[ 0 ];
|
|
this._eventHandler({
|
|
target: anchor,
|
|
currentTarget: anchor,
|
|
preventDefault: $.noop
|
|
});
|
|
},
|
|
|
|
_findActive: function( index ) {
|
|
return index === false ? $() : this.tabs.eq( index );
|
|
},
|
|
|
|
_getIndex: function( index ) {
|
|
// meta-function to give users option to provide a href string instead of a numerical index.
|
|
if ( typeof index === "string" ) {
|
|
index = this.anchors.index( this.anchors.filter( "[href$='" + index + "']" ) );
|
|
}
|
|
|
|
return index;
|
|
},
|
|
|
|
_destroy: function() {
|
|
if ( this.xhr ) {
|
|
this.xhr.abort();
|
|
}
|
|
|
|
this.element.removeClass( "ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible" );
|
|
|
|
this.tablist
|
|
.removeClass( "ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" )
|
|
.removeAttr( "role" );
|
|
|
|
this.anchors
|
|
.removeClass( "ui-tabs-anchor" )
|
|
.removeAttr( "role" )
|
|
.removeAttr( "tabIndex" )
|
|
.removeUniqueId();
|
|
|
|
this.tabs.add( this.panels ).each(function() {
|
|
if ( $.data( this, "ui-tabs-destroy" ) ) {
|
|
$( this ).remove();
|
|
} else {
|
|
$( this )
|
|
.removeClass( "ui-state-default ui-state-active ui-state-disabled " +
|
|
"ui-corner-top ui-corner-bottom ui-widget-content ui-tabs-active ui-tabs-panel" )
|
|
.removeAttr( "tabIndex" )
|
|
.removeAttr( "aria-live" )
|
|
.removeAttr( "aria-busy" )
|
|
.removeAttr( "aria-selected" )
|
|
.removeAttr( "aria-labelledby" )
|
|
.removeAttr( "aria-hidden" )
|
|
.removeAttr( "aria-expanded" )
|
|
.removeAttr( "role" );
|
|
}
|
|
});
|
|
|
|
this.tabs.each(function() {
|
|
var li = $( this ),
|
|
prev = li.data( "ui-tabs-aria-controls" );
|
|
if ( prev ) {
|
|
li
|
|
.attr( "aria-controls", prev )
|
|
.removeData( "ui-tabs-aria-controls" );
|
|
} else {
|
|
li.removeAttr( "aria-controls" );
|
|
}
|
|
});
|
|
|
|
this.panels.show();
|
|
|
|
if ( this.options.heightStyle !== "content" ) {
|
|
this.panels.css( "height", "" );
|
|
}
|
|
},
|
|
|
|
enable: function( index ) {
|
|
var disabled = this.options.disabled;
|
|
if ( disabled === false ) {
|
|
return;
|
|
}
|
|
|
|
if ( index === undefined ) {
|
|
disabled = false;
|
|
} else {
|
|
index = this._getIndex( index );
|
|
if ( $.isArray( disabled ) ) {
|
|
disabled = $.map( disabled, function( num ) {
|
|
return num !== index ? num : null;
|
|
});
|
|
} else {
|
|
disabled = $.map( this.tabs, function( li, num ) {
|
|
return num !== index ? num : null;
|
|
});
|
|
}
|
|
}
|
|
this._setupDisabled( disabled );
|
|
},
|
|
|
|
disable: function( index ) {
|
|
var disabled = this.options.disabled;
|
|
if ( disabled === true ) {
|
|
return;
|
|
}
|
|
|
|
if ( index === undefined ) {
|
|
disabled = true;
|
|
} else {
|
|
index = this._getIndex( index );
|
|
if ( $.inArray( index, disabled ) !== -1 ) {
|
|
return;
|
|
}
|
|
if ( $.isArray( disabled ) ) {
|
|
disabled = $.merge( [ index ], disabled ).sort();
|
|
} else {
|
|
disabled = [ index ];
|
|
}
|
|
}
|
|
this._setupDisabled( disabled );
|
|
},
|
|
|
|
load: function( index, event ) {
|
|
index = this._getIndex( index );
|
|
var that = this,
|
|
tab = this.tabs.eq( index ),
|
|
anchor = tab.find( ".ui-tabs-anchor" ),
|
|
panel = this._getPanelForTab( tab ),
|
|
eventData = {
|
|
tab: tab,
|
|
panel: panel
|
|
};
|
|
|
|
// not remote
|
|
if ( isLocal( anchor[ 0 ] ) ) {
|
|
return;
|
|
}
|
|
|
|
this.xhr = $.ajax( this._ajaxSettings( anchor, event, eventData ) );
|
|
|
|
// support: jQuery <1.8
|
|
// jQuery <1.8 returns false if the request is canceled in beforeSend,
|
|
// but as of 1.8, $.ajax() always returns a jqXHR object.
|
|
if ( this.xhr && this.xhr.statusText !== "canceled" ) {
|
|
tab.addClass( "ui-tabs-loading" );
|
|
panel.attr( "aria-busy", "true" );
|
|
|
|
this.xhr
|
|
.success(function( response ) {
|
|
// support: jQuery <1.8
|
|
// http://bugs.jquery.com/ticket/11778
|
|
setTimeout(function() {
|
|
panel.html( response );
|
|
that._trigger( "load", event, eventData );
|
|
}, 1 );
|
|
})
|
|
.complete(function( jqXHR, status ) {
|
|
// support: jQuery <1.8
|
|
// http://bugs.jquery.com/ticket/11778
|
|
setTimeout(function() {
|
|
if ( status === "abort" ) {
|
|
that.panels.stop( false, true );
|
|
}
|
|
|
|
tab.removeClass( "ui-tabs-loading" );
|
|
panel.removeAttr( "aria-busy" );
|
|
|
|
if ( jqXHR === that.xhr ) {
|
|
delete that.xhr;
|
|
}
|
|
}, 1 );
|
|
});
|
|
}
|
|
},
|
|
|
|
_ajaxSettings: function( anchor, event, eventData ) {
|
|
var that = this;
|
|
return {
|
|
url: anchor.attr( "href" ),
|
|
beforeSend: function( jqXHR, settings ) {
|
|
return that._trigger( "beforeLoad", event,
|
|
$.extend( { jqXHR : jqXHR, ajaxSettings: settings }, eventData ) );
|
|
}
|
|
};
|
|
},
|
|
|
|
_getPanelForTab: function( tab ) {
|
|
var id = $( tab ).attr( "aria-controls" );
|
|
return this.element.find( this._sanitizeSelector( "#" + id ) );
|
|
}
|
|
});
|
|
|
|
})( jQuery );
|
|
|
|
(function( $ ) {
|
|
|
|
var increments = 0;
|
|
|
|
function addDescribedBy( elem, id ) {
|
|
var describedby = (elem.attr( "aria-describedby" ) || "").split( /\s+/ );
|
|
describedby.push( id );
|
|
elem
|
|
.data( "ui-tooltip-id", id )
|
|
.attr( "aria-describedby", $.trim( describedby.join( " " ) ) );
|
|
}
|
|
|
|
function removeDescribedBy( elem ) {
|
|
var id = elem.data( "ui-tooltip-id" ),
|
|
describedby = (elem.attr( "aria-describedby" ) || "").split( /\s+/ ),
|
|
index = $.inArray( id, describedby );
|
|
if ( index !== -1 ) {
|
|
describedby.splice( index, 1 );
|
|
}
|
|
|
|
elem.removeData( "ui-tooltip-id" );
|
|
describedby = $.trim( describedby.join( " " ) );
|
|
if ( describedby ) {
|
|
elem.attr( "aria-describedby", describedby );
|
|
} else {
|
|
elem.removeAttr( "aria-describedby" );
|
|
}
|
|
}
|
|
|
|
$.widget( "ui.tooltip", {
|
|
version: "1.10.0",
|
|
options: {
|
|
content: function() {
|
|
// support: IE<9, Opera in jQuery <1.7
|
|
// .text() can't accept undefined, so coerce to a string
|
|
var title = $( this ).attr( "title" ) || "";
|
|
// Escape title, since we're going from an attribute to raw HTML
|
|
return $( "<a>" ).text( title ).html();
|
|
},
|
|
hide: true,
|
|
// Disabled elements have inconsistent behavior across browsers (#8661)
|
|
items: "[title]:not([disabled])",
|
|
position: {
|
|
my: "left top+15",
|
|
at: "left bottom",
|
|
collision: "flipfit flip"
|
|
},
|
|
show: true,
|
|
tooltipClass: null,
|
|
track: false,
|
|
|
|
// callbacks
|
|
close: null,
|
|
open: null
|
|
},
|
|
|
|
_create: function() {
|
|
this._on({
|
|
mouseover: "open",
|
|
focusin: "open"
|
|
});
|
|
|
|
// IDs of generated tooltips, needed for destroy
|
|
this.tooltips = {};
|
|
// IDs of parent tooltips where we removed the title attribute
|
|
this.parents = {};
|
|
|
|
if ( this.options.disabled ) {
|
|
this._disable();
|
|
}
|
|
},
|
|
|
|
_setOption: function( key, value ) {
|
|
var that = this;
|
|
|
|
if ( key === "disabled" ) {
|
|
this[ value ? "_disable" : "_enable" ]();
|
|
this.options[ key ] = value;
|
|
// disable element style changes
|
|
return;
|
|
}
|
|
|
|
this._super( key, value );
|
|
|
|
if ( key === "content" ) {
|
|
$.each( this.tooltips, function( id, element ) {
|
|
that._updateContent( element );
|
|
});
|
|
}
|
|
},
|
|
|
|
_disable: function() {
|
|
var that = this;
|
|
|
|
// close open tooltips
|
|
$.each( this.tooltips, function( id, element ) {
|
|
var event = $.Event( "blur" );
|
|
event.target = event.currentTarget = element[0];
|
|
that.close( event, true );
|
|
});
|
|
|
|
// remove title attributes to prevent native tooltips
|
|
this.element.find( this.options.items ).addBack().each(function() {
|
|
var element = $( this );
|
|
if ( element.is( "[title]" ) ) {
|
|
element
|
|
.data( "ui-tooltip-title", element.attr( "title" ) )
|
|
.attr( "title", "" );
|
|
}
|
|
});
|
|
},
|
|
|
|
_enable: function() {
|
|
// restore title attributes
|
|
this.element.find( this.options.items ).addBack().each(function() {
|
|
var element = $( this );
|
|
if ( element.data( "ui-tooltip-title" ) ) {
|
|
element.attr( "title", element.data( "ui-tooltip-title" ) );
|
|
}
|
|
});
|
|
},
|
|
|
|
open: function( event ) {
|
|
var that = this,
|
|
target = $( event ? event.target : this.element )
|
|
// we need closest here due to mouseover bubbling,
|
|
// but always pointing at the same event target
|
|
.closest( this.options.items );
|
|
|
|
// No element to show a tooltip for or the tooltip is already open
|
|
if ( !target.length || target.data( "ui-tooltip-id" ) ) {
|
|
return;
|
|
}
|
|
|
|
if ( target.attr( "title" ) ) {
|
|
target.data( "ui-tooltip-title", target.attr( "title" ) );
|
|
}
|
|
|
|
target.data( "ui-tooltip-open", true );
|
|
|
|
// kill parent tooltips, custom or native, for hover
|
|
if ( event && event.type === "mouseover" ) {
|
|
target.parents().each(function() {
|
|
var parent = $( this ),
|
|
blurEvent;
|
|
if ( parent.data( "ui-tooltip-open" ) ) {
|
|
blurEvent = $.Event( "blur" );
|
|
blurEvent.target = blurEvent.currentTarget = this;
|
|
that.close( blurEvent, true );
|
|
}
|
|
if ( parent.attr( "title" ) ) {
|
|
parent.uniqueId();
|
|
that.parents[ this.id ] = {
|
|
element: this,
|
|
title: parent.attr( "title" )
|
|
};
|
|
parent.attr( "title", "" );
|
|
}
|
|
});
|
|
}
|
|
|
|
this._updateContent( target, event );
|
|
},
|
|
|
|
_updateContent: function( target, event ) {
|
|
var content,
|
|
contentOption = this.options.content,
|
|
that = this,
|
|
eventType = event ? event.type : null;
|
|
|
|
if ( typeof contentOption === "string" ) {
|
|
return this._open( event, target, contentOption );
|
|
}
|
|
|
|
content = contentOption.call( target[0], function( response ) {
|
|
// ignore async response if tooltip was closed already
|
|
if ( !target.data( "ui-tooltip-open" ) ) {
|
|
return;
|
|
}
|
|
// IE may instantly serve a cached response for ajax requests
|
|
// delay this call to _open so the other call to _open runs first
|
|
that._delay(function() {
|
|
// jQuery creates a special event for focusin when it doesn't
|
|
// exist natively. To improve performance, the native event
|
|
// object is reused and the type is changed. Therefore, we can't
|
|
// rely on the type being correct after the event finished
|
|
// bubbling, so we set it back to the previous value. (#8740)
|
|
if ( event ) {
|
|
event.type = eventType;
|
|
}
|
|
this._open( event, target, response );
|
|
});
|
|
});
|
|
if ( content ) {
|
|
this._open( event, target, content );
|
|
}
|
|
},
|
|
|
|
_open: function( event, target, content ) {
|
|
var tooltip, events, delayedShow,
|
|
positionOption = $.extend( {}, this.options.position );
|
|
|
|
if ( !content ) {
|
|
return;
|
|
}
|
|
|
|
// Content can be updated multiple times. If the tooltip already
|
|
// exists, then just update the content and bail.
|
|
tooltip = this._find( target );
|
|
if ( tooltip.length ) {
|
|
tooltip.find( ".ui-tooltip-content" ).html( content );
|
|
return;
|
|
}
|
|
|
|
// if we have a title, clear it to prevent the native tooltip
|
|
// we have to check first to avoid defining a title if none exists
|
|
// (we don't want to cause an element to start matching [title])
|
|
//
|
|
// We use removeAttr only for key events, to allow IE to export the correct
|
|
// accessible attributes. For mouse events, set to empty string to avoid
|
|
// native tooltip showing up (happens only when removing inside mouseover).
|
|
if ( target.is( "[title]" ) ) {
|
|
if ( event && event.type === "mouseover" ) {
|
|
target.attr( "title", "" );
|
|
} else {
|
|
target.removeAttr( "title" );
|
|
}
|
|
}
|
|
|
|
tooltip = this._tooltip( target );
|
|
addDescribedBy( target, tooltip.attr( "id" ) );
|
|
tooltip.find( ".ui-tooltip-content" ).html( content );
|
|
|
|
function position( event ) {
|
|
positionOption.of = event;
|
|
if ( tooltip.is( ":hidden" ) ) {
|
|
return;
|
|
}
|
|
tooltip.position( positionOption );
|
|
}
|
|
if ( this.options.track && event && /^mouse/.test( event.type ) ) {
|
|
this._on( this.document, {
|
|
mousemove: position
|
|
});
|
|
// trigger once to override element-relative positioning
|
|
position( event );
|
|
} else {
|
|
tooltip.position( $.extend({
|
|
of: target
|
|
}, this.options.position ) );
|
|
}
|
|
|
|
tooltip.hide();
|
|
|
|
this._show( tooltip, this.options.show );
|
|
// Handle tracking tooltips that are shown with a delay (#8644). As soon
|
|
// as the tooltip is visible, position the tooltip using the most recent
|
|
// event.
|
|
if ( this.options.show && this.options.show.delay ) {
|
|
delayedShow = this.delayedShow = setInterval(function() {
|
|
if ( tooltip.is( ":visible" ) ) {
|
|
position( positionOption.of );
|
|
clearInterval( delayedShow );
|
|
}
|
|
}, $.fx.interval );
|
|
}
|
|
|
|
this._trigger( "open", event, { tooltip: tooltip } );
|
|
|
|
events = {
|
|
keyup: function( event ) {
|
|
if ( event.keyCode === $.ui.keyCode.ESCAPE ) {
|
|
var fakeEvent = $.Event(event);
|
|
fakeEvent.currentTarget = target[0];
|
|
this.close( fakeEvent, true );
|
|
}
|
|
},
|
|
remove: function() {
|
|
this._removeTooltip( tooltip );
|
|
}
|
|
};
|
|
if ( !event || event.type === "mouseover" ) {
|
|
events.mouseleave = "close";
|
|
}
|
|
if ( !event || event.type === "focusin" ) {
|
|
events.focusout = "close";
|
|
}
|
|
this._on( true, target, events );
|
|
},
|
|
|
|
close: function( event ) {
|
|
var that = this,
|
|
target = $( event ? event.currentTarget : this.element ),
|
|
tooltip = this._find( target );
|
|
|
|
// disabling closes the tooltip, so we need to track when we're closing
|
|
// to avoid an infinite loop in case the tooltip becomes disabled on close
|
|
if ( this.closing ) {
|
|
return;
|
|
}
|
|
|
|
// Clear the interval for delayed tracking tooltips
|
|
clearInterval( this.delayedShow );
|
|
|
|
// only set title if we had one before (see comment in _open())
|
|
if ( target.data( "ui-tooltip-title" ) ) {
|
|
target.attr( "title", target.data( "ui-tooltip-title" ) );
|
|
}
|
|
|
|
removeDescribedBy( target );
|
|
|
|
tooltip.stop( true );
|
|
this._hide( tooltip, this.options.hide, function() {
|
|
that._removeTooltip( $( this ) );
|
|
});
|
|
|
|
target.removeData( "ui-tooltip-open" );
|
|
this._off( target, "mouseleave focusout keyup" );
|
|
// Remove 'remove' binding only on delegated targets
|
|
if ( target[0] !== this.element[0] ) {
|
|
this._off( target, "remove" );
|
|
}
|
|
this._off( this.document, "mousemove" );
|
|
|
|
if ( event && event.type === "mouseleave" ) {
|
|
$.each( this.parents, function( id, parent ) {
|
|
$( parent.element ).attr( "title", parent.title );
|
|
delete that.parents[ id ];
|
|
});
|
|
}
|
|
|
|
this.closing = true;
|
|
this._trigger( "close", event, { tooltip: tooltip } );
|
|
this.closing = false;
|
|
},
|
|
|
|
_tooltip: function( element ) {
|
|
var id = "ui-tooltip-" + increments++,
|
|
tooltip = $( "<div>" )
|
|
.attr({
|
|
id: id,
|
|
role: "tooltip"
|
|
})
|
|
.addClass( "ui-tooltip ui-widget ui-corner-all ui-widget-content " +
|
|
( this.options.tooltipClass || "" ) );
|
|
$( "<div>" )
|
|
.addClass( "ui-tooltip-content" )
|
|
.appendTo( tooltip );
|
|
tooltip.appendTo( this.document[0].body );
|
|
this.tooltips[ id ] = element;
|
|
return tooltip;
|
|
},
|
|
|
|
_find: function( target ) {
|
|
var id = target.data( "ui-tooltip-id" );
|
|
return id ? $( "#" + id ) : $();
|
|
},
|
|
|
|
_removeTooltip: function( tooltip ) {
|
|
tooltip.remove();
|
|
delete this.tooltips[ tooltip.attr( "id" ) ];
|
|
},
|
|
|
|
_destroy: function() {
|
|
var that = this;
|
|
|
|
// close open tooltips
|
|
$.each( this.tooltips, function( id, element ) {
|
|
// Delegate to close method to handle common cleanup
|
|
var event = $.Event( "blur" );
|
|
event.target = event.currentTarget = element[0];
|
|
that.close( event, true );
|
|
|
|
// Remove immediately; destroying an open tooltip doesn't use the
|
|
// hide animation
|
|
$( "#" + id ).remove();
|
|
|
|
// Restore the title
|
|
if ( element.data( "ui-tooltip-title" ) ) {
|
|
element.attr( "title", element.data( "ui-tooltip-title" ) );
|
|
element.removeData( "ui-tooltip-title" );
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
}( jQuery ) );
|
|
|
|
///#source 1 1 /ClientSource/Scripts/Core/jquery.watermark.js
|
|
/*
|
|
Watermark plugin for jQuery
|
|
Version: 3.1.4
|
|
http://jquery-watermark.googlecode.com/
|
|
|
|
Copyright (c) 2009-2012 Todd Northrop
|
|
http://www.speednet.biz/
|
|
|
|
August 13, 2012
|
|
|
|
Requires: jQuery 1.2.3+
|
|
|
|
Dual licensed under the MIT or GPL Version 2 licenses.
|
|
See mit-license.txt and gpl2-license.txt in the project root for details.
|
|
------------------------------------------------------*/
|
|
|
|
( function ( $, window, undefined ) {
|
|
|
|
var
|
|
// String constants for data names
|
|
dataFlag = "watermark",
|
|
dataClass = "watermarkClass",
|
|
dataFocus = "watermarkFocus",
|
|
dataFormSubmit = "watermarkSubmit",
|
|
dataMaxLen = "watermarkMaxLength",
|
|
dataPassword = "watermarkPassword",
|
|
dataText = "watermarkText",
|
|
|
|
// Copy of native jQuery regex use to strip return characters from element value
|
|
rreturn = /\r/g,
|
|
|
|
// Used to determine if type attribute of input element is a non-text type (invalid)
|
|
rInvalidType = /^(button|checkbox|hidden|image|radio|range|reset|submit)$/i,
|
|
|
|
// Includes only elements with watermark defined
|
|
selWatermarkDefined = "input:data(" + dataFlag + "),textarea:data(" + dataFlag + ")",
|
|
|
|
// Includes only elements capable of having watermark
|
|
selWatermarkAble = ":watermarkable",
|
|
|
|
// triggerFns:
|
|
// Array of function names to look for in the global namespace.
|
|
// Any such functions found will be hijacked to trigger a call to
|
|
// hideAll() any time they are called. The default value is the
|
|
// ASP.NET function that validates the controls on the page
|
|
// prior to a postback.
|
|
//
|
|
// Am I missing other important trigger function(s) to look for?
|
|
// Please leave me feedback:
|
|
// http://code.google.com/p/jquery-watermark/issues/list
|
|
triggerFns = [
|
|
"Page_ClientValidate"
|
|
],
|
|
|
|
// Holds a value of true if a watermark was displayed since the last
|
|
// hideAll() was executed. Avoids repeatedly calling hideAll().
|
|
pageDirty = false,
|
|
|
|
// Detects if the browser can handle native placeholders
|
|
hasNativePlaceholder = ( "placeholder" in document.createElement( "input" ) );
|
|
|
|
// Best practice: this plugin adds only one method to the jQuery object.
|
|
// Also ensures that the watermark code is only added once.
|
|
$.watermark = $.watermark || {
|
|
|
|
// Current version number of the plugin
|
|
version: "3.1.4",
|
|
|
|
runOnce: true,
|
|
|
|
// Default options used when watermarks are instantiated.
|
|
// Can be changed to affect the default behavior for all
|
|
// new or updated watermarks.
|
|
options: {
|
|
|
|
// Default class name for all watermarks
|
|
className: "watermark",
|
|
|
|
// If true, plugin will detect and use native browser support for
|
|
// watermarks, if available. (e.g., WebKit's placeholder attribute.)
|
|
useNative: true,
|
|
|
|
// If true, all watermarks will be hidden during the window's
|
|
// beforeunload event. This is done mainly because WebKit
|
|
// browsers remember the watermark text during navigation
|
|
// and try to restore the watermark text after the user clicks
|
|
// the Back button. We can avoid this by hiding the text before
|
|
// the browser has a chance to save it. The regular unload event
|
|
// was tried, but it seems the browser saves the text before
|
|
// that event kicks off, because it didn't work.
|
|
hideBeforeUnload: true
|
|
},
|
|
|
|
// Hide one or more watermarks by specifying any selector type
|
|
// i.e., DOM element, string selector, jQuery matched set, etc.
|
|
hide: function ( selector ) {
|
|
$( selector ).filter( selWatermarkDefined ).each(
|
|
function () {
|
|
$.watermark._hide( $( this ) );
|
|
}
|
|
);
|
|
},
|
|
|
|
// Internal use only.
|
|
_hide: function ( $input, focus ) {
|
|
var elem = $input[ 0 ],
|
|
inputVal = ( elem.value || "" ).replace( rreturn, "" ),
|
|
inputWm = $input.data( dataText ) || "",
|
|
maxLen = $input.data( dataMaxLen ) || 0,
|
|
className = $input.data( dataClass );
|
|
|
|
if ( ( inputWm.length ) && ( inputVal == inputWm ) ) {
|
|
elem.value = "";
|
|
|
|
// Password type?
|
|
if ( $input.data( dataPassword ) ) {
|
|
|
|
if ( ( $input.attr( "type" ) || "" ) === "text" ) {
|
|
var $pwd = $input.data( dataPassword ) || [],
|
|
$wrap = $input.parent() || [];
|
|
|
|
if ( ( $pwd.length ) && ( $wrap.length ) ) {
|
|
$wrap[ 0 ].removeChild( $input[ 0 ] ); // Can't use jQuery methods, because they destroy data
|
|
$wrap[ 0 ].appendChild( $pwd[ 0 ] );
|
|
$input = $pwd;
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( maxLen ) {
|
|
$input.attr( "maxLength", maxLen );
|
|
$input.removeData( dataMaxLen );
|
|
}
|
|
|
|
if ( focus ) {
|
|
$input.attr( "autocomplete", "off" ); // Avoid NS_ERROR_XPC_JS_THREW_STRING error in Firefox
|
|
|
|
window.setTimeout(
|
|
function () {
|
|
$input.select(); // Fix missing cursor in IE
|
|
}
|
|
, 1 );
|
|
}
|
|
}
|
|
|
|
className && $input.removeClass( className );
|
|
},
|
|
|
|
// Display one or more watermarks by specifying any selector type
|
|
// i.e., DOM element, string selector, jQuery matched set, etc.
|
|
// If conditions are not right for displaying a watermark, ensures that watermark is not shown.
|
|
show: function ( selector ) {
|
|
$( selector ).filter( selWatermarkDefined ).each(
|
|
function () {
|
|
$.watermark._show( $( this ) );
|
|
}
|
|
);
|
|
},
|
|
|
|
// Internal use only.
|
|
_show: function ( $input ) {
|
|
var elem = $input[ 0 ],
|
|
val = ( elem.value || "" ).replace( rreturn, "" ),
|
|
text = $input.data( dataText ) || "",
|
|
type = $input.attr( "type" ) || "",
|
|
className = $input.data( dataClass );
|
|
|
|
if ( ( ( val.length == 0 ) || ( val == text ) ) && ( !$input.data( dataFocus ) ) ) {
|
|
pageDirty = true;
|
|
|
|
// Password type?
|
|
if ( $input.data( dataPassword ) ) {
|
|
|
|
if ( type === "password" ) {
|
|
var $pwd = $input.data( dataPassword ) || [],
|
|
$wrap = $input.parent() || [];
|
|
|
|
if ( ( $pwd.length ) && ( $wrap.length ) ) {
|
|
$wrap[ 0 ].removeChild( $input[ 0 ] ); // Can't use jQuery methods, because they destroy data
|
|
$wrap[ 0 ].appendChild( $pwd[ 0 ] );
|
|
$input = $pwd;
|
|
$input.attr( "maxLength", text.length );
|
|
elem = $input[ 0 ];
|
|
}
|
|
}
|
|
}
|
|
|
|
// Ensure maxLength big enough to hold watermark (input of type="text" or type="search" only)
|
|
if ( ( type === "text" ) || ( type === "search" ) ) {
|
|
var maxLen = $input.attr( "maxLength" ) || 0;
|
|
|
|
if ( ( maxLen > 0 ) && ( text.length > maxLen ) ) {
|
|
$input.data( dataMaxLen, maxLen );
|
|
$input.attr( "maxLength", text.length );
|
|
}
|
|
}
|
|
|
|
className && $input.addClass( className );
|
|
elem.value = text;
|
|
}
|
|
else {
|
|
$.watermark._hide( $input );
|
|
}
|
|
},
|
|
|
|
// Hides all watermarks on the current page.
|
|
hideAll: function () {
|
|
if ( pageDirty ) {
|
|
$.watermark.hide( selWatermarkAble );
|
|
pageDirty = false;
|
|
}
|
|
},
|
|
|
|
// Displays all watermarks on the current page.
|
|
showAll: function () {
|
|
$.watermark.show( selWatermarkAble );
|
|
}
|
|
};
|
|
|
|
$.fn.watermark = $.fn.watermark || function ( text, options ) {
|
|
/// <summary>
|
|
/// Set watermark text and class name on all input elements of type="text/password/search" and
|
|
/// textareas within the matched set. If className is not specified in options, the default is
|
|
/// "watermark". Within the matched set, only input elements with type="text/password/search"
|
|
/// and textareas are affected; all other elements are ignored.
|
|
/// </summary>
|
|
/// <returns type="jQuery">
|
|
/// Returns the original jQuery matched set (not just the input and texarea elements).
|
|
/// </returns>
|
|
/// <param name="text" type="String">
|
|
/// Text to display as a watermark when the input or textarea element has an empty value and does not
|
|
/// have focus. The first time watermark() is called on an element, if this argument is empty (or not
|
|
/// a String type), then the watermark will have the net effect of only changing the class name when
|
|
/// the input or textarea element's value is empty and it does not have focus.
|
|
/// </param>
|
|
/// <param name="options" type="Object" optional="true">
|
|
/// Provides the ability to override the default watermark options ($.watermark.options). For backward
|
|
/// compatibility, if a string value is supplied, it is used as the class name that overrides the class
|
|
/// name in $.watermark.options.className. Properties include:
|
|
/// className: When the watermark is visible, the element will be styled using this class name.
|
|
/// useNative (Boolean or Function): Specifies if native browser support for watermarks will supersede
|
|
/// plugin functionality. If useNative is a function, the return value from the function will
|
|
/// determine if native support is used. The function is passed one argument -- a jQuery object
|
|
/// containing the element being tested as the only element in its matched set -- and the DOM
|
|
/// element being tested is the object on which the function is invoked (the value of "this").
|
|
/// </param>
|
|
/// <remarks>
|
|
/// The effect of changing the text and class name on an input element is called a watermark because
|
|
/// typically light gray text is used to provide a hint as to what type of input is required. However,
|
|
/// the appearance of the watermark can be something completely different: simply change the CSS style
|
|
/// pertaining to the supplied class name.
|
|
///
|
|
/// The first time watermark() is called on an element, the watermark text and class name are initialized,
|
|
/// and the focus and blur events are hooked in order to control the display of the watermark. Also, as
|
|
/// of version 3.0, drag and drop events are hooked to guard against dropped text being appended to the
|
|
/// watermark. If native watermark support is provided by the browser, it is detected and used, unless
|
|
/// the useNative option is set to false.
|
|
///
|
|
/// Subsequently, watermark() can be called again on an element in order to change the watermark text
|
|
/// and/or class name, and it can also be called without any arguments in order to refresh the display.
|
|
///
|
|
/// For example, after changing the value of the input or textarea element programmatically, watermark()
|
|
/// should be called without any arguments to refresh the display, because the change event is only
|
|
/// triggered by user actions, not by programmatic changes to an input or textarea element's value.
|
|
///
|
|
/// The one exception to programmatic updates is for password input elements: you are strongly cautioned
|
|
/// against changing the value of a password input element programmatically (after the page loads).
|
|
/// The reason is that some fairly hairy code is required behind the scenes to make the watermarks bypass
|
|
/// IE security and switch back and forth between clear text (for watermarks) and obscured text (for
|
|
/// passwords). It is *possible* to make programmatic changes, but it must be done in a certain way, and
|
|
/// overall it is not recommended.
|
|
/// </remarks>
|
|
|
|
if ( !this.length ) {
|
|
return this;
|
|
}
|
|
|
|
var hasClass = false,
|
|
hasText = ( typeof( text ) === "string" );
|
|
|
|
if ( hasText ) {
|
|
text = text.replace( rreturn, "" );
|
|
}
|
|
|
|
if ( typeof( options ) === "object" ) {
|
|
hasClass = ( typeof( options.className ) === "string" );
|
|
options = $.extend( {}, $.watermark.options, options );
|
|
}
|
|
else if ( typeof( options ) === "string" ) {
|
|
hasClass = true;
|
|
options = $.extend( {}, $.watermark.options, { className: options } );
|
|
}
|
|
else {
|
|
options = $.watermark.options;
|
|
}
|
|
|
|
if ( typeof( options.useNative ) !== "function" ) {
|
|
options.useNative = options.useNative? function () { return true; } : function () { return false; };
|
|
}
|
|
|
|
return this.each(
|
|
function () {
|
|
var $input = $( this );
|
|
|
|
if ( !$input.is( selWatermarkAble ) ) {
|
|
return;
|
|
}
|
|
|
|
// Watermark already initialized?
|
|
if ( $input.data( dataFlag ) ) {
|
|
|
|
// If re-defining text or class, first remove existing watermark, then make changes
|
|
if ( hasText || hasClass ) {
|
|
$.watermark._hide( $input );
|
|
|
|
if ( hasText ) {
|
|
$input.data( dataText, text );
|
|
}
|
|
|
|
if ( hasClass ) {
|
|
$input.data( dataClass, options.className );
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
|
|
// Detect and use native browser support, if enabled in options
|
|
if (
|
|
( hasNativePlaceholder )
|
|
&& ( options.useNative.call( this, $input ) )
|
|
&& ( ( $input.attr( "tagName" ) || "" ) !== "TEXTAREA" )
|
|
) {
|
|
// className is not set because current placeholder standard doesn't
|
|
// have a separate class name property for placeholders (watermarks).
|
|
if ( hasText ) {
|
|
$input.attr( "placeholder", text );
|
|
}
|
|
|
|
// Only set data flag for non-native watermarks
|
|
// [purposely commented-out] -> $input.data(dataFlag, 1);
|
|
return;
|
|
}
|
|
|
|
$input.data( dataText, hasText? text : "" );
|
|
$input.data( dataClass, options.className );
|
|
$input.data( dataFlag, 1 ); // Flag indicates watermark was initialized
|
|
|
|
// Special processing for password type
|
|
if ( ( $input.attr( "type" ) || "" ) === "password" ) {
|
|
var $wrap = $input.wrap( "<span>" ).parent(),
|
|
$wm = $( $wrap.html().replace( /type=["']?password["']?/i, 'type="text"' ) );
|
|
|
|
$wm.data( dataText, $input.data( dataText ) );
|
|
$wm.data( dataClass, $input.data( dataClass ) );
|
|
$wm.data( dataFlag, 1 );
|
|
$wm.attr( "maxLength", text.length );
|
|
|
|
$wm.focus(
|
|
function () {
|
|
$.watermark._hide( $wm, true );
|
|
}
|
|
).bind( "dragenter",
|
|
function () {
|
|
$.watermark._hide( $wm );
|
|
}
|
|
).bind( "dragend",
|
|
function () {
|
|
window.setTimeout( function () { $wm.blur(); }, 1 );
|
|
}
|
|
);
|
|
|
|
$input.blur(
|
|
function () {
|
|
$.watermark._show( $input );
|
|
}
|
|
).bind( "dragleave",
|
|
function () {
|
|
$.watermark._show( $input );
|
|
}
|
|
);
|
|
|
|
$wm.data( dataPassword, $input );
|
|
$input.data( dataPassword, $wm );
|
|
}
|
|
else {
|
|
|
|
$input.focus(
|
|
function () {
|
|
$input.data( dataFocus, 1 );
|
|
$.watermark._hide( $input, true );
|
|
}
|
|
).blur(
|
|
function () {
|
|
$input.data( dataFocus, 0 );
|
|
$.watermark._show( $input );
|
|
}
|
|
).bind( "dragenter",
|
|
function () {
|
|
$.watermark._hide( $input );
|
|
}
|
|
).bind( "dragleave",
|
|
function () {
|
|
$.watermark._show( $input );
|
|
}
|
|
).bind( "dragend",
|
|
function () {
|
|
window.setTimeout( function () { $.watermark._show($input); }, 1 );
|
|
}
|
|
).bind( "drop",
|
|
// Firefox makes this lovely function necessary because the dropped text
|
|
// is merged with the watermark before the drop event is called.
|
|
function ( evt ) {
|
|
var elem = $input[ 0 ],
|
|
dropText = evt.originalEvent.dataTransfer.getData( "Text" );
|
|
|
|
if ( ( elem.value || "" ).replace( rreturn, "" ).replace( dropText, "" ) === $input.data( dataText ) ) {
|
|
elem.value = dropText;
|
|
}
|
|
|
|
$input.focus();
|
|
}
|
|
);
|
|
}
|
|
|
|
// In order to reliably clear all watermarks before form submission,
|
|
// we need to replace the form's submit function with our own
|
|
// function. Otherwise watermarks won't be cleared when the form
|
|
// is submitted programmatically.
|
|
if ( this.form ) {
|
|
var form = this.form,
|
|
$form = $( form );
|
|
|
|
if ( !$form.data( dataFormSubmit ) ) {
|
|
$form.submit( $.watermark.hideAll );
|
|
|
|
// form.submit exists for all browsers except Google Chrome
|
|
// (see "else" below for explanation)
|
|
if ( form.submit ) {
|
|
$form.data( dataFormSubmit, form.submit );
|
|
|
|
form.submit = ( function ( f, $f ) {
|
|
return function () {
|
|
var nativeSubmit = $f.data( dataFormSubmit );
|
|
|
|
$.watermark.hideAll();
|
|
|
|
if ( nativeSubmit.apply ) {
|
|
nativeSubmit.apply( f, Array.prototype.slice.call( arguments ) );
|
|
}
|
|
else {
|
|
nativeSubmit();
|
|
}
|
|
};
|
|
})( form, $form );
|
|
}
|
|
else {
|
|
$form.data( dataFormSubmit, 1 );
|
|
|
|
// This strangeness is due to the fact that Google Chrome's
|
|
// form.submit function is not visible to JavaScript (identifies
|
|
// as "undefined"). I had to invent a solution here because hours
|
|
// of Googling (ironically) for an answer did not turn up anything
|
|
// useful. Within my own form.submit function I delete the form's
|
|
// submit function, and then call the non-existent function --
|
|
// which, in the world of Google Chrome, still exists.
|
|
form.submit = ( function ( f ) {
|
|
return function () {
|
|
$.watermark.hideAll();
|
|
delete f.submit;
|
|
f.submit();
|
|
};
|
|
})( form );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$.watermark._show( $input );
|
|
}
|
|
);
|
|
};
|
|
|
|
// The code included within the following if structure is guaranteed to only run once,
|
|
// even if the watermark script file is included multiple times in the page.
|
|
if ( $.watermark.runOnce ) {
|
|
$.watermark.runOnce = false;
|
|
|
|
$.extend( $.expr[ ":" ], {
|
|
|
|
// Extends jQuery with a custom selector - ":data(...)"
|
|
// :data(<name>) Includes elements that have a specific name defined in the jQuery data
|
|
// collection. (Only the existence of the name is checked; the value is ignored.)
|
|
// A more sophisticated version of the :data() custom selector originally part of this plugin
|
|
// was removed for compatibility with jQuery UI. The original code can be found in the SVN
|
|
// source listing in the file, "jquery.data.js".
|
|
data: $.expr.createPseudo ?
|
|
$.expr.createPseudo( function( dataName ) {
|
|
return function( elem ) {
|
|
return !!$.data( elem, dataName );
|
|
};
|
|
}) :
|
|
// support: jQuery <1.8
|
|
function( elem, i, match ) {
|
|
return !!$.data( elem, match[ 3 ] );
|
|
},
|
|
|
|
// Extends jQuery with a custom selector - ":watermarkable"
|
|
// Includes elements that can be watermarked, including textareas and most input elements
|
|
// that accept text input. It uses a "negative" test (i.e., testing for input types that DON'T
|
|
// work) because the HTML spec states that you can basically use any type, and if it doesn't
|
|
// recognize the type it will default to type=text. So if we only looked for certain type attributes
|
|
// we would fail to recognize non-standard types, which are still valid and watermarkable.
|
|
watermarkable: function ( elem ) {
|
|
var type,
|
|
name = elem.nodeName;
|
|
|
|
if ( name === "TEXTAREA" ) {
|
|
return true;
|
|
}
|
|
|
|
if ( name !== "INPUT" ) {
|
|
return false;
|
|
}
|
|
|
|
type = elem.getAttribute( "type" );
|
|
|
|
return ( ( !type ) || ( !rInvalidType.test( type ) ) );
|
|
}
|
|
});
|
|
|
|
// Overloads the jQuery .val() function to return the underlying input value on
|
|
// watermarked input elements. When .val() is being used to set values, this
|
|
// function ensures watermarks are properly set/removed after the values are set.
|
|
// Uses self-executing function to override the default jQuery function.
|
|
( function ( valOld ) {
|
|
|
|
$.fn.val = function () {
|
|
var args = Array.prototype.slice.call( arguments );
|
|
|
|
// Best practice: return immediately if empty matched set
|
|
if ( !this.length ) {
|
|
return args.length? this : undefined;
|
|
}
|
|
|
|
// If no args, then we're getting the value of the first element;
|
|
// else we're setting values for all elements in matched set
|
|
if ( !args.length ) {
|
|
|
|
// If element is watermarked, get the underlying value;
|
|
// else use native jQuery .val()
|
|
if ( this.data( dataFlag ) ) {
|
|
var v = ( this[ 0 ].value || "" ).replace( rreturn, "" );
|
|
return ( v === ( this.data( dataText ) || "" ) )? "" : v;
|
|
}
|
|
else {
|
|
return valOld.apply( this );
|
|
}
|
|
}
|
|
else {
|
|
valOld.apply( this, args );
|
|
$.watermark.show( this );
|
|
return this;
|
|
}
|
|
};
|
|
|
|
})( $.fn.val );
|
|
|
|
// Hijack any functions found in the triggerFns list
|
|
if ( triggerFns.length ) {
|
|
|
|
// Wait until DOM is ready before searching
|
|
$( function () {
|
|
var i, name, fn;
|
|
|
|
for ( i = triggerFns.length - 1; i >= 0; i-- ) {
|
|
name = triggerFns[ i ];
|
|
fn = window[ name ];
|
|
|
|
if ( typeof( fn ) === "function" ) {
|
|
window[ name ] = ( function ( origFn ) {
|
|
return function () {
|
|
$.watermark.hideAll();
|
|
return origFn.apply( null, Array.prototype.slice.call( arguments ) );
|
|
};
|
|
})( fn );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$( window ).bind( "beforeunload", function () {
|
|
if ( $.watermark.options.hideBeforeUnload ) {
|
|
$.watermark.hideAll();
|
|
}
|
|
});
|
|
}
|
|
|
|
})( jQuery, window );
|
|
|
|
///#source 1 1 /ClientSource/Scripts/Core/jquery.dataTables.js
|
|
/**
|
|
* @summary DataTables
|
|
* @description Paginate, search and sort HTML tables
|
|
* @version 1.9.3
|
|
* @file jquery.dataTables.js
|
|
* @author Allan Jardine (www.sprymedia.co.uk)
|
|
* @contact www.sprymedia.co.uk/contact
|
|
*
|
|
* @copyright Copyright 2008-2012 Allan Jardine, all rights reserved.
|
|
*
|
|
* This source file is free software, under either the GPL v2 license or a
|
|
* BSD style license, available at:
|
|
* http://datatables.net/license_gpl2
|
|
* http://datatables.net/license_bsd
|
|
*
|
|
* This source file is distributed in the hope that it will be useful, but
|
|
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
|
|
* or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
|
|
*
|
|
* For details please refer to: http://www.datatables.net
|
|
*/
|
|
|
|
/*jslint evil: true, undef: true, browser: true */
|
|
/*globals $, jQuery,_fnExternApiFunc,_fnInitialise,_fnInitComplete,_fnLanguageCompat,_fnAddColumn,_fnColumnOptions,_fnAddData,_fnCreateTr,_fnGatherData,_fnBuildHead,_fnDrawHead,_fnDraw,_fnReDraw,_fnAjaxUpdate,_fnAjaxParameters,_fnAjaxUpdateDraw,_fnServerParams,_fnAddOptionsHtml,_fnFeatureHtmlTable,_fnScrollDraw,_fnAdjustColumnSizing,_fnFeatureHtmlFilter,_fnFilterComplete,_fnFilterCustom,_fnFilterColumn,_fnFilter,_fnBuildSearchArray,_fnBuildSearchRow,_fnFilterCreateSearch,_fnDataToSearch,_fnSort,_fnSortAttachListener,_fnSortingClasses,_fnFeatureHtmlPaginate,_fnPageChange,_fnFeatureHtmlInfo,_fnUpdateInfo,_fnFeatureHtmlLength,_fnFeatureHtmlProcessing,_fnProcessingDisplay,_fnVisibleToColumnIndex,_fnColumnIndexToVisible,_fnNodeToDataIndex,_fnVisbleColumns,_fnCalculateEnd,_fnConvertToWidth,_fnCalculateColumnWidths,_fnScrollingWidthAdjust,_fnGetWidestNode,_fnGetMaxLenString,_fnStringToCss,_fnDetectType,_fnSettingsFromNode,_fnGetDataMaster,_fnGetTrNodes,_fnGetTdNodes,_fnEscapeRegex,_fnDeleteIndex,_fnReOrderIndex,_fnColumnOrdering,_fnLog,_fnClearTable,_fnSaveState,_fnLoadState,_fnCreateCookie,_fnReadCookie,_fnDetectHeader,_fnGetUniqueThs,_fnScrollBarWidth,_fnApplyToChildren,_fnMap,_fnGetRowData,_fnGetCellData,_fnSetCellData,_fnGetObjectDataFn,_fnSetObjectDataFn,_fnApplyColumnDefs,_fnBindAction,_fnCallbackReg,_fnCallbackFire,_fnJsonString,_fnRender,_fnNodeToColumnIndex,_fnInfoMacros,_fnBrowserDetect,_fnGetColumns*/
|
|
|
|
(/** @lends <global> */function($, window, document, undefined) {
|
|
/**
|
|
* DataTables is a plug-in for the jQuery Javascript library. It is a
|
|
* highly flexible tool, based upon the foundations of progressive
|
|
* enhancement, which will add advanced interaction controls to any
|
|
* HTML table. For a full list of features please refer to
|
|
* <a href="http://datatables.net">DataTables.net</a>.
|
|
*
|
|
* Note that the <i>DataTable</i> object is not a global variable but is
|
|
* aliased to <i>jQuery.fn.DataTable</i> and <i>jQuery.fn.dataTable</i> through which
|
|
* it may be accessed.
|
|
*
|
|
* @class
|
|
* @param {object} [oInit={}] Configuration object for DataTables. Options
|
|
* are defined by {@link DataTable.defaults}
|
|
* @requires jQuery 1.3+
|
|
*
|
|
* @example
|
|
* // Basic initialisation
|
|
* $(document).ready( function {
|
|
* $('#example').dataTable();
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Initialisation with configuration options - in this case, disable
|
|
* // pagination and sorting.
|
|
* $(document).ready( function {
|
|
* $('#example').dataTable( {
|
|
* "bPaginate": false,
|
|
* "bSort": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
var DataTable = function( oInit )
|
|
{
|
|
|
|
|
|
/**
|
|
* Add a column to the list used for the table with default values
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {node} nTh The th element for this column
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAddColumn( oSettings, nTh )
|
|
{
|
|
var oDefaults = DataTable.defaults.columns;
|
|
var iCol = oSettings.aoColumns.length;
|
|
var oCol = $.extend( {}, DataTable.models.oColumn, oDefaults, {
|
|
"sSortingClass": oSettings.oClasses.sSortable,
|
|
"sSortingClassJUI": oSettings.oClasses.sSortJUI,
|
|
"nTh": nTh ? nTh : document.createElement('th'),
|
|
"sTitle": oDefaults.sTitle ? oDefaults.sTitle : nTh ? nTh.innerHTML : '',
|
|
"aDataSort": oDefaults.aDataSort ? oDefaults.aDataSort : [iCol],
|
|
"mData": oDefaults.mData ? oDefaults.oDefaults : iCol
|
|
} );
|
|
oSettings.aoColumns.push( oCol );
|
|
|
|
/* Add a column specific filter */
|
|
if ( oSettings.aoPreSearchCols[ iCol ] === undefined || oSettings.aoPreSearchCols[ iCol ] === null )
|
|
{
|
|
oSettings.aoPreSearchCols[ iCol ] = $.extend( {}, DataTable.models.oSearch );
|
|
}
|
|
else
|
|
{
|
|
var oPre = oSettings.aoPreSearchCols[ iCol ];
|
|
|
|
/* Don't require that the user must specify bRegex, bSmart or bCaseInsensitive */
|
|
if ( oPre.bRegex === undefined )
|
|
{
|
|
oPre.bRegex = true;
|
|
}
|
|
|
|
if ( oPre.bSmart === undefined )
|
|
{
|
|
oPre.bSmart = true;
|
|
}
|
|
|
|
if ( oPre.bCaseInsensitive === undefined )
|
|
{
|
|
oPre.bCaseInsensitive = true;
|
|
}
|
|
}
|
|
|
|
/* Use the column options function to initialise classes etc */
|
|
_fnColumnOptions( oSettings, iCol, null );
|
|
}
|
|
|
|
|
|
/**
|
|
* Apply options for a column
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iCol column index to consider
|
|
* @param {object} oOptions object with sType, bVisible and bSearchable etc
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnColumnOptions( oSettings, iCol, oOptions )
|
|
{
|
|
var oCol = oSettings.aoColumns[ iCol ];
|
|
|
|
/* User specified column options */
|
|
if ( oOptions !== undefined && oOptions !== null )
|
|
{
|
|
/* Backwards compatibility for mDataProp */
|
|
if ( oOptions.mDataProp && !oOptions.mData )
|
|
{
|
|
oOptions.mData = oOptions.mDataProp;
|
|
}
|
|
|
|
if ( oOptions.sType !== undefined )
|
|
{
|
|
oCol.sType = oOptions.sType;
|
|
oCol._bAutoType = false;
|
|
}
|
|
|
|
$.extend( oCol, oOptions );
|
|
_fnMap( oCol, oOptions, "sWidth", "sWidthOrig" );
|
|
|
|
/* iDataSort to be applied (backwards compatibility), but aDataSort will take
|
|
* priority if defined
|
|
*/
|
|
if ( oOptions.iDataSort !== undefined )
|
|
{
|
|
oCol.aDataSort = [ oOptions.iDataSort ];
|
|
}
|
|
_fnMap( oCol, oOptions, "aDataSort" );
|
|
}
|
|
|
|
/* Cache the data get and set functions for speed */
|
|
var mRender = oCol.mRender ? _fnGetObjectDataFn( oCol.mRender ) : null;
|
|
var mData = _fnGetObjectDataFn( oCol.mData );
|
|
|
|
oCol.fnGetData = function (oData, sSpecific) {
|
|
var innerData = mData( oData, sSpecific );
|
|
|
|
if ( oCol.mRender && (sSpecific && sSpecific !== '') )
|
|
{
|
|
return mRender( innerData, sSpecific, oData );
|
|
}
|
|
return innerData;
|
|
};
|
|
oCol.fnSetData = _fnSetObjectDataFn( oCol.mData );
|
|
|
|
/* Feature sorting overrides column specific when off */
|
|
if ( !oSettings.oFeatures.bSort )
|
|
{
|
|
oCol.bSortable = false;
|
|
}
|
|
|
|
/* Check that the class assignment is correct for sorting */
|
|
if ( !oCol.bSortable ||
|
|
($.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) == -1) )
|
|
{
|
|
oCol.sSortingClass = oSettings.oClasses.sSortableNone;
|
|
oCol.sSortingClassJUI = "";
|
|
}
|
|
else if ( oCol.bSortable ||
|
|
($.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) == -1) )
|
|
{
|
|
oCol.sSortingClass = oSettings.oClasses.sSortable;
|
|
oCol.sSortingClassJUI = oSettings.oClasses.sSortJUI;
|
|
}
|
|
else if ( $.inArray('asc', oCol.asSorting) != -1 && $.inArray('desc', oCol.asSorting) == -1 )
|
|
{
|
|
oCol.sSortingClass = oSettings.oClasses.sSortableAsc;
|
|
oCol.sSortingClassJUI = oSettings.oClasses.sSortJUIAscAllowed;
|
|
}
|
|
else if ( $.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) != -1 )
|
|
{
|
|
oCol.sSortingClass = oSettings.oClasses.sSortableDesc;
|
|
oCol.sSortingClassJUI = oSettings.oClasses.sSortJUIDescAllowed;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Adjust the table column widths for new data. Note: you would probably want to
|
|
* do a redraw after calling this function!
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAdjustColumnSizing ( oSettings )
|
|
{
|
|
/* Not interested in doing column width calculation if auto-width is disabled */
|
|
if ( oSettings.oFeatures.bAutoWidth === false )
|
|
{
|
|
return false;
|
|
}
|
|
|
|
_fnCalculateColumnWidths( oSettings );
|
|
for ( var i=0 , iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
oSettings.aoColumns[i].nTh.style.width = oSettings.aoColumns[i].sWidth;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Covert the index of a visible column to the index in the data array (take account
|
|
* of hidden columns)
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iMatch Visible column index to lookup
|
|
* @returns {int} i the data index
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnVisibleToColumnIndex( oSettings, iMatch )
|
|
{
|
|
var aiVis = _fnGetColumns( oSettings, 'bVisible' );
|
|
|
|
return typeof aiVis[iMatch] === 'number' ?
|
|
aiVis[iMatch] :
|
|
null;
|
|
}
|
|
|
|
|
|
/**
|
|
* Covert the index of an index in the data array and convert it to the visible
|
|
* column index (take account of hidden columns)
|
|
* @param {int} iMatch Column index to lookup
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {int} i the data index
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnColumnIndexToVisible( oSettings, iMatch )
|
|
{
|
|
var aiVis = _fnGetColumns( oSettings, 'bVisible' );
|
|
var iPos = $.inArray( iMatch, aiVis );
|
|
|
|
return iPos !== -1 ? iPos : null;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the number of visible columns
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {int} i the number of visible columns
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnVisbleColumns( oSettings )
|
|
{
|
|
return _fnGetColumns( oSettings, 'bVisible' ).length;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get an array of column indexes that match a given property
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {string} sParam Parameter in aoColumns to look for - typically
|
|
* bVisible or bSearchable
|
|
* @returns {array} Array of indexes with matched properties
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetColumns( oSettings, sParam )
|
|
{
|
|
var a = [];
|
|
|
|
$.map( oSettings.aoColumns, function(val, i) {
|
|
if ( val[sParam] ) {
|
|
a.push( i );
|
|
}
|
|
} );
|
|
|
|
return a;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the sort type based on an input string
|
|
* @param {string} sData data we wish to know the type of
|
|
* @returns {string} type (defaults to 'string' if no type can be detected)
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnDetectType( sData )
|
|
{
|
|
var aTypes = DataTable.ext.aTypes;
|
|
var iLen = aTypes.length;
|
|
|
|
for ( var i=0 ; i<iLen ; i++ )
|
|
{
|
|
var sType = aTypes[i]( sData );
|
|
if ( sType !== null )
|
|
{
|
|
return sType;
|
|
}
|
|
}
|
|
|
|
return 'string';
|
|
}
|
|
|
|
|
|
/**
|
|
* Figure out how to reorder a display list
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns array {int} aiReturn index list for reordering
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnReOrderIndex ( oSettings, sColumns )
|
|
{
|
|
var aColumns = sColumns.split(',');
|
|
var aiReturn = [];
|
|
|
|
for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
for ( var j=0 ; j<iLen ; j++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].sName == aColumns[j] )
|
|
{
|
|
aiReturn.push( j );
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
return aiReturn;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the column ordering that DataTables expects
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {string} comma separated list of names
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnColumnOrdering ( oSettings )
|
|
{
|
|
var sNames = '';
|
|
for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
sNames += oSettings.aoColumns[i].sName+',';
|
|
}
|
|
if ( sNames.length == iLen )
|
|
{
|
|
return "";
|
|
}
|
|
return sNames.slice(0, -1);
|
|
}
|
|
|
|
|
|
/**
|
|
* Take the column definitions and static columns arrays and calculate how
|
|
* they relate to column indexes. The callback function will then apply the
|
|
* definition found for a column to a suitable configuration object.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {array} aoColDefs The aoColumnDefs array that is to be applied
|
|
* @param {array} aoCols The aoColumns array that defines columns individually
|
|
* @param {function} fn Callback function - takes two parameters, the calculated
|
|
* column index and the definition for that column.
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnApplyColumnDefs( oSettings, aoColDefs, aoCols, fn )
|
|
{
|
|
var i, iLen, j, jLen, k, kLen;
|
|
|
|
// Column definitions with aTargets
|
|
if ( aoColDefs )
|
|
{
|
|
/* Loop over the definitions array - loop in reverse so first instance has priority */
|
|
for ( i=aoColDefs.length-1 ; i>=0 ; i-- )
|
|
{
|
|
/* Each definition can target multiple columns, as it is an array */
|
|
var aTargets = aoColDefs[i].aTargets;
|
|
if ( !$.isArray( aTargets ) )
|
|
{
|
|
_fnLog( oSettings, 1, 'aTargets must be an array of targets, not a '+(typeof aTargets) );
|
|
}
|
|
|
|
for ( j=0, jLen=aTargets.length ; j<jLen ; j++ )
|
|
{
|
|
if ( typeof aTargets[j] === 'number' && aTargets[j] >= 0 )
|
|
{
|
|
/* Add columns that we don't yet know about */
|
|
while( oSettings.aoColumns.length <= aTargets[j] )
|
|
{
|
|
_fnAddColumn( oSettings );
|
|
}
|
|
|
|
/* Integer, basic index */
|
|
fn( aTargets[j], aoColDefs[i] );
|
|
}
|
|
else if ( typeof aTargets[j] === 'number' && aTargets[j] < 0 )
|
|
{
|
|
/* Negative integer, right to left column counting */
|
|
fn( oSettings.aoColumns.length+aTargets[j], aoColDefs[i] );
|
|
}
|
|
else if ( typeof aTargets[j] === 'string' )
|
|
{
|
|
/* Class name matching on TH element */
|
|
for ( k=0, kLen=oSettings.aoColumns.length ; k<kLen ; k++ )
|
|
{
|
|
if ( aTargets[j] == "_all" ||
|
|
$(oSettings.aoColumns[k].nTh).hasClass( aTargets[j] ) )
|
|
{
|
|
fn( k, aoColDefs[i] );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Statically defined columns array
|
|
if ( aoCols )
|
|
{
|
|
for ( i=0, iLen=aoCols.length ; i<iLen ; i++ )
|
|
{
|
|
fn( i, aoCols[i] );
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Add a data array to the table, creating DOM node etc. This is the parallel to
|
|
* _fnGatherData, but for adding rows from a Javascript source, rather than a
|
|
* DOM source.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {array} aData data array to be added
|
|
* @returns {int} >=0 if successful (index of new aoData entry), -1 if failed
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAddData ( oSettings, aDataSupplied )
|
|
{
|
|
var oCol;
|
|
|
|
/* Take an independent copy of the data source so we can bash it about as we wish */
|
|
var aDataIn = ($.isArray(aDataSupplied)) ?
|
|
aDataSupplied.slice() :
|
|
$.extend( true, {}, aDataSupplied );
|
|
|
|
/* Create the object for storing information about this new row */
|
|
var iRow = oSettings.aoData.length;
|
|
var oData = $.extend( true, {}, DataTable.models.oRow );
|
|
oData._aData = aDataIn;
|
|
oSettings.aoData.push( oData );
|
|
|
|
/* Create the cells */
|
|
var nTd, sThisType;
|
|
for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
oCol = oSettings.aoColumns[i];
|
|
|
|
/* Use rendered data for filtering / sorting */
|
|
if ( typeof oCol.fnRender === 'function' && oCol.bUseRendered && oCol.mData !== null )
|
|
{
|
|
_fnSetCellData( oSettings, iRow, i, _fnRender(oSettings, iRow, i) );
|
|
}
|
|
else
|
|
{
|
|
_fnSetCellData( oSettings, iRow, i, _fnGetCellData( oSettings, iRow, i ) );
|
|
}
|
|
|
|
/* See if we should auto-detect the column type */
|
|
if ( oCol._bAutoType && oCol.sType != 'string' )
|
|
{
|
|
/* Attempt to auto detect the type - same as _fnGatherData() */
|
|
var sVarType = _fnGetCellData( oSettings, iRow, i, 'type' );
|
|
if ( sVarType !== null && sVarType !== '' )
|
|
{
|
|
sThisType = _fnDetectType( sVarType );
|
|
if ( oCol.sType === null )
|
|
{
|
|
oCol.sType = sThisType;
|
|
}
|
|
else if ( oCol.sType != sThisType && oCol.sType != "html" )
|
|
{
|
|
/* String is always the 'fallback' option */
|
|
oCol.sType = 'string';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Add to the display array */
|
|
oSettings.aiDisplayMaster.push( iRow );
|
|
|
|
/* Create the DOM imformation */
|
|
if ( !oSettings.oFeatures.bDeferRender )
|
|
{
|
|
_fnCreateTr( oSettings, iRow );
|
|
}
|
|
|
|
return iRow;
|
|
}
|
|
|
|
|
|
/**
|
|
* Read in the data from the target table from the DOM
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGatherData( oSettings )
|
|
{
|
|
var iLoop, i, iLen, j, jLen, jInner,
|
|
nTds, nTrs, nTd, aLocalData, iThisIndex,
|
|
iRow, iRows, iColumn, iColumns, sNodeName,
|
|
oCol, oData;
|
|
|
|
/*
|
|
* Process by row first
|
|
* Add the data object for the whole table - storing the tr node. Note - no point in getting
|
|
* DOM based data if we are going to go and replace it with Ajax source data.
|
|
*/
|
|
if ( oSettings.bDeferLoading || oSettings.sAjaxSource === null )
|
|
{
|
|
nTrs = oSettings.nTBody.childNodes;
|
|
for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
|
|
{
|
|
if ( nTrs[i].nodeName.toUpperCase() == "TR" )
|
|
{
|
|
iThisIndex = oSettings.aoData.length;
|
|
nTrs[i]._DT_RowIndex = iThisIndex;
|
|
oSettings.aoData.push( $.extend( true, {}, DataTable.models.oRow, {
|
|
"nTr": nTrs[i]
|
|
} ) );
|
|
|
|
oSettings.aiDisplayMaster.push( iThisIndex );
|
|
nTds = nTrs[i].childNodes;
|
|
jInner = 0;
|
|
|
|
for ( j=0, jLen=nTds.length ; j<jLen ; j++ )
|
|
{
|
|
sNodeName = nTds[j].nodeName.toUpperCase();
|
|
if ( sNodeName == "TD" || sNodeName == "TH" )
|
|
{
|
|
_fnSetCellData( oSettings, iThisIndex, jInner, $.trim(nTds[j].innerHTML) );
|
|
jInner++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Gather in the TD elements of the Table - note that this is basically the same as
|
|
* fnGetTdNodes, but that function takes account of hidden columns, which we haven't yet
|
|
* setup!
|
|
*/
|
|
nTrs = _fnGetTrNodes( oSettings );
|
|
nTds = [];
|
|
for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
|
|
{
|
|
for ( j=0, jLen=nTrs[i].childNodes.length ; j<jLen ; j++ )
|
|
{
|
|
nTd = nTrs[i].childNodes[j];
|
|
sNodeName = nTd.nodeName.toUpperCase();
|
|
if ( sNodeName == "TD" || sNodeName == "TH" )
|
|
{
|
|
nTds.push( nTd );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Now process by column */
|
|
for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ )
|
|
{
|
|
oCol = oSettings.aoColumns[iColumn];
|
|
|
|
/* Get the title of the column - unless there is a user set one */
|
|
if ( oCol.sTitle === null )
|
|
{
|
|
oCol.sTitle = oCol.nTh.innerHTML;
|
|
}
|
|
|
|
var
|
|
bAutoType = oCol._bAutoType,
|
|
bRender = typeof oCol.fnRender === 'function',
|
|
bClass = oCol.sClass !== null,
|
|
bVisible = oCol.bVisible,
|
|
nCell, sThisType, sRendered, sValType;
|
|
|
|
/* A single loop to rule them all (and be more efficient) */
|
|
if ( bAutoType || bRender || bClass || !bVisible )
|
|
{
|
|
for ( iRow=0, iRows=oSettings.aoData.length ; iRow<iRows ; iRow++ )
|
|
{
|
|
oData = oSettings.aoData[iRow];
|
|
nCell = nTds[ (iRow*iColumns) + iColumn ];
|
|
|
|
/* Type detection */
|
|
if ( bAutoType && oCol.sType != 'string' )
|
|
{
|
|
sValType = _fnGetCellData( oSettings, iRow, iColumn, 'type' );
|
|
if ( sValType !== '' )
|
|
{
|
|
sThisType = _fnDetectType( sValType );
|
|
if ( oCol.sType === null )
|
|
{
|
|
oCol.sType = sThisType;
|
|
}
|
|
else if ( oCol.sType != sThisType &&
|
|
oCol.sType != "html" )
|
|
{
|
|
/* String is always the 'fallback' option */
|
|
oCol.sType = 'string';
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( typeof oCol.mData === 'function' )
|
|
{
|
|
nCell.innerHTML = _fnGetCellData( oSettings, iRow, iColumn, 'display' );
|
|
}
|
|
|
|
/* Rendering */
|
|
if ( bRender )
|
|
{
|
|
sRendered = _fnRender( oSettings, iRow, iColumn );
|
|
nCell.innerHTML = sRendered;
|
|
if ( oCol.bUseRendered )
|
|
{
|
|
/* Use the rendered data for filtering / sorting */
|
|
_fnSetCellData( oSettings, iRow, iColumn, sRendered );
|
|
}
|
|
}
|
|
|
|
/* Classes */
|
|
if ( bClass )
|
|
{
|
|
nCell.className += ' '+oCol.sClass;
|
|
}
|
|
|
|
/* Column visibility */
|
|
if ( !bVisible )
|
|
{
|
|
oData._anHidden[iColumn] = nCell;
|
|
nCell.parentNode.removeChild( nCell );
|
|
}
|
|
else
|
|
{
|
|
oData._anHidden[iColumn] = null;
|
|
}
|
|
|
|
if ( oCol.fnCreatedCell )
|
|
{
|
|
oCol.fnCreatedCell.call( oSettings.oInstance,
|
|
nCell, _fnGetCellData( oSettings, iRow, iColumn, 'display' ), oData._aData, iRow, iColumn
|
|
);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Row created callbacks */
|
|
if ( oSettings.aoRowCreatedCallback.length !== 0 )
|
|
{
|
|
for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ )
|
|
{
|
|
oData = oSettings.aoData[i];
|
|
_fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [oData.nTr, oData._aData, i] );
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Take a TR element and convert it to an index in aoData
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {node} n the TR element to find
|
|
* @returns {int} index if the node is found, null if not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnNodeToDataIndex( oSettings, n )
|
|
{
|
|
return (n._DT_RowIndex!==undefined) ? n._DT_RowIndex : null;
|
|
}
|
|
|
|
|
|
/**
|
|
* Take a TD element and convert it into a column data index (not the visible index)
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iRow The row number the TD/TH can be found in
|
|
* @param {node} n The TD/TH element to find
|
|
* @returns {int} index if the node is found, -1 if not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnNodeToColumnIndex( oSettings, iRow, n )
|
|
{
|
|
var anCells = _fnGetTdNodes( oSettings, iRow );
|
|
|
|
for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
if ( anCells[i] === n )
|
|
{
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get an array of data for a given row from the internal data cache
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iRow aoData row id
|
|
* @param {string} sSpecific data get type ('type' 'filter' 'sort')
|
|
* @param {array} aiColumns Array of column indexes to get data from
|
|
* @returns {array} Data array
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetRowData( oSettings, iRow, sSpecific, aiColumns )
|
|
{
|
|
var out = [];
|
|
for ( var i=0, iLen=aiColumns.length ; i<iLen ; i++ )
|
|
{
|
|
out.push( _fnGetCellData( oSettings, iRow, aiColumns[i], sSpecific ) );
|
|
}
|
|
return out;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the data for a given cell from the internal cache, taking into account data mapping
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iRow aoData row id
|
|
* @param {int} iCol Column index
|
|
* @param {string} sSpecific data get type ('display', 'type' 'filter' 'sort')
|
|
* @returns {*} Cell data
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetCellData( oSettings, iRow, iCol, sSpecific )
|
|
{
|
|
var sData;
|
|
var oCol = oSettings.aoColumns[iCol];
|
|
var oData = oSettings.aoData[iRow]._aData;
|
|
|
|
if ( (sData=oCol.fnGetData( oData, sSpecific )) === undefined )
|
|
{
|
|
if ( oSettings.iDrawError != oSettings.iDraw && oCol.sDefaultContent === null )
|
|
{
|
|
_fnLog( oSettings, 0, "Requested unknown parameter "+
|
|
(typeof oCol.mData=='function' ? '{mData function}' : "'"+oCol.mData+"'")+
|
|
" from the data source for row "+iRow );
|
|
oSettings.iDrawError = oSettings.iDraw;
|
|
}
|
|
return oCol.sDefaultContent;
|
|
}
|
|
|
|
/* When the data source is null, we can use default column data */
|
|
if ( sData === null && oCol.sDefaultContent !== null )
|
|
{
|
|
sData = oCol.sDefaultContent;
|
|
}
|
|
else if ( typeof sData === 'function' )
|
|
{
|
|
/* If the data source is a function, then we run it and use the return */
|
|
return sData();
|
|
}
|
|
|
|
if ( sSpecific == 'display' && sData === null )
|
|
{
|
|
return '';
|
|
}
|
|
return sData;
|
|
}
|
|
|
|
|
|
/**
|
|
* Set the value for a specific cell, into the internal data cache
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iRow aoData row id
|
|
* @param {int} iCol Column index
|
|
* @param {*} val Value to set
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSetCellData( oSettings, iRow, iCol, val )
|
|
{
|
|
var oCol = oSettings.aoColumns[iCol];
|
|
var oData = oSettings.aoData[iRow]._aData;
|
|
|
|
oCol.fnSetData( oData, val );
|
|
}
|
|
|
|
|
|
// Private variable that is used to match array syntax in the data property object
|
|
var __reArray = /\[.*?\]$/;
|
|
|
|
/**
|
|
* Return a function that can be used to get data from a source object, taking
|
|
* into account the ability to use nested objects as a source
|
|
* @param {string|int|function} mSource The data source for the object
|
|
* @returns {function} Data get function
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetObjectDataFn( mSource )
|
|
{
|
|
if ( mSource === null )
|
|
{
|
|
/* Give an empty string for rendering / sorting etc */
|
|
return function (data, type) {
|
|
return null;
|
|
};
|
|
}
|
|
else if ( typeof mSource === 'function' )
|
|
{
|
|
return function (data, type, extra) {
|
|
return mSource( data, type, extra );
|
|
};
|
|
}
|
|
else if ( typeof mSource === 'string' && (mSource.indexOf('.') !== -1 || mSource.indexOf('[') !== -1) )
|
|
{
|
|
/* If there is a . in the source string then the data source is in a
|
|
* nested object so we loop over the data for each level to get the next
|
|
* level down. On each loop we test for undefined, and if found immediately
|
|
* return. This allows entire objects to be missing and sDefaultContent to
|
|
* be used if defined, rather than throwing an error
|
|
*/
|
|
var fetchData = function (data, type, src) {
|
|
var a = src.split('.');
|
|
var arrayNotation, out, innerSrc;
|
|
|
|
if ( src !== "" )
|
|
{
|
|
for ( var i=0, iLen=a.length ; i<iLen ; i++ )
|
|
{
|
|
// Check if we are dealing with an array notation request
|
|
arrayNotation = a[i].match(__reArray);
|
|
|
|
if ( arrayNotation ) {
|
|
a[i] = a[i].replace(__reArray, '');
|
|
|
|
// Condition allows simply [] to be passed in
|
|
if ( a[i] !== "" ) {
|
|
data = data[ a[i] ];
|
|
}
|
|
out = [];
|
|
|
|
// Get the remainder of the nested object to get
|
|
a.splice( 0, i+1 );
|
|
innerSrc = a.join('.');
|
|
|
|
// Traverse each entry in the array getting the properties requested
|
|
for ( var j=0, jLen=data.length ; j<jLen ; j++ ) {
|
|
out.push( fetchData( data[j], type, innerSrc ) );
|
|
}
|
|
|
|
// If a string is given in between the array notation indicators, that
|
|
// is used to join the strings together, otherwise an array is returned
|
|
var join = arrayNotation[0].substring(1, arrayNotation[0].length-1);
|
|
data = (join==="") ? out : out.join(join);
|
|
|
|
// The inner call to fetchData has already traversed through the remainder
|
|
// of the source requested, so we exit from the loop
|
|
break;
|
|
}
|
|
|
|
if ( data === null || data[ a[i] ] === undefined )
|
|
{
|
|
return undefined;
|
|
}
|
|
data = data[ a[i] ];
|
|
}
|
|
}
|
|
|
|
return data;
|
|
};
|
|
|
|
return function (data, type) {
|
|
return fetchData( data, type, mSource );
|
|
};
|
|
}
|
|
else
|
|
{
|
|
/* Array or flat object mapping */
|
|
return function (data, type) {
|
|
return data[mSource];
|
|
};
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Return a function that can be used to set data from a source object, taking
|
|
* into account the ability to use nested objects as a source
|
|
* @param {string|int|function} mSource The data source for the object
|
|
* @returns {function} Data set function
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSetObjectDataFn( mSource )
|
|
{
|
|
if ( mSource === null )
|
|
{
|
|
/* Nothing to do when the data source is null */
|
|
return function (data, val) {};
|
|
}
|
|
else if ( typeof mSource === 'function' )
|
|
{
|
|
return function (data, val) {
|
|
mSource( data, 'set', val );
|
|
};
|
|
}
|
|
else if ( typeof mSource === 'string' && (mSource.indexOf('.') !== -1 || mSource.indexOf('[') !== -1) )
|
|
{
|
|
/* Like the get, we need to get data from a nested object */
|
|
var setData = function (data, val, src) {
|
|
var a = src.split('.'), b;
|
|
var arrayNotation, o, innerSrc;
|
|
|
|
for ( var i=0, iLen=a.length-1 ; i<iLen ; i++ )
|
|
{
|
|
// Check if we are dealing with an array notation request
|
|
arrayNotation = a[i].match(__reArray);
|
|
|
|
if ( arrayNotation )
|
|
{
|
|
a[i] = a[i].replace(__reArray, '');
|
|
data[ a[i] ] = [];
|
|
|
|
// Get the remainder of the nested object to set so we can recurse
|
|
b = a.slice();
|
|
b.splice( 0, i+1 );
|
|
innerSrc = b.join('.');
|
|
|
|
// Traverse each entry in the array setting the properties requested
|
|
for ( var j=0, jLen=val.length ; j<jLen ; j++ )
|
|
{
|
|
o = {};
|
|
setData( o, val[j], innerSrc );
|
|
data[ a[i] ].push( o );
|
|
}
|
|
|
|
// The inner call to setData has already traversed through the remainder
|
|
// of the source and has set the data, thus we can exit here
|
|
return;
|
|
}
|
|
|
|
// If the nested object doesn't currently exist - since we are
|
|
// trying to set the value - create it
|
|
if ( data[ a[i] ] === null || data[ a[i] ] === undefined )
|
|
{
|
|
data[ a[i] ] = {};
|
|
}
|
|
data = data[ a[i] ];
|
|
}
|
|
|
|
// If array notation is used, we just want to strip it and use the property name
|
|
// and assign the value. If it isn't used, then we get the result we want anyway
|
|
data[ a[a.length-1].replace(__reArray, '') ] = val;
|
|
};
|
|
|
|
return function (data, val) {
|
|
return setData( data, val, mSource );
|
|
};
|
|
}
|
|
else
|
|
{
|
|
/* Array or flat object mapping */
|
|
return function (data, val) {
|
|
data[mSource] = val;
|
|
};
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Return an array with the full table data
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns array {array} aData Master data array
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetDataMaster ( oSettings )
|
|
{
|
|
var aData = [];
|
|
var iLen = oSettings.aoData.length;
|
|
for ( var i=0 ; i<iLen; i++ )
|
|
{
|
|
aData.push( oSettings.aoData[i]._aData );
|
|
}
|
|
return aData;
|
|
}
|
|
|
|
|
|
/**
|
|
* Nuke the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnClearTable( oSettings )
|
|
{
|
|
oSettings.aoData.splice( 0, oSettings.aoData.length );
|
|
oSettings.aiDisplayMaster.splice( 0, oSettings.aiDisplayMaster.length );
|
|
oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length );
|
|
_fnCalculateEnd( oSettings );
|
|
}
|
|
|
|
|
|
/**
|
|
* Take an array of integers (index array) and remove a target integer (value - not
|
|
* the key!)
|
|
* @param {array} a Index array to target
|
|
* @param {int} iTarget value to find
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnDeleteIndex( a, iTarget )
|
|
{
|
|
var iTargetIndex = -1;
|
|
|
|
for ( var i=0, iLen=a.length ; i<iLen ; i++ )
|
|
{
|
|
if ( a[i] == iTarget )
|
|
{
|
|
iTargetIndex = i;
|
|
}
|
|
else if ( a[i] > iTarget )
|
|
{
|
|
a[i]--;
|
|
}
|
|
}
|
|
|
|
if ( iTargetIndex != -1 )
|
|
{
|
|
a.splice( iTargetIndex, 1 );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Call the developer defined fnRender function for a given cell (row/column) with
|
|
* the required parameters and return the result.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iRow aoData index for the row
|
|
* @param {int} iCol aoColumns index for the column
|
|
* @returns {*} Return of the developer's fnRender function
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnRender( oSettings, iRow, iCol )
|
|
{
|
|
var oCol = oSettings.aoColumns[iCol];
|
|
|
|
return oCol.fnRender( {
|
|
"iDataRow": iRow,
|
|
"iDataColumn": iCol,
|
|
"oSettings": oSettings,
|
|
"aData": oSettings.aoData[iRow]._aData,
|
|
"mDataProp": oCol.mData
|
|
}, _fnGetCellData(oSettings, iRow, iCol, 'display') );
|
|
}
|
|
|
|
/**
|
|
* Create a new TR element (and it's TD children) for a row
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iRow Row to consider
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnCreateTr ( oSettings, iRow )
|
|
{
|
|
var oData = oSettings.aoData[iRow];
|
|
var nTd;
|
|
|
|
if ( oData.nTr === null )
|
|
{
|
|
oData.nTr = document.createElement('tr');
|
|
|
|
/* Use a private property on the node to allow reserve mapping from the node
|
|
* to the aoData array for fast look up
|
|
*/
|
|
oData.nTr._DT_RowIndex = iRow;
|
|
|
|
/* Special parameters can be given by the data source to be used on the row */
|
|
if ( oData._aData.DT_RowId )
|
|
{
|
|
oData.nTr.id = oData._aData.DT_RowId;
|
|
}
|
|
|
|
if ( oData._aData.DT_RowClass )
|
|
{
|
|
$(oData.nTr).addClass( oData._aData.DT_RowClass );
|
|
}
|
|
|
|
/* Process each column */
|
|
for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
var oCol = oSettings.aoColumns[i];
|
|
nTd = document.createElement( oCol.sCellType );
|
|
|
|
/* Render if needed - if bUseRendered is true then we already have the rendered
|
|
* value in the data source - so can just use that
|
|
*/
|
|
nTd.innerHTML = (typeof oCol.fnRender === 'function' && (!oCol.bUseRendered || oCol.mData === null)) ?
|
|
_fnRender( oSettings, iRow, i ) :
|
|
_fnGetCellData( oSettings, iRow, i, 'display' );
|
|
|
|
/* Add user defined class */
|
|
if ( oCol.sClass !== null )
|
|
{
|
|
nTd.className = oCol.sClass;
|
|
}
|
|
|
|
if ( oCol.bVisible )
|
|
{
|
|
oData.nTr.appendChild( nTd );
|
|
oData._anHidden[i] = null;
|
|
}
|
|
else
|
|
{
|
|
oData._anHidden[i] = nTd;
|
|
}
|
|
|
|
if ( oCol.fnCreatedCell )
|
|
{
|
|
oCol.fnCreatedCell.call( oSettings.oInstance,
|
|
nTd, _fnGetCellData( oSettings, iRow, i, 'display' ), oData._aData, iRow, i
|
|
);
|
|
}
|
|
}
|
|
|
|
_fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [oData.nTr, oData._aData, iRow] );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Create the HTML header for the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnBuildHead( oSettings )
|
|
{
|
|
var i, nTh, iLen, j, jLen;
|
|
var iThs = oSettings.nTHead.getElementsByTagName('th').length;
|
|
var iCorrector = 0;
|
|
var jqChildren;
|
|
|
|
/* If there is a header in place - then use it - otherwise it's going to get nuked... */
|
|
if ( iThs !== 0 )
|
|
{
|
|
/* We've got a thead from the DOM, so remove hidden columns and apply width to vis cols */
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
nTh = oSettings.aoColumns[i].nTh;
|
|
nTh.setAttribute('role', 'columnheader');
|
|
if ( oSettings.aoColumns[i].bSortable )
|
|
{
|
|
nTh.setAttribute('tabindex', oSettings.iTabIndex);
|
|
nTh.setAttribute('aria-controls', oSettings.sTableId);
|
|
}
|
|
|
|
if ( oSettings.aoColumns[i].sClass !== null )
|
|
{
|
|
$(nTh).addClass( oSettings.aoColumns[i].sClass );
|
|
}
|
|
|
|
/* Set the title of the column if it is user defined (not what was auto detected) */
|
|
if ( oSettings.aoColumns[i].sTitle != nTh.innerHTML )
|
|
{
|
|
nTh.innerHTML = oSettings.aoColumns[i].sTitle;
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* We don't have a header in the DOM - so we are going to have to create one */
|
|
var nTr = document.createElement( "tr" );
|
|
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
nTh = oSettings.aoColumns[i].nTh;
|
|
nTh.innerHTML = oSettings.aoColumns[i].sTitle;
|
|
nTh.setAttribute('tabindex', '0');
|
|
|
|
if ( oSettings.aoColumns[i].sClass !== null )
|
|
{
|
|
$(nTh).addClass( oSettings.aoColumns[i].sClass );
|
|
}
|
|
|
|
nTr.appendChild( nTh );
|
|
}
|
|
$(oSettings.nTHead).html( '' )[0].appendChild( nTr );
|
|
_fnDetectHeader( oSettings.aoHeader, oSettings.nTHead );
|
|
}
|
|
|
|
/* ARIA role for the rows */
|
|
$(oSettings.nTHead).children('tr').attr('role', 'row');
|
|
|
|
/* Add the extra markup needed by jQuery UI's themes */
|
|
if ( oSettings.bJUI )
|
|
{
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
nTh = oSettings.aoColumns[i].nTh;
|
|
|
|
var nDiv = document.createElement('div');
|
|
nDiv.className = oSettings.oClasses.sSortJUIWrapper;
|
|
$(nTh).contents().appendTo(nDiv);
|
|
|
|
var nSpan = document.createElement('span');
|
|
nSpan.className = oSettings.oClasses.sSortIcon;
|
|
nDiv.appendChild( nSpan );
|
|
nTh.appendChild( nDiv );
|
|
}
|
|
}
|
|
|
|
if ( oSettings.oFeatures.bSort )
|
|
{
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bSortable !== false )
|
|
{
|
|
_fnSortAttachListener( oSettings, oSettings.aoColumns[i].nTh, i );
|
|
}
|
|
else
|
|
{
|
|
$(oSettings.aoColumns[i].nTh).addClass( oSettings.oClasses.sSortableNone );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Deal with the footer - add classes if required */
|
|
if ( oSettings.oClasses.sFooterTH !== "" )
|
|
{
|
|
$(oSettings.nTFoot).children('tr').children('th').addClass( oSettings.oClasses.sFooterTH );
|
|
}
|
|
|
|
/* Cache the footer elements */
|
|
if ( oSettings.nTFoot !== null )
|
|
{
|
|
var anCells = _fnGetUniqueThs( oSettings, null, oSettings.aoFooter );
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
if ( anCells[i] )
|
|
{
|
|
oSettings.aoColumns[i].nTf = anCells[i];
|
|
if ( oSettings.aoColumns[i].sClass )
|
|
{
|
|
$(anCells[i]).addClass( oSettings.aoColumns[i].sClass );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Draw the header (or footer) element based on the column visibility states. The
|
|
* methodology here is to use the layout array from _fnDetectHeader, modified for
|
|
* the instantaneous column visibility, to construct the new layout. The grid is
|
|
* traversed over cell at a time in a rows x columns grid fashion, although each
|
|
* cell insert can cover multiple elements in the grid - which is tracks using the
|
|
* aApplied array. Cell inserts in the grid will only occur where there isn't
|
|
* already a cell in that position.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param array {objects} aoSource Layout array from _fnDetectHeader
|
|
* @param {boolean} [bIncludeHidden=false] If true then include the hidden columns in the calc,
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnDrawHead( oSettings, aoSource, bIncludeHidden )
|
|
{
|
|
var i, iLen, j, jLen, k, kLen, n, nLocalTr;
|
|
var aoLocal = [];
|
|
var aApplied = [];
|
|
var iColumns = oSettings.aoColumns.length;
|
|
var iRowspan, iColspan;
|
|
|
|
if ( bIncludeHidden === undefined )
|
|
{
|
|
bIncludeHidden = false;
|
|
}
|
|
|
|
/* Make a copy of the master layout array, but without the visible columns in it */
|
|
for ( i=0, iLen=aoSource.length ; i<iLen ; i++ )
|
|
{
|
|
aoLocal[i] = aoSource[i].slice();
|
|
aoLocal[i].nTr = aoSource[i].nTr;
|
|
|
|
/* Remove any columns which are currently hidden */
|
|
for ( j=iColumns-1 ; j>=0 ; j-- )
|
|
{
|
|
if ( !oSettings.aoColumns[j].bVisible && !bIncludeHidden )
|
|
{
|
|
aoLocal[i].splice( j, 1 );
|
|
}
|
|
}
|
|
|
|
/* Prep the applied array - it needs an element for each row */
|
|
aApplied.push( [] );
|
|
}
|
|
|
|
for ( i=0, iLen=aoLocal.length ; i<iLen ; i++ )
|
|
{
|
|
nLocalTr = aoLocal[i].nTr;
|
|
|
|
/* All cells are going to be replaced, so empty out the row */
|
|
if ( nLocalTr )
|
|
{
|
|
while( (n = nLocalTr.firstChild) )
|
|
{
|
|
nLocalTr.removeChild( n );
|
|
}
|
|
}
|
|
|
|
for ( j=0, jLen=aoLocal[i].length ; j<jLen ; j++ )
|
|
{
|
|
iRowspan = 1;
|
|
iColspan = 1;
|
|
|
|
/* Check to see if there is already a cell (row/colspan) covering our target
|
|
* insert point. If there is, then there is nothing to do.
|
|
*/
|
|
if ( aApplied[i][j] === undefined )
|
|
{
|
|
nLocalTr.appendChild( aoLocal[i][j].cell );
|
|
aApplied[i][j] = 1;
|
|
|
|
/* Expand the cell to cover as many rows as needed */
|
|
while ( aoLocal[i+iRowspan] !== undefined &&
|
|
aoLocal[i][j].cell == aoLocal[i+iRowspan][j].cell )
|
|
{
|
|
aApplied[i+iRowspan][j] = 1;
|
|
iRowspan++;
|
|
}
|
|
|
|
/* Expand the cell to cover as many columns as needed */
|
|
while ( aoLocal[i][j+iColspan] !== undefined &&
|
|
aoLocal[i][j].cell == aoLocal[i][j+iColspan].cell )
|
|
{
|
|
/* Must update the applied array over the rows for the columns */
|
|
for ( k=0 ; k<iRowspan ; k++ )
|
|
{
|
|
aApplied[i+k][j+iColspan] = 1;
|
|
}
|
|
iColspan++;
|
|
}
|
|
|
|
/* Do the actual expansion in the DOM */
|
|
aoLocal[i][j].cell.rowSpan = iRowspan;
|
|
aoLocal[i][j].cell.colSpan = iColspan;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Insert the required TR nodes into the table for display
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnDraw( oSettings )
|
|
{
|
|
/* Provide a pre-callback function which can be used to cancel the draw is false is returned */
|
|
var aPreDraw = _fnCallbackFire( oSettings, 'aoPreDrawCallback', 'preDraw', [oSettings] );
|
|
if ( $.inArray( false, aPreDraw ) !== -1 )
|
|
{
|
|
_fnProcessingDisplay( oSettings, false );
|
|
return;
|
|
}
|
|
|
|
var i, iLen, n;
|
|
var anRows = [];
|
|
var iRowCount = 0;
|
|
var iStripes = oSettings.asStripeClasses.length;
|
|
var iOpenRows = oSettings.aoOpenRows.length;
|
|
|
|
oSettings.bDrawing = true;
|
|
|
|
/* Check and see if we have an initial draw position from state saving */
|
|
if ( oSettings.iInitDisplayStart !== undefined && oSettings.iInitDisplayStart != -1 )
|
|
{
|
|
if ( oSettings.oFeatures.bServerSide )
|
|
{
|
|
oSettings._iDisplayStart = oSettings.iInitDisplayStart;
|
|
}
|
|
else
|
|
{
|
|
oSettings._iDisplayStart = (oSettings.iInitDisplayStart >= oSettings.fnRecordsDisplay()) ?
|
|
0 : oSettings.iInitDisplayStart;
|
|
}
|
|
oSettings.iInitDisplayStart = -1;
|
|
_fnCalculateEnd( oSettings );
|
|
}
|
|
|
|
/* Server-side processing draw intercept */
|
|
if ( oSettings.bDeferLoading )
|
|
{
|
|
oSettings.bDeferLoading = false;
|
|
oSettings.iDraw++;
|
|
}
|
|
else if ( !oSettings.oFeatures.bServerSide )
|
|
{
|
|
oSettings.iDraw++;
|
|
}
|
|
else if ( !oSettings.bDestroying && !_fnAjaxUpdate( oSettings ) )
|
|
{
|
|
return;
|
|
}
|
|
|
|
if ( oSettings.aiDisplay.length !== 0 )
|
|
{
|
|
var iStart = oSettings._iDisplayStart;
|
|
var iEnd = oSettings._iDisplayEnd;
|
|
|
|
if ( oSettings.oFeatures.bServerSide )
|
|
{
|
|
iStart = 0;
|
|
iEnd = oSettings.aoData.length;
|
|
}
|
|
|
|
for ( var j=iStart ; j<iEnd ; j++ )
|
|
{
|
|
var aoData = oSettings.aoData[ oSettings.aiDisplay[j] ];
|
|
if ( aoData.nTr === null )
|
|
{
|
|
_fnCreateTr( oSettings, oSettings.aiDisplay[j] );
|
|
}
|
|
|
|
var nRow = aoData.nTr;
|
|
|
|
/* Remove the old striping classes and then add the new one */
|
|
if ( iStripes !== 0 )
|
|
{
|
|
var sStripe = oSettings.asStripeClasses[ iRowCount % iStripes ];
|
|
if ( aoData._sRowStripe != sStripe )
|
|
{
|
|
$(nRow).removeClass( aoData._sRowStripe ).addClass( sStripe );
|
|
aoData._sRowStripe = sStripe;
|
|
}
|
|
}
|
|
|
|
/* Row callback functions - might want to manipulate the row */
|
|
_fnCallbackFire( oSettings, 'aoRowCallback', null,
|
|
[nRow, oSettings.aoData[ oSettings.aiDisplay[j] ]._aData, iRowCount, j] );
|
|
|
|
anRows.push( nRow );
|
|
iRowCount++;
|
|
|
|
/* If there is an open row - and it is attached to this parent - attach it on redraw */
|
|
if ( iOpenRows !== 0 )
|
|
{
|
|
for ( var k=0 ; k<iOpenRows ; k++ )
|
|
{
|
|
if ( nRow == oSettings.aoOpenRows[k].nParent )
|
|
{
|
|
anRows.push( oSettings.aoOpenRows[k].nTr );
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Table is empty - create a row with an empty message in it */
|
|
anRows[ 0 ] = document.createElement( 'tr' );
|
|
|
|
if ( oSettings.asStripeClasses[0] )
|
|
{
|
|
anRows[ 0 ].className = oSettings.asStripeClasses[0];
|
|
}
|
|
|
|
var oLang = oSettings.oLanguage;
|
|
var sZero = oLang.sZeroRecords;
|
|
if ( oSettings.iDraw == 1 && oSettings.sAjaxSource !== null && !oSettings.oFeatures.bServerSide )
|
|
{
|
|
sZero = oLang.sLoadingRecords;
|
|
}
|
|
else if ( oLang.sEmptyTable && oSettings.fnRecordsTotal() === 0 )
|
|
{
|
|
sZero = oLang.sEmptyTable;
|
|
}
|
|
|
|
var nTd = document.createElement( 'td' );
|
|
nTd.setAttribute( 'valign', "top" );
|
|
nTd.colSpan = _fnVisbleColumns( oSettings );
|
|
nTd.className = oSettings.oClasses.sRowEmpty;
|
|
nTd.innerHTML = _fnInfoMacros( oSettings, sZero );
|
|
|
|
anRows[ iRowCount ].appendChild( nTd );
|
|
}
|
|
|
|
/* Header and footer callbacks */
|
|
_fnCallbackFire( oSettings, 'aoHeaderCallback', 'header', [ $(oSettings.nTHead).children('tr')[0],
|
|
_fnGetDataMaster( oSettings ), oSettings._iDisplayStart, oSettings.fnDisplayEnd(), oSettings.aiDisplay ] );
|
|
|
|
_fnCallbackFire( oSettings, 'aoFooterCallback', 'footer', [ $(oSettings.nTFoot).children('tr')[0],
|
|
_fnGetDataMaster( oSettings ), oSettings._iDisplayStart, oSettings.fnDisplayEnd(), oSettings.aiDisplay ] );
|
|
|
|
/*
|
|
* Need to remove any old row from the display - note we can't just empty the tbody using
|
|
* $().html('') since this will unbind the jQuery event handlers (even although the node
|
|
* still exists!) - equally we can't use innerHTML, since IE throws an exception.
|
|
*/
|
|
var
|
|
nAddFrag = document.createDocumentFragment(),
|
|
nRemoveFrag = document.createDocumentFragment(),
|
|
nBodyPar, nTrs;
|
|
|
|
if ( oSettings.nTBody )
|
|
{
|
|
nBodyPar = oSettings.nTBody.parentNode;
|
|
nRemoveFrag.appendChild( oSettings.nTBody );
|
|
|
|
/* When doing infinite scrolling, only remove child rows when sorting, filtering or start
|
|
* up. When not infinite scroll, always do it.
|
|
*/
|
|
if ( !oSettings.oScroll.bInfinite || !oSettings._bInitComplete ||
|
|
oSettings.bSorted || oSettings.bFiltered )
|
|
{
|
|
while( (n = oSettings.nTBody.firstChild) )
|
|
{
|
|
oSettings.nTBody.removeChild( n );
|
|
}
|
|
}
|
|
|
|
/* Put the draw table into the dom */
|
|
for ( i=0, iLen=anRows.length ; i<iLen ; i++ )
|
|
{
|
|
nAddFrag.appendChild( anRows[i] );
|
|
}
|
|
|
|
oSettings.nTBody.appendChild( nAddFrag );
|
|
if ( nBodyPar !== null )
|
|
{
|
|
nBodyPar.appendChild( oSettings.nTBody );
|
|
}
|
|
}
|
|
|
|
/* Call all required callback functions for the end of a draw */
|
|
_fnCallbackFire( oSettings, 'aoDrawCallback', 'draw', [oSettings] );
|
|
|
|
/* Draw is complete, sorting and filtering must be as well */
|
|
oSettings.bSorted = false;
|
|
oSettings.bFiltered = false;
|
|
oSettings.bDrawing = false;
|
|
|
|
if ( oSettings.oFeatures.bServerSide )
|
|
{
|
|
_fnProcessingDisplay( oSettings, false );
|
|
if ( !oSettings._bInitComplete )
|
|
{
|
|
_fnInitComplete( oSettings );
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Redraw the table - taking account of the various features which are enabled
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnReDraw( oSettings )
|
|
{
|
|
if ( oSettings.oFeatures.bSort )
|
|
{
|
|
/* Sorting will refilter and draw for us */
|
|
_fnSort( oSettings, oSettings.oPreviousSearch );
|
|
}
|
|
else if ( oSettings.oFeatures.bFilter )
|
|
{
|
|
/* Filtering will redraw for us */
|
|
_fnFilterComplete( oSettings, oSettings.oPreviousSearch );
|
|
}
|
|
else
|
|
{
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Add the options to the page HTML for the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAddOptionsHtml ( oSettings )
|
|
{
|
|
/*
|
|
* Create a temporary, empty, div which we can later on replace with what we have generated
|
|
* we do it this way to rendering the 'options' html offline - speed :-)
|
|
*/
|
|
var nHolding = $('<div></div>')[0];
|
|
oSettings.nTable.parentNode.insertBefore( nHolding, oSettings.nTable );
|
|
|
|
/*
|
|
* All DataTables are wrapped in a div
|
|
*/
|
|
oSettings.nTableWrapper = $('<div id="'+oSettings.sTableId+'_wrapper" class="'+oSettings.oClasses.sWrapper+'" role="grid"></div>')[0];
|
|
oSettings.nTableReinsertBefore = oSettings.nTable.nextSibling;
|
|
|
|
/* Track where we want to insert the option */
|
|
var nInsertNode = oSettings.nTableWrapper;
|
|
|
|
/* Loop over the user set positioning and place the elements as needed */
|
|
var aDom = oSettings.sDom.split('');
|
|
var nTmp, iPushFeature, cOption, nNewNode, cNext, sAttr, j;
|
|
for ( var i=0 ; i<aDom.length ; i++ )
|
|
{
|
|
iPushFeature = 0;
|
|
cOption = aDom[i];
|
|
|
|
if ( cOption == '<' )
|
|
{
|
|
/* New container div */
|
|
nNewNode = $('<div></div>')[0];
|
|
|
|
/* Check to see if we should append an id and/or a class name to the container */
|
|
cNext = aDom[i+1];
|
|
if ( cNext == "'" || cNext == '"' )
|
|
{
|
|
sAttr = "";
|
|
j = 2;
|
|
while ( aDom[i+j] != cNext )
|
|
{
|
|
sAttr += aDom[i+j];
|
|
j++;
|
|
}
|
|
|
|
/* Replace jQuery UI constants */
|
|
if ( sAttr == "H" )
|
|
{
|
|
sAttr = oSettings.oClasses.sJUIHeader;
|
|
}
|
|
else if ( sAttr == "F" )
|
|
{
|
|
sAttr = oSettings.oClasses.sJUIFooter;
|
|
}
|
|
|
|
/* The attribute can be in the format of "#id.class", "#id" or "class" This logic
|
|
* breaks the string into parts and applies them as needed
|
|
*/
|
|
if ( sAttr.indexOf('.') != -1 )
|
|
{
|
|
var aSplit = sAttr.split('.');
|
|
nNewNode.id = aSplit[0].substr(1, aSplit[0].length-1);
|
|
nNewNode.className = aSplit[1];
|
|
}
|
|
else if ( sAttr.charAt(0) == "#" )
|
|
{
|
|
nNewNode.id = sAttr.substr(1, sAttr.length-1);
|
|
}
|
|
else
|
|
{
|
|
nNewNode.className = sAttr;
|
|
}
|
|
|
|
i += j; /* Move along the position array */
|
|
}
|
|
|
|
nInsertNode.appendChild( nNewNode );
|
|
nInsertNode = nNewNode;
|
|
}
|
|
else if ( cOption == '>' )
|
|
{
|
|
/* End container div */
|
|
nInsertNode = nInsertNode.parentNode;
|
|
}
|
|
else if ( cOption == 'l' && oSettings.oFeatures.bPaginate && oSettings.oFeatures.bLengthChange )
|
|
{
|
|
/* Length */
|
|
nTmp = _fnFeatureHtmlLength( oSettings );
|
|
iPushFeature = 1;
|
|
}
|
|
else if ( cOption == 'f' && oSettings.oFeatures.bFilter )
|
|
{
|
|
/* Filter */
|
|
nTmp = _fnFeatureHtmlFilter( oSettings );
|
|
iPushFeature = 1;
|
|
}
|
|
else if ( cOption == 'r' && oSettings.oFeatures.bProcessing )
|
|
{
|
|
/* pRocessing */
|
|
nTmp = _fnFeatureHtmlProcessing( oSettings );
|
|
iPushFeature = 1;
|
|
}
|
|
else if ( cOption == 't' )
|
|
{
|
|
/* Table */
|
|
nTmp = _fnFeatureHtmlTable( oSettings );
|
|
iPushFeature = 1;
|
|
}
|
|
else if ( cOption == 'i' && oSettings.oFeatures.bInfo )
|
|
{
|
|
/* Info */
|
|
nTmp = _fnFeatureHtmlInfo( oSettings );
|
|
iPushFeature = 1;
|
|
}
|
|
else if ( cOption == 'p' && oSettings.oFeatures.bPaginate )
|
|
{
|
|
/* Pagination */
|
|
nTmp = _fnFeatureHtmlPaginate( oSettings );
|
|
iPushFeature = 1;
|
|
}
|
|
else if ( DataTable.ext.aoFeatures.length !== 0 )
|
|
{
|
|
/* Plug-in features */
|
|
var aoFeatures = DataTable.ext.aoFeatures;
|
|
for ( var k=0, kLen=aoFeatures.length ; k<kLen ; k++ )
|
|
{
|
|
if ( cOption == aoFeatures[k].cFeature )
|
|
{
|
|
nTmp = aoFeatures[k].fnInit( oSettings );
|
|
if ( nTmp )
|
|
{
|
|
iPushFeature = 1;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Add to the 2D features array */
|
|
if ( iPushFeature == 1 && nTmp !== null )
|
|
{
|
|
if ( typeof oSettings.aanFeatures[cOption] !== 'object' )
|
|
{
|
|
oSettings.aanFeatures[cOption] = [];
|
|
}
|
|
oSettings.aanFeatures[cOption].push( nTmp );
|
|
nInsertNode.appendChild( nTmp );
|
|
}
|
|
}
|
|
|
|
/* Built our DOM structure - replace the holding div with what we want */
|
|
nHolding.parentNode.replaceChild( oSettings.nTableWrapper, nHolding );
|
|
}
|
|
|
|
|
|
/**
|
|
* Use the DOM source to create up an array of header cells. The idea here is to
|
|
* create a layout grid (array) of rows x columns, which contains a reference
|
|
* to the cell that that point in the grid (regardless of col/rowspan), such that
|
|
* any column / row could be removed and the new grid constructed
|
|
* @param array {object} aLayout Array to store the calculated layout in
|
|
* @param {node} nThead The header/footer element for the table
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnDetectHeader ( aLayout, nThead )
|
|
{
|
|
var nTrs = $(nThead).children('tr');
|
|
var nCell;
|
|
var i, j, k, l, iLen, jLen, iColShifted;
|
|
var fnShiftCol = function ( a, i, j ) {
|
|
while ( a[i][j] ) {
|
|
j++;
|
|
}
|
|
return j;
|
|
};
|
|
|
|
aLayout.splice( 0, aLayout.length );
|
|
|
|
/* We know how many rows there are in the layout - so prep it */
|
|
for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
|
|
{
|
|
aLayout.push( [] );
|
|
}
|
|
|
|
/* Calculate a layout array */
|
|
for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
|
|
{
|
|
var iColumn = 0;
|
|
|
|
/* For every cell in the row... */
|
|
for ( j=0, jLen=nTrs[i].childNodes.length ; j<jLen ; j++ )
|
|
{
|
|
nCell = nTrs[i].childNodes[j];
|
|
|
|
if ( nCell.nodeName.toUpperCase() == "TD" ||
|
|
nCell.nodeName.toUpperCase() == "TH" )
|
|
{
|
|
/* Get the col and rowspan attributes from the DOM and sanitise them */
|
|
var iColspan = nCell.getAttribute('colspan') * 1;
|
|
var iRowspan = nCell.getAttribute('rowspan') * 1;
|
|
iColspan = (!iColspan || iColspan===0 || iColspan===1) ? 1 : iColspan;
|
|
iRowspan = (!iRowspan || iRowspan===0 || iRowspan===1) ? 1 : iRowspan;
|
|
|
|
/* There might be colspan cells already in this row, so shift our target
|
|
* accordingly
|
|
*/
|
|
iColShifted = fnShiftCol( aLayout, i, iColumn );
|
|
|
|
/* If there is col / rowspan, copy the information into the layout grid */
|
|
for ( l=0 ; l<iColspan ; l++ )
|
|
{
|
|
for ( k=0 ; k<iRowspan ; k++ )
|
|
{
|
|
aLayout[i+k][iColShifted+l] = {
|
|
"cell": nCell,
|
|
"unique": iColspan == 1 ? true : false
|
|
};
|
|
aLayout[i+k].nTr = nTrs[i];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Get an array of unique th elements, one for each column
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {node} nHeader automatically detect the layout from this node - optional
|
|
* @param {array} aLayout thead/tfoot layout from _fnDetectHeader - optional
|
|
* @returns array {node} aReturn list of unique th's
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetUniqueThs ( oSettings, nHeader, aLayout )
|
|
{
|
|
var aReturn = [];
|
|
if ( !aLayout )
|
|
{
|
|
aLayout = oSettings.aoHeader;
|
|
if ( nHeader )
|
|
{
|
|
aLayout = [];
|
|
_fnDetectHeader( aLayout, nHeader );
|
|
}
|
|
}
|
|
|
|
for ( var i=0, iLen=aLayout.length ; i<iLen ; i++ )
|
|
{
|
|
for ( var j=0, jLen=aLayout[i].length ; j<jLen ; j++ )
|
|
{
|
|
if ( aLayout[i][j].unique &&
|
|
(!aReturn[j] || !oSettings.bSortCellsTop) )
|
|
{
|
|
aReturn[j] = aLayout[i][j].cell;
|
|
}
|
|
}
|
|
}
|
|
|
|
return aReturn;
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Update the table using an Ajax call
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {boolean} Block the table drawing or not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAjaxUpdate( oSettings )
|
|
{
|
|
if ( oSettings.bAjaxDataGet )
|
|
{
|
|
oSettings.iDraw++;
|
|
_fnProcessingDisplay( oSettings, true );
|
|
var iColumns = oSettings.aoColumns.length;
|
|
var aoData = _fnAjaxParameters( oSettings );
|
|
_fnServerParams( oSettings, aoData );
|
|
|
|
oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aoData,
|
|
function(json) {
|
|
_fnAjaxUpdateDraw( oSettings, json );
|
|
}, oSettings );
|
|
return false;
|
|
}
|
|
else
|
|
{
|
|
return true;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Build up the parameters in an object needed for a server-side processing request
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {bool} block the table drawing or not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAjaxParameters( oSettings )
|
|
{
|
|
var iColumns = oSettings.aoColumns.length;
|
|
var aoData = [], mDataProp, aaSort, aDataSort;
|
|
var i, j;
|
|
|
|
aoData.push( { "name": "sEcho", "value": oSettings.iDraw } );
|
|
aoData.push( { "name": "iColumns", "value": iColumns } );
|
|
aoData.push( { "name": "sColumns", "value": _fnColumnOrdering(oSettings) } );
|
|
aoData.push( { "name": "iDisplayStart", "value": oSettings._iDisplayStart } );
|
|
aoData.push( { "name": "iDisplayLength", "value": oSettings.oFeatures.bPaginate !== false ?
|
|
oSettings._iDisplayLength : -1 } );
|
|
|
|
for ( i=0 ; i<iColumns ; i++ )
|
|
{
|
|
mDataProp = oSettings.aoColumns[i].mData;
|
|
aoData.push( { "name": "mDataProp_"+i, "value": typeof(mDataProp)==="function" ? 'function' : mDataProp } );
|
|
}
|
|
|
|
/* Filtering */
|
|
if ( oSettings.oFeatures.bFilter !== false )
|
|
{
|
|
aoData.push( { "name": "sSearch", "value": oSettings.oPreviousSearch.sSearch } );
|
|
aoData.push( { "name": "bRegex", "value": oSettings.oPreviousSearch.bRegex } );
|
|
for ( i=0 ; i<iColumns ; i++ )
|
|
{
|
|
aoData.push( { "name": "sSearch_"+i, "value": oSettings.aoPreSearchCols[i].sSearch } );
|
|
aoData.push( { "name": "bRegex_"+i, "value": oSettings.aoPreSearchCols[i].bRegex } );
|
|
aoData.push( { "name": "bSearchable_"+i, "value": oSettings.aoColumns[i].bSearchable } );
|
|
}
|
|
}
|
|
|
|
/* Sorting */
|
|
if ( oSettings.oFeatures.bSort !== false )
|
|
{
|
|
var iCounter = 0;
|
|
|
|
aaSort = ( oSettings.aaSortingFixed !== null ) ?
|
|
oSettings.aaSortingFixed.concat( oSettings.aaSorting ) :
|
|
oSettings.aaSorting.slice();
|
|
|
|
for ( i=0 ; i<aaSort.length ; i++ )
|
|
{
|
|
aDataSort = oSettings.aoColumns[ aaSort[i][0] ].aDataSort;
|
|
|
|
for ( j=0 ; j<aDataSort.length ; j++ )
|
|
{
|
|
aoData.push( { "name": "iSortCol_"+iCounter, "value": aDataSort[j] } );
|
|
aoData.push( { "name": "sSortDir_"+iCounter, "value": aaSort[i][1] } );
|
|
iCounter++;
|
|
}
|
|
}
|
|
aoData.push( { "name": "iSortingCols", "value": iCounter } );
|
|
|
|
for ( i=0 ; i<iColumns ; i++ )
|
|
{
|
|
aoData.push( { "name": "bSortable_"+i, "value": oSettings.aoColumns[i].bSortable } );
|
|
}
|
|
}
|
|
|
|
return aoData;
|
|
}
|
|
|
|
|
|
/**
|
|
* Add Ajax parameters from plug-ins
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param array {objects} aoData name/value pairs to send to the server
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnServerParams( oSettings, aoData )
|
|
{
|
|
_fnCallbackFire( oSettings, 'aoServerParams', 'serverParams', [aoData] );
|
|
}
|
|
|
|
|
|
/**
|
|
* Data the data from the server (nuking the old) and redraw the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {object} json json data return from the server.
|
|
* @param {string} json.sEcho Tracking flag for DataTables to match requests
|
|
* @param {int} json.iTotalRecords Number of records in the data set, not accounting for filtering
|
|
* @param {int} json.iTotalDisplayRecords Number of records in the data set, accounting for filtering
|
|
* @param {array} json.aaData The data to display on this page
|
|
* @param {string} [json.sColumns] Column ordering (sName, comma separated)
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnAjaxUpdateDraw ( oSettings, json )
|
|
{
|
|
if ( json.sEcho !== undefined )
|
|
{
|
|
/* Protect against old returns over-writing a new one. Possible when you get
|
|
* very fast interaction, and later queries are completed much faster
|
|
*/
|
|
if ( json.sEcho*1 < oSettings.iDraw )
|
|
{
|
|
return;
|
|
}
|
|
else
|
|
{
|
|
oSettings.iDraw = json.sEcho * 1;
|
|
}
|
|
}
|
|
|
|
if ( !oSettings.oScroll.bInfinite ||
|
|
(oSettings.oScroll.bInfinite && (oSettings.bSorted || oSettings.bFiltered)) )
|
|
{
|
|
_fnClearTable( oSettings );
|
|
}
|
|
oSettings._iRecordsTotal = parseInt(json.iTotalRecords, 10);
|
|
oSettings._iRecordsDisplay = parseInt(json.iTotalDisplayRecords, 10);
|
|
|
|
/* Determine if reordering is required */
|
|
var sOrdering = _fnColumnOrdering(oSettings);
|
|
var bReOrder = (json.sColumns !== undefined && sOrdering !== "" && json.sColumns != sOrdering );
|
|
var aiIndex;
|
|
if ( bReOrder )
|
|
{
|
|
aiIndex = _fnReOrderIndex( oSettings, json.sColumns );
|
|
}
|
|
|
|
var aData = _fnGetObjectDataFn( oSettings.sAjaxDataProp )( json );
|
|
for ( var i=0, iLen=aData.length ; i<iLen ; i++ )
|
|
{
|
|
if ( bReOrder )
|
|
{
|
|
/* If we need to re-order, then create a new array with the correct order and add it */
|
|
var aDataSorted = [];
|
|
for ( var j=0, jLen=oSettings.aoColumns.length ; j<jLen ; j++ )
|
|
{
|
|
aDataSorted.push( aData[i][ aiIndex[j] ] );
|
|
}
|
|
_fnAddData( oSettings, aDataSorted );
|
|
}
|
|
else
|
|
{
|
|
/* No re-order required, sever got it "right" - just straight add */
|
|
_fnAddData( oSettings, aData[i] );
|
|
}
|
|
}
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
|
|
oSettings.bAjaxDataGet = false;
|
|
_fnDraw( oSettings );
|
|
oSettings.bAjaxDataGet = true;
|
|
_fnProcessingDisplay( oSettings, false );
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Generate the node required for filtering text
|
|
* @returns {node} Filter control element
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFeatureHtmlFilter ( oSettings )
|
|
{
|
|
var oPreviousSearch = oSettings.oPreviousSearch;
|
|
|
|
var sSearchStr = oSettings.oLanguage.sSearch;
|
|
sSearchStr = (sSearchStr.indexOf('_INPUT_') !== -1) ?
|
|
sSearchStr.replace('_INPUT_', '<input type="text" />') :
|
|
sSearchStr==="" ? '<input type="text" />' : sSearchStr+' <input type="text" />';
|
|
|
|
var nFilter = document.createElement( 'div' );
|
|
nFilter.className = oSettings.oClasses.sFilter;
|
|
nFilter.innerHTML = '<label>'+sSearchStr+'</label>';
|
|
if ( !oSettings.aanFeatures.f )
|
|
{
|
|
nFilter.id = oSettings.sTableId+'_filter';
|
|
}
|
|
|
|
var jqFilter = $('input[type="text"]', nFilter);
|
|
|
|
// Store a reference to the input element, so other input elements could be
|
|
// added to the filter wrapper if needed (submit button for example)
|
|
nFilter._DT_Input = jqFilter[0];
|
|
|
|
jqFilter.val( oPreviousSearch.sSearch.replace('"','"') );
|
|
jqFilter.bind( 'keyup.DT', function(e) {
|
|
/* Update all other filter input elements for the new display */
|
|
var n = oSettings.aanFeatures.f;
|
|
var val = this.value==="" ? "" : this.value; // mental IE8 fix :-(
|
|
|
|
for ( var i=0, iLen=n.length ; i<iLen ; i++ )
|
|
{
|
|
if ( n[i] != $(this).parents('div.dataTables_filter')[0] )
|
|
{
|
|
$(n[i]._DT_Input).val( val );
|
|
}
|
|
}
|
|
|
|
/* Now do the filter */
|
|
if ( val != oPreviousSearch.sSearch )
|
|
{
|
|
_fnFilterComplete( oSettings, {
|
|
"sSearch": val,
|
|
"bRegex": oPreviousSearch.bRegex,
|
|
"bSmart": oPreviousSearch.bSmart ,
|
|
"bCaseInsensitive": oPreviousSearch.bCaseInsensitive
|
|
} );
|
|
}
|
|
} );
|
|
|
|
jqFilter
|
|
.attr('aria-controls', oSettings.sTableId)
|
|
.bind( 'keypress.DT', function(e) {
|
|
/* Prevent form submission */
|
|
if ( e.keyCode == 13 )
|
|
{
|
|
return false;
|
|
}
|
|
}
|
|
);
|
|
|
|
return nFilter;
|
|
}
|
|
|
|
|
|
/**
|
|
* Filter the table using both the global filter and column based filtering
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {object} oSearch search information
|
|
* @param {int} [iForce] force a research of the master array (1) or not (undefined or 0)
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFilterComplete ( oSettings, oInput, iForce )
|
|
{
|
|
var oPrevSearch = oSettings.oPreviousSearch;
|
|
var aoPrevSearch = oSettings.aoPreSearchCols;
|
|
var fnSaveFilter = function ( oFilter ) {
|
|
/* Save the filtering values */
|
|
oPrevSearch.sSearch = oFilter.sSearch;
|
|
oPrevSearch.bRegex = oFilter.bRegex;
|
|
oPrevSearch.bSmart = oFilter.bSmart;
|
|
oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive;
|
|
};
|
|
|
|
/* In server-side processing all filtering is done by the server, so no point hanging around here */
|
|
if ( !oSettings.oFeatures.bServerSide )
|
|
{
|
|
/* Global filter */
|
|
_fnFilter( oSettings, oInput.sSearch, iForce, oInput.bRegex, oInput.bSmart, oInput.bCaseInsensitive );
|
|
fnSaveFilter( oInput );
|
|
|
|
/* Now do the individual column filter */
|
|
for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ )
|
|
{
|
|
_fnFilterColumn( oSettings, aoPrevSearch[i].sSearch, i, aoPrevSearch[i].bRegex,
|
|
aoPrevSearch[i].bSmart, aoPrevSearch[i].bCaseInsensitive );
|
|
}
|
|
|
|
/* Custom filtering */
|
|
_fnFilterCustom( oSettings );
|
|
}
|
|
else
|
|
{
|
|
fnSaveFilter( oInput );
|
|
}
|
|
|
|
/* Tell the draw function we have been filtering */
|
|
oSettings.bFiltered = true;
|
|
$(oSettings.oInstance).trigger('filter', oSettings);
|
|
|
|
/* Redraw the table */
|
|
oSettings._iDisplayStart = 0;
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
|
|
/* Rebuild search array 'offline' */
|
|
_fnBuildSearchArray( oSettings, 0 );
|
|
}
|
|
|
|
|
|
/**
|
|
* Apply custom filtering functions
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFilterCustom( oSettings )
|
|
{
|
|
var afnFilters = DataTable.ext.afnFiltering;
|
|
var aiFilterColumns = _fnGetColumns( oSettings, 'bSearchable' );
|
|
|
|
for ( var i=0, iLen=afnFilters.length ; i<iLen ; i++ )
|
|
{
|
|
var iCorrector = 0;
|
|
for ( var j=0, jLen=oSettings.aiDisplay.length ; j<jLen ; j++ )
|
|
{
|
|
var iDisIndex = oSettings.aiDisplay[j-iCorrector];
|
|
var bTest = afnFilters[i](
|
|
oSettings,
|
|
_fnGetRowData( oSettings, iDisIndex, 'filter', aiFilterColumns ),
|
|
iDisIndex
|
|
);
|
|
|
|
/* Check if we should use this row based on the filtering function */
|
|
if ( !bTest )
|
|
{
|
|
oSettings.aiDisplay.splice( j-iCorrector, 1 );
|
|
iCorrector++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Filter the table on a per-column basis
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {string} sInput string to filter on
|
|
* @param {int} iColumn column to filter
|
|
* @param {bool} bRegex treat search string as a regular expression or not
|
|
* @param {bool} bSmart use smart filtering or not
|
|
* @param {bool} bCaseInsensitive Do case insenstive matching or not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFilterColumn ( oSettings, sInput, iColumn, bRegex, bSmart, bCaseInsensitive )
|
|
{
|
|
if ( sInput === "" )
|
|
{
|
|
return;
|
|
}
|
|
|
|
var iIndexCorrector = 0;
|
|
var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive );
|
|
|
|
for ( var i=oSettings.aiDisplay.length-1 ; i>=0 ; i-- )
|
|
{
|
|
var sData = _fnDataToSearch( _fnGetCellData( oSettings, oSettings.aiDisplay[i], iColumn, 'filter' ),
|
|
oSettings.aoColumns[iColumn].sType );
|
|
if ( ! rpSearch.test( sData ) )
|
|
{
|
|
oSettings.aiDisplay.splice( i, 1 );
|
|
iIndexCorrector++;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Filter the data table based on user input and draw the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {string} sInput string to filter on
|
|
* @param {int} iForce optional - force a research of the master array (1) or not (undefined or 0)
|
|
* @param {bool} bRegex treat as a regular expression or not
|
|
* @param {bool} bSmart perform smart filtering or not
|
|
* @param {bool} bCaseInsensitive Do case insenstive matching or not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFilter( oSettings, sInput, iForce, bRegex, bSmart, bCaseInsensitive )
|
|
{
|
|
var i;
|
|
var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive );
|
|
var oPrevSearch = oSettings.oPreviousSearch;
|
|
|
|
/* Check if we are forcing or not - optional parameter */
|
|
if ( !iForce )
|
|
{
|
|
iForce = 0;
|
|
}
|
|
|
|
/* Need to take account of custom filtering functions - always filter */
|
|
if ( DataTable.ext.afnFiltering.length !== 0 )
|
|
{
|
|
iForce = 1;
|
|
}
|
|
|
|
/*
|
|
* If the input is blank - we want the full data set
|
|
*/
|
|
if ( sInput.length <= 0 )
|
|
{
|
|
oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length);
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
}
|
|
else
|
|
{
|
|
/*
|
|
* We are starting a new search or the new search string is smaller
|
|
* then the old one (i.e. delete). Search from the master array
|
|
*/
|
|
if ( oSettings.aiDisplay.length == oSettings.aiDisplayMaster.length ||
|
|
oPrevSearch.sSearch.length > sInput.length || iForce == 1 ||
|
|
sInput.indexOf(oPrevSearch.sSearch) !== 0 )
|
|
{
|
|
/* Nuke the old display array - we are going to rebuild it */
|
|
oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length);
|
|
|
|
/* Force a rebuild of the search array */
|
|
_fnBuildSearchArray( oSettings, 1 );
|
|
|
|
/* Search through all records to populate the search array
|
|
* The the oSettings.aiDisplayMaster and asDataSearch arrays have 1 to 1
|
|
* mapping
|
|
*/
|
|
for ( i=0 ; i<oSettings.aiDisplayMaster.length ; i++ )
|
|
{
|
|
if ( rpSearch.test(oSettings.asDataSearch[i]) )
|
|
{
|
|
oSettings.aiDisplay.push( oSettings.aiDisplayMaster[i] );
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Using old search array - refine it - do it this way for speed
|
|
* Don't have to search the whole master array again
|
|
*/
|
|
var iIndexCorrector = 0;
|
|
|
|
/* Search the current results */
|
|
for ( i=0 ; i<oSettings.asDataSearch.length ; i++ )
|
|
{
|
|
if ( ! rpSearch.test(oSettings.asDataSearch[i]) )
|
|
{
|
|
oSettings.aiDisplay.splice( i-iIndexCorrector, 1 );
|
|
iIndexCorrector++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Create an array which can be quickly search through
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iMaster use the master data array - optional
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnBuildSearchArray ( oSettings, iMaster )
|
|
{
|
|
if ( !oSettings.oFeatures.bServerSide )
|
|
{
|
|
/* Clear out the old data */
|
|
oSettings.asDataSearch = [];
|
|
|
|
var aiFilterColumns = _fnGetColumns( oSettings, 'bSearchable' );
|
|
var aiIndex = (iMaster===1) ?
|
|
oSettings.aiDisplayMaster :
|
|
oSettings.aiDisplay;
|
|
|
|
for ( var i=0, iLen=aiIndex.length ; i<iLen ; i++ )
|
|
{
|
|
oSettings.asDataSearch[i] = _fnBuildSearchRow(
|
|
oSettings,
|
|
_fnGetRowData( oSettings, aiIndex[i], 'filter', aiFilterColumns )
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Create a searchable string from a single data row
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {array} aData Row data array to use for the data to search
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnBuildSearchRow( oSettings, aData )
|
|
{
|
|
var sSearch = aData.join(' ');
|
|
|
|
/* If it looks like there is an HTML entity in the string, attempt to decode it */
|
|
if ( sSearch.indexOf('&') !== -1 )
|
|
{
|
|
sSearch = $('<div>').html(sSearch).text();
|
|
}
|
|
|
|
// Strip newline characters
|
|
return sSearch.replace( /[\n\r]/g, " " );
|
|
}
|
|
|
|
/**
|
|
* Build a regular expression object suitable for searching a table
|
|
* @param {string} sSearch string to search for
|
|
* @param {bool} bRegex treat as a regular expression or not
|
|
* @param {bool} bSmart perform smart filtering or not
|
|
* @param {bool} bCaseInsensitive Do case insensitive matching or not
|
|
* @returns {RegExp} constructed object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFilterCreateSearch( sSearch, bRegex, bSmart, bCaseInsensitive )
|
|
{
|
|
var asSearch, sRegExpString;
|
|
|
|
if ( bSmart )
|
|
{
|
|
/* Generate the regular expression to use. Something along the lines of:
|
|
* ^(?=.*?\bone\b)(?=.*?\btwo\b)(?=.*?\bthree\b).*$
|
|
*/
|
|
asSearch = bRegex ? sSearch.split( ' ' ) : _fnEscapeRegex( sSearch ).split( ' ' );
|
|
sRegExpString = '^(?=.*?'+asSearch.join( ')(?=.*?' )+').*$';
|
|
return new RegExp( sRegExpString, bCaseInsensitive ? "i" : "" );
|
|
}
|
|
else
|
|
{
|
|
sSearch = bRegex ? sSearch : _fnEscapeRegex( sSearch );
|
|
return new RegExp( sSearch, bCaseInsensitive ? "i" : "" );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Convert raw data into something that the user can search on
|
|
* @param {string} sData data to be modified
|
|
* @param {string} sType data type
|
|
* @returns {string} search string
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnDataToSearch ( sData, sType )
|
|
{
|
|
if ( typeof DataTable.ext.ofnSearch[sType] === "function" )
|
|
{
|
|
return DataTable.ext.ofnSearch[sType]( sData );
|
|
}
|
|
else if ( sData === null )
|
|
{
|
|
return '';
|
|
}
|
|
else if ( sType == "html" )
|
|
{
|
|
return sData.replace(/[\r\n]/g," ").replace( /<.*?>/g, "" );
|
|
}
|
|
else if ( typeof sData === "string" )
|
|
{
|
|
return sData.replace(/[\r\n]/g," ");
|
|
}
|
|
return sData;
|
|
}
|
|
|
|
|
|
/**
|
|
* scape a string such that it can be used in a regular expression
|
|
* @param {string} sVal string to escape
|
|
* @returns {string} escaped string
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnEscapeRegex ( sVal )
|
|
{
|
|
var acEscape = [ '/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\', '$', '^', '-' ];
|
|
var reReplace = new RegExp( '(\\' + acEscape.join('|\\') + ')', 'g' );
|
|
return sVal.replace(reReplace, '\\$1');
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Generate the node required for the info display
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {node} Information element
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFeatureHtmlInfo ( oSettings )
|
|
{
|
|
var nInfo = document.createElement( 'div' );
|
|
nInfo.className = oSettings.oClasses.sInfo;
|
|
|
|
/* Actions that are to be taken once only for this feature */
|
|
if ( !oSettings.aanFeatures.i )
|
|
{
|
|
/* Add draw callback */
|
|
oSettings.aoDrawCallback.push( {
|
|
"fn": _fnUpdateInfo,
|
|
"sName": "information"
|
|
} );
|
|
|
|
/* Add id */
|
|
nInfo.id = oSettings.sTableId+'_info';
|
|
}
|
|
oSettings.nTable.setAttribute( 'aria-describedby', oSettings.sTableId+'_info' );
|
|
|
|
return nInfo;
|
|
}
|
|
|
|
|
|
/**
|
|
* Update the information elements in the display
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnUpdateInfo ( oSettings )
|
|
{
|
|
/* Show information about the table */
|
|
if ( !oSettings.oFeatures.bInfo || oSettings.aanFeatures.i.length === 0 )
|
|
{
|
|
return;
|
|
}
|
|
|
|
var
|
|
oLang = oSettings.oLanguage,
|
|
iStart = oSettings._iDisplayStart+1,
|
|
iEnd = oSettings.fnDisplayEnd(),
|
|
iMax = oSettings.fnRecordsTotal(),
|
|
iTotal = oSettings.fnRecordsDisplay(),
|
|
sOut;
|
|
|
|
if ( iTotal === 0 && iTotal == iMax )
|
|
{
|
|
/* Empty record set */
|
|
sOut = oLang.sInfoEmpty;
|
|
}
|
|
else if ( iTotal === 0 )
|
|
{
|
|
/* Empty record set after filtering */
|
|
sOut = oLang.sInfoEmpty +' '+ oLang.sInfoFiltered;
|
|
}
|
|
else if ( iTotal == iMax )
|
|
{
|
|
/* Normal record set */
|
|
sOut = oLang.sInfo;
|
|
}
|
|
else
|
|
{
|
|
/* Record set after filtering */
|
|
sOut = oLang.sInfo +' '+ oLang.sInfoFiltered;
|
|
}
|
|
|
|
// Convert the macros
|
|
sOut += oLang.sInfoPostFix;
|
|
sOut = _fnInfoMacros( oSettings, sOut );
|
|
|
|
if ( oLang.fnInfoCallback !== null )
|
|
{
|
|
sOut = oLang.fnInfoCallback.call( oSettings.oInstance,
|
|
oSettings, iStart, iEnd, iMax, iTotal, sOut );
|
|
}
|
|
|
|
var n = oSettings.aanFeatures.i;
|
|
for ( var i=0, iLen=n.length ; i<iLen ; i++ )
|
|
{
|
|
$(n[i]).html( sOut );
|
|
}
|
|
}
|
|
|
|
|
|
function _fnInfoMacros ( oSettings, str )
|
|
{
|
|
var
|
|
iStart = oSettings._iDisplayStart+1,
|
|
sStart = oSettings.fnFormatNumber( iStart ),
|
|
iEnd = oSettings.fnDisplayEnd(),
|
|
sEnd = oSettings.fnFormatNumber( iEnd ),
|
|
iTotal = oSettings.fnRecordsDisplay(),
|
|
sTotal = oSettings.fnFormatNumber( iTotal ),
|
|
iMax = oSettings.fnRecordsTotal(),
|
|
sMax = oSettings.fnFormatNumber( iMax );
|
|
|
|
// When infinite scrolling, we are always starting at 1. _iDisplayStart is used only
|
|
// internally
|
|
if ( oSettings.oScroll.bInfinite )
|
|
{
|
|
sStart = oSettings.fnFormatNumber( 1 );
|
|
}
|
|
|
|
return str.
|
|
replace('_START_', sStart).
|
|
replace('_END_', sEnd).
|
|
replace('_TOTAL_', sTotal).
|
|
replace('_MAX_', sMax);
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Draw the table for the first time, adding all required features
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnInitialise ( oSettings )
|
|
{
|
|
var i, iLen, iAjaxStart=oSettings.iInitDisplayStart;
|
|
|
|
/* Ensure that the table data is fully initialised */
|
|
if ( oSettings.bInitialised === false )
|
|
{
|
|
setTimeout( function(){ _fnInitialise( oSettings ); }, 200 );
|
|
return;
|
|
}
|
|
|
|
/* Show the display HTML options */
|
|
_fnAddOptionsHtml( oSettings );
|
|
|
|
/* Build and draw the header / footer for the table */
|
|
_fnBuildHead( oSettings );
|
|
_fnDrawHead( oSettings, oSettings.aoHeader );
|
|
if ( oSettings.nTFoot )
|
|
{
|
|
_fnDrawHead( oSettings, oSettings.aoFooter );
|
|
}
|
|
|
|
/* Okay to show that something is going on now */
|
|
_fnProcessingDisplay( oSettings, true );
|
|
|
|
/* Calculate sizes for columns */
|
|
if ( oSettings.oFeatures.bAutoWidth )
|
|
{
|
|
_fnCalculateColumnWidths( oSettings );
|
|
}
|
|
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].sWidth !== null )
|
|
{
|
|
oSettings.aoColumns[i].nTh.style.width = _fnStringToCss( oSettings.aoColumns[i].sWidth );
|
|
}
|
|
}
|
|
|
|
/* If there is default sorting required - let's do it. The sort function will do the
|
|
* drawing for us. Otherwise we draw the table regardless of the Ajax source - this allows
|
|
* the table to look initialised for Ajax sourcing data (show 'loading' message possibly)
|
|
*/
|
|
if ( oSettings.oFeatures.bSort )
|
|
{
|
|
_fnSort( oSettings );
|
|
}
|
|
else if ( oSettings.oFeatures.bFilter )
|
|
{
|
|
_fnFilterComplete( oSettings, oSettings.oPreviousSearch );
|
|
}
|
|
else
|
|
{
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
|
|
/* if there is an ajax source load the data */
|
|
if ( oSettings.sAjaxSource !== null && !oSettings.oFeatures.bServerSide )
|
|
{
|
|
var aoData = [];
|
|
_fnServerParams( oSettings, aoData );
|
|
oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aoData, function(json) {
|
|
var aData = (oSettings.sAjaxDataProp !== "") ?
|
|
_fnGetObjectDataFn( oSettings.sAjaxDataProp )(json) : json;
|
|
|
|
/* Got the data - add it to the table */
|
|
for ( i=0 ; i<aData.length ; i++ )
|
|
{
|
|
_fnAddData( oSettings, aData[i] );
|
|
}
|
|
|
|
/* Reset the init display for cookie saving. We've already done a filter, and
|
|
* therefore cleared it before. So we need to make it appear 'fresh'
|
|
*/
|
|
oSettings.iInitDisplayStart = iAjaxStart;
|
|
|
|
if ( oSettings.oFeatures.bSort )
|
|
{
|
|
_fnSort( oSettings );
|
|
}
|
|
else
|
|
{
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
|
|
_fnProcessingDisplay( oSettings, false );
|
|
_fnInitComplete( oSettings, json );
|
|
}, oSettings );
|
|
return;
|
|
}
|
|
|
|
/* Server-side processing initialisation complete is done at the end of _fnDraw */
|
|
if ( !oSettings.oFeatures.bServerSide )
|
|
{
|
|
_fnProcessingDisplay( oSettings, false );
|
|
_fnInitComplete( oSettings );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Draw the table for the first time, adding all required features
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {object} [json] JSON from the server that completed the table, if using Ajax source
|
|
* with client-side processing (optional)
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnInitComplete ( oSettings, json )
|
|
{
|
|
oSettings._bInitComplete = true;
|
|
_fnCallbackFire( oSettings, 'aoInitComplete', 'init', [oSettings, json] );
|
|
}
|
|
|
|
|
|
/**
|
|
* Language compatibility - when certain options are given, and others aren't, we
|
|
* need to duplicate the values over, in order to provide backwards compatibility
|
|
* with older language files.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnLanguageCompat( oLanguage )
|
|
{
|
|
var oDefaults = DataTable.defaults.oLanguage;
|
|
|
|
/* Backwards compatibility - if there is no sEmptyTable given, then use the same as
|
|
* sZeroRecords - assuming that is given.
|
|
*/
|
|
if ( !oLanguage.sEmptyTable && oLanguage.sZeroRecords &&
|
|
oDefaults.sEmptyTable === "No data available in table" )
|
|
{
|
|
_fnMap( oLanguage, oLanguage, 'sZeroRecords', 'sEmptyTable' );
|
|
}
|
|
|
|
/* Likewise with loading records */
|
|
if ( !oLanguage.sLoadingRecords && oLanguage.sZeroRecords &&
|
|
oDefaults.sLoadingRecords === "Loading..." )
|
|
{
|
|
_fnMap( oLanguage, oLanguage, 'sZeroRecords', 'sLoadingRecords' );
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Generate the node required for user display length changing
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {node} Display length feature node
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFeatureHtmlLength ( oSettings )
|
|
{
|
|
if ( oSettings.oScroll.bInfinite )
|
|
{
|
|
return null;
|
|
}
|
|
|
|
/* This can be overruled by not using the _MENU_ var/macro in the language variable */
|
|
var sName = 'name="'+oSettings.sTableId+'_length"';
|
|
var sStdMenu = '<select size="1" '+sName+'>';
|
|
var i, iLen;
|
|
var aLengthMenu = oSettings.aLengthMenu;
|
|
|
|
if ( aLengthMenu.length == 2 && typeof aLengthMenu[0] === 'object' &&
|
|
typeof aLengthMenu[1] === 'object' )
|
|
{
|
|
for ( i=0, iLen=aLengthMenu[0].length ; i<iLen ; i++ )
|
|
{
|
|
sStdMenu += '<option value="'+aLengthMenu[0][i]+'">'+aLengthMenu[1][i]+'</option>';
|
|
}
|
|
}
|
|
else
|
|
{
|
|
for ( i=0, iLen=aLengthMenu.length ; i<iLen ; i++ )
|
|
{
|
|
sStdMenu += '<option value="'+aLengthMenu[i]+'">'+aLengthMenu[i]+'</option>';
|
|
}
|
|
}
|
|
sStdMenu += '</select>';
|
|
|
|
var nLength = document.createElement( 'div' );
|
|
if ( !oSettings.aanFeatures.l )
|
|
{
|
|
nLength.id = oSettings.sTableId+'_length';
|
|
}
|
|
nLength.className = oSettings.oClasses.sLength;
|
|
nLength.innerHTML = '<label>'+oSettings.oLanguage.sLengthMenu.replace( '_MENU_', sStdMenu )+'</label>';
|
|
|
|
/*
|
|
* Set the length to the current display length - thanks to Andrea Pavlovic for this fix,
|
|
* and Stefan Skopnik for fixing the fix!
|
|
*/
|
|
$('select option[value="'+oSettings._iDisplayLength+'"]', nLength).attr("selected", true);
|
|
|
|
$('select', nLength).bind( 'change.DT', function(e) {
|
|
var iVal = $(this).val();
|
|
|
|
/* Update all other length options for the new display */
|
|
var n = oSettings.aanFeatures.l;
|
|
for ( i=0, iLen=n.length ; i<iLen ; i++ )
|
|
{
|
|
if ( n[i] != this.parentNode )
|
|
{
|
|
$('select', n[i]).val( iVal );
|
|
}
|
|
}
|
|
|
|
/* Redraw the table */
|
|
oSettings._iDisplayLength = parseInt(iVal, 10);
|
|
_fnCalculateEnd( oSettings );
|
|
|
|
/* If we have space to show extra rows (backing up from the end point - then do so */
|
|
if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
|
|
{
|
|
oSettings._iDisplayStart = oSettings.fnDisplayEnd() - oSettings._iDisplayLength;
|
|
if ( oSettings._iDisplayStart < 0 )
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
}
|
|
|
|
if ( oSettings._iDisplayLength == -1 )
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
|
|
_fnDraw( oSettings );
|
|
} );
|
|
|
|
|
|
$('select', nLength).attr('aria-controls', oSettings.sTableId);
|
|
|
|
return nLength;
|
|
}
|
|
|
|
|
|
/**
|
|
* Recalculate the end point based on the start point
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnCalculateEnd( oSettings )
|
|
{
|
|
if ( oSettings.oFeatures.bPaginate === false )
|
|
{
|
|
oSettings._iDisplayEnd = oSettings.aiDisplay.length;
|
|
}
|
|
else
|
|
{
|
|
/* Set the end point of the display - based on how many elements there are
|
|
* still to display
|
|
*/
|
|
if ( oSettings._iDisplayStart + oSettings._iDisplayLength > oSettings.aiDisplay.length ||
|
|
oSettings._iDisplayLength == -1 )
|
|
{
|
|
oSettings._iDisplayEnd = oSettings.aiDisplay.length;
|
|
}
|
|
else
|
|
{
|
|
oSettings._iDisplayEnd = oSettings._iDisplayStart + oSettings._iDisplayLength;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
* Note that most of the paging logic is done in
|
|
* DataTable.ext.oPagination
|
|
*/
|
|
|
|
/**
|
|
* Generate the node required for default pagination
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {node} Pagination feature node
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFeatureHtmlPaginate ( oSettings )
|
|
{
|
|
if ( oSettings.oScroll.bInfinite )
|
|
{
|
|
return null;
|
|
}
|
|
|
|
var nPaginate = document.createElement( 'div' );
|
|
nPaginate.className = oSettings.oClasses.sPaging+oSettings.sPaginationType;
|
|
|
|
DataTable.ext.oPagination[ oSettings.sPaginationType ].fnInit( oSettings, nPaginate,
|
|
function( oSettings ) {
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
);
|
|
|
|
/* Add a draw callback for the pagination on first instance, to update the paging display */
|
|
if ( !oSettings.aanFeatures.p )
|
|
{
|
|
oSettings.aoDrawCallback.push( {
|
|
"fn": function( oSettings ) {
|
|
DataTable.ext.oPagination[ oSettings.sPaginationType ].fnUpdate( oSettings, function( oSettings ) {
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
} );
|
|
},
|
|
"sName": "pagination"
|
|
} );
|
|
}
|
|
return nPaginate;
|
|
}
|
|
|
|
|
|
/**
|
|
* Alter the display settings to change the page
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last"
|
|
* or page number to jump to (integer)
|
|
* @returns {bool} true page has changed, false - no change (no effect) eg 'first' on page 1
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnPageChange ( oSettings, mAction )
|
|
{
|
|
var iOldStart = oSettings._iDisplayStart;
|
|
|
|
if ( typeof mAction === "number" )
|
|
{
|
|
oSettings._iDisplayStart = mAction * oSettings._iDisplayLength;
|
|
if ( oSettings._iDisplayStart > oSettings.fnRecordsDisplay() )
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
}
|
|
else if ( mAction == "first" )
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
else if ( mAction == "previous" )
|
|
{
|
|
oSettings._iDisplayStart = oSettings._iDisplayLength>=0 ?
|
|
oSettings._iDisplayStart - oSettings._iDisplayLength :
|
|
0;
|
|
|
|
/* Correct for under-run */
|
|
if ( oSettings._iDisplayStart < 0 )
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
}
|
|
else if ( mAction == "next" )
|
|
{
|
|
if ( oSettings._iDisplayLength >= 0 )
|
|
{
|
|
/* Make sure we are not over running the display array */
|
|
if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() )
|
|
{
|
|
oSettings._iDisplayStart += oSettings._iDisplayLength;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
}
|
|
else if ( mAction == "last" )
|
|
{
|
|
if ( oSettings._iDisplayLength >= 0 )
|
|
{
|
|
var iPages = parseInt( (oSettings.fnRecordsDisplay()-1) / oSettings._iDisplayLength, 10 ) + 1;
|
|
oSettings._iDisplayStart = (iPages-1) * oSettings._iDisplayLength;
|
|
}
|
|
else
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
_fnLog( oSettings, 0, "Unknown paging action: "+mAction );
|
|
}
|
|
$(oSettings.oInstance).trigger('page', oSettings);
|
|
|
|
return iOldStart != oSettings._iDisplayStart;
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Generate the node required for the processing node
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {node} Processing element
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFeatureHtmlProcessing ( oSettings )
|
|
{
|
|
var nProcessing = document.createElement( 'div' );
|
|
|
|
if ( !oSettings.aanFeatures.r )
|
|
{
|
|
nProcessing.id = oSettings.sTableId+'_processing';
|
|
}
|
|
nProcessing.innerHTML = oSettings.oLanguage.sProcessing;
|
|
nProcessing.className = oSettings.oClasses.sProcessing;
|
|
oSettings.nTable.parentNode.insertBefore( nProcessing, oSettings.nTable );
|
|
|
|
return nProcessing;
|
|
}
|
|
|
|
|
|
/**
|
|
* Display or hide the processing indicator
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {bool} bShow Show the processing indicator (true) or not (false)
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnProcessingDisplay ( oSettings, bShow )
|
|
{
|
|
if ( oSettings.oFeatures.bProcessing )
|
|
{
|
|
var an = oSettings.aanFeatures.r;
|
|
for ( var i=0, iLen=an.length ; i<iLen ; i++ )
|
|
{
|
|
an[i].style.visibility = bShow ? "visible" : "hidden";
|
|
}
|
|
}
|
|
|
|
$(oSettings.oInstance).trigger('processing', [oSettings, bShow]);
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Add any control elements for the table - specifically scrolling
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {node} Node to add to the DOM
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnFeatureHtmlTable ( oSettings )
|
|
{
|
|
/* Check if scrolling is enabled or not - if not then leave the DOM unaltered */
|
|
if ( oSettings.oScroll.sX === "" && oSettings.oScroll.sY === "" )
|
|
{
|
|
return oSettings.nTable;
|
|
}
|
|
|
|
/*
|
|
* The HTML structure that we want to generate in this function is:
|
|
* div - nScroller
|
|
* div - nScrollHead
|
|
* div - nScrollHeadInner
|
|
* table - nScrollHeadTable
|
|
* thead - nThead
|
|
* div - nScrollBody
|
|
* table - oSettings.nTable
|
|
* thead - nTheadSize
|
|
* tbody - nTbody
|
|
* div - nScrollFoot
|
|
* div - nScrollFootInner
|
|
* table - nScrollFootTable
|
|
* tfoot - nTfoot
|
|
*/
|
|
var
|
|
nScroller = document.createElement('div'),
|
|
nScrollHead = document.createElement('div'),
|
|
nScrollHeadInner = document.createElement('div'),
|
|
nScrollBody = document.createElement('div'),
|
|
nScrollFoot = document.createElement('div'),
|
|
nScrollFootInner = document.createElement('div'),
|
|
nScrollHeadTable = oSettings.nTable.cloneNode(false),
|
|
nScrollFootTable = oSettings.nTable.cloneNode(false),
|
|
nThead = oSettings.nTable.getElementsByTagName('thead')[0],
|
|
nTfoot = oSettings.nTable.getElementsByTagName('tfoot').length === 0 ? null :
|
|
oSettings.nTable.getElementsByTagName('tfoot')[0],
|
|
oClasses = oSettings.oClasses;
|
|
|
|
nScrollHead.appendChild( nScrollHeadInner );
|
|
nScrollFoot.appendChild( nScrollFootInner );
|
|
nScrollBody.appendChild( oSettings.nTable );
|
|
nScroller.appendChild( nScrollHead );
|
|
nScroller.appendChild( nScrollBody );
|
|
nScrollHeadInner.appendChild( nScrollHeadTable );
|
|
nScrollHeadTable.appendChild( nThead );
|
|
if ( nTfoot !== null )
|
|
{
|
|
nScroller.appendChild( nScrollFoot );
|
|
nScrollFootInner.appendChild( nScrollFootTable );
|
|
nScrollFootTable.appendChild( nTfoot );
|
|
}
|
|
|
|
nScroller.className = oClasses.sScrollWrapper;
|
|
nScrollHead.className = oClasses.sScrollHead;
|
|
nScrollHeadInner.className = oClasses.sScrollHeadInner;
|
|
nScrollBody.className = oClasses.sScrollBody;
|
|
nScrollFoot.className = oClasses.sScrollFoot;
|
|
nScrollFootInner.className = oClasses.sScrollFootInner;
|
|
|
|
if ( oSettings.oScroll.bAutoCss )
|
|
{
|
|
nScrollHead.style.overflow = "hidden";
|
|
nScrollHead.style.position = "relative";
|
|
nScrollFoot.style.overflow = "hidden";
|
|
nScrollBody.style.overflow = "auto";
|
|
}
|
|
|
|
nScrollHead.style.border = "0";
|
|
nScrollHead.style.width = "100%";
|
|
nScrollFoot.style.border = "0";
|
|
nScrollHeadInner.style.width = oSettings.oScroll.sXInner !== "" ?
|
|
oSettings.oScroll.sXInner : "100%"; /* will be overwritten */
|
|
|
|
/* Modify attributes to respect the clones */
|
|
nScrollHeadTable.removeAttribute('id');
|
|
nScrollHeadTable.style.marginLeft = "0";
|
|
oSettings.nTable.style.marginLeft = "0";
|
|
if ( nTfoot !== null )
|
|
{
|
|
nScrollFootTable.removeAttribute('id');
|
|
nScrollFootTable.style.marginLeft = "0";
|
|
}
|
|
|
|
/* Move caption elements from the body to the header, footer or leave where it is
|
|
* depending on the configuration. Note that the DTD says there can be only one caption */
|
|
var nCaption = $(oSettings.nTable).children('caption');
|
|
if ( nCaption.length > 0 )
|
|
{
|
|
nCaption = nCaption[0];
|
|
if ( nCaption._captionSide === "top" )
|
|
{
|
|
nScrollHeadTable.appendChild( nCaption );
|
|
}
|
|
else if ( nCaption._captionSide === "bottom" && nTfoot )
|
|
{
|
|
nScrollFootTable.appendChild( nCaption );
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Sizing
|
|
*/
|
|
/* When x-scrolling add the width and a scroller to move the header with the body */
|
|
if ( oSettings.oScroll.sX !== "" )
|
|
{
|
|
nScrollHead.style.width = _fnStringToCss( oSettings.oScroll.sX );
|
|
nScrollBody.style.width = _fnStringToCss( oSettings.oScroll.sX );
|
|
|
|
if ( nTfoot !== null )
|
|
{
|
|
nScrollFoot.style.width = _fnStringToCss( oSettings.oScroll.sX );
|
|
}
|
|
|
|
/* When the body is scrolled, then we also want to scroll the headers */
|
|
$(nScrollBody).scroll( function (e) {
|
|
nScrollHead.scrollLeft = this.scrollLeft;
|
|
|
|
if ( nTfoot !== null )
|
|
{
|
|
nScrollFoot.scrollLeft = this.scrollLeft;
|
|
}
|
|
} );
|
|
}
|
|
|
|
/* When yscrolling, add the height */
|
|
if ( oSettings.oScroll.sY !== "" )
|
|
{
|
|
nScrollBody.style.height = _fnStringToCss( oSettings.oScroll.sY );
|
|
}
|
|
|
|
/* Redraw - align columns across the tables */
|
|
oSettings.aoDrawCallback.push( {
|
|
"fn": _fnScrollDraw,
|
|
"sName": "scrolling"
|
|
} );
|
|
|
|
/* Infinite scrolling event handlers */
|
|
if ( oSettings.oScroll.bInfinite )
|
|
{
|
|
$(nScrollBody).scroll( function() {
|
|
/* Use a blocker to stop scrolling from loading more data while other data is still loading */
|
|
if ( !oSettings.bDrawing && $(this).scrollTop() !== 0 )
|
|
{
|
|
/* Check if we should load the next data set */
|
|
if ( $(this).scrollTop() + $(this).height() >
|
|
$(oSettings.nTable).height() - oSettings.oScroll.iLoadGap )
|
|
{
|
|
/* Only do the redraw if we have to - we might be at the end of the data */
|
|
if ( oSettings.fnDisplayEnd() < oSettings.fnRecordsDisplay() )
|
|
{
|
|
_fnPageChange( oSettings, 'next' );
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
}
|
|
}
|
|
} );
|
|
}
|
|
|
|
oSettings.nScrollHead = nScrollHead;
|
|
oSettings.nScrollFoot = nScrollFoot;
|
|
|
|
return nScroller;
|
|
}
|
|
|
|
|
|
/**
|
|
* Update the various tables for resizing. It's a bit of a pig this function, but
|
|
* basically the idea to:
|
|
* 1. Re-create the table inside the scrolling div
|
|
* 2. Take live measurements from the DOM
|
|
* 3. Apply the measurements
|
|
* 4. Clean up
|
|
* @param {object} o dataTables settings object
|
|
* @returns {node} Node to add to the DOM
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnScrollDraw ( o )
|
|
{
|
|
var
|
|
nScrollHeadInner = o.nScrollHead.getElementsByTagName('div')[0],
|
|
nScrollHeadTable = nScrollHeadInner.getElementsByTagName('table')[0],
|
|
nScrollBody = o.nTable.parentNode,
|
|
i, iLen, j, jLen, anHeadToSize, anHeadSizers, anFootSizers, anFootToSize, oStyle, iVis,
|
|
nTheadSize, nTfootSize,
|
|
iWidth, aApplied=[], iSanityWidth,
|
|
nScrollFootInner = (o.nTFoot !== null) ? o.nScrollFoot.getElementsByTagName('div')[0] : null,
|
|
nScrollFootTable = (o.nTFoot !== null) ? nScrollFootInner.getElementsByTagName('table')[0] : null,
|
|
ie67 = o.oBrowser.bScrollOversize;
|
|
|
|
/*
|
|
* 1. Re-create the table inside the scrolling div
|
|
*/
|
|
|
|
/* Remove the old minimised thead and tfoot elements in the inner table */
|
|
$(o.nTable).children('thead, tfoot').remove();
|
|
|
|
/* Clone the current header and footer elements and then place it into the inner table */
|
|
nTheadSize = $(o.nTHead).clone()[0];
|
|
o.nTable.insertBefore( nTheadSize, o.nTable.childNodes[0] );
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
nTfootSize = $(o.nTFoot).clone()[0];
|
|
o.nTable.insertBefore( nTfootSize, o.nTable.childNodes[1] );
|
|
}
|
|
|
|
/*
|
|
* 2. Take live measurements from the DOM - do not alter the DOM itself!
|
|
*/
|
|
|
|
/* Remove old sizing and apply the calculated column widths
|
|
* Get the unique column headers in the newly created (cloned) header. We want to apply the
|
|
* calculated sizes to this header
|
|
*/
|
|
if ( o.oScroll.sX === "" )
|
|
{
|
|
nScrollBody.style.width = '100%';
|
|
nScrollHeadInner.parentNode.style.width = '100%';
|
|
}
|
|
|
|
var nThs = _fnGetUniqueThs( o, nTheadSize );
|
|
for ( i=0, iLen=nThs.length ; i<iLen ; i++ )
|
|
{
|
|
iVis = _fnVisibleToColumnIndex( o, i );
|
|
nThs[i].style.width = o.aoColumns[iVis].sWidth;
|
|
}
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
_fnApplyToChildren( function(n) {
|
|
n.style.width = "";
|
|
}, nTfootSize.getElementsByTagName('tr') );
|
|
}
|
|
|
|
// If scroll collapse is enabled, when we put the headers back into the body for sizing, we
|
|
// will end up forcing the scrollbar to appear, making our measurements wrong for when we
|
|
// then hide it (end of this function), so add the header height to the body scroller.
|
|
if ( o.oScroll.bCollapse && o.oScroll.sY !== "" )
|
|
{
|
|
nScrollBody.style.height = (nScrollBody.offsetHeight + o.nTHead.offsetHeight)+"px";
|
|
}
|
|
|
|
/* Size the table as a whole */
|
|
iSanityWidth = $(o.nTable).outerWidth();
|
|
if ( o.oScroll.sX === "" )
|
|
{
|
|
/* No x scrolling */
|
|
o.nTable.style.width = "100%";
|
|
|
|
/* I know this is rubbish - but IE7 will make the width of the table when 100% include
|
|
* the scrollbar - which is shouldn't. When there is a scrollbar we need to take this
|
|
* into account.
|
|
*/
|
|
if ( ie67 && ($('tbody', nScrollBody).height() > nScrollBody.offsetHeight ||
|
|
$(nScrollBody).css('overflow-y') == "scroll") )
|
|
{
|
|
o.nTable.style.width = _fnStringToCss( $(o.nTable).outerWidth() - o.oScroll.iBarWidth);
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if ( o.oScroll.sXInner !== "" )
|
|
{
|
|
/* x scroll inner has been given - use it */
|
|
o.nTable.style.width = _fnStringToCss(o.oScroll.sXInner);
|
|
}
|
|
else if ( iSanityWidth == $(nScrollBody).width() &&
|
|
$(nScrollBody).height() < $(o.nTable).height() )
|
|
{
|
|
/* There is y-scrolling - try to take account of the y scroll bar */
|
|
o.nTable.style.width = _fnStringToCss( iSanityWidth-o.oScroll.iBarWidth );
|
|
if ( $(o.nTable).outerWidth() > iSanityWidth-o.oScroll.iBarWidth )
|
|
{
|
|
/* Not possible to take account of it */
|
|
o.nTable.style.width = _fnStringToCss( iSanityWidth );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* All else fails */
|
|
o.nTable.style.width = _fnStringToCss( iSanityWidth );
|
|
}
|
|
}
|
|
|
|
/* Recalculate the sanity width - now that we've applied the required width, before it was
|
|
* a temporary variable. This is required because the column width calculation is done
|
|
* before this table DOM is created.
|
|
*/
|
|
iSanityWidth = $(o.nTable).outerWidth();
|
|
|
|
/* We want the hidden header to have zero height, so remove padding and borders. Then
|
|
* set the width based on the real headers
|
|
*/
|
|
anHeadToSize = o.nTHead.getElementsByTagName('tr');
|
|
anHeadSizers = nTheadSize.getElementsByTagName('tr');
|
|
|
|
_fnApplyToChildren( function(nSizer, nToSize) {
|
|
oStyle = nSizer.style;
|
|
oStyle.paddingTop = "0";
|
|
oStyle.paddingBottom = "0";
|
|
oStyle.borderTopWidth = "0";
|
|
oStyle.borderBottomWidth = "0";
|
|
oStyle.height = 0;
|
|
|
|
iWidth = $(nSizer).width();
|
|
nToSize.style.width = _fnStringToCss( iWidth );
|
|
aApplied.push( iWidth );
|
|
}, anHeadSizers, anHeadToSize );
|
|
$(anHeadSizers).height(0);
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
/* Clone the current footer and then place it into the body table as a "hidden header" */
|
|
anFootSizers = nTfootSize.getElementsByTagName('tr');
|
|
anFootToSize = o.nTFoot.getElementsByTagName('tr');
|
|
|
|
_fnApplyToChildren( function(nSizer, nToSize) {
|
|
oStyle = nSizer.style;
|
|
oStyle.paddingTop = "0";
|
|
oStyle.paddingBottom = "0";
|
|
oStyle.borderTopWidth = "0";
|
|
oStyle.borderBottomWidth = "0";
|
|
oStyle.height = 0;
|
|
|
|
iWidth = $(nSizer).width();
|
|
nToSize.style.width = _fnStringToCss( iWidth );
|
|
aApplied.push( iWidth );
|
|
}, anFootSizers, anFootToSize );
|
|
$(anFootSizers).height(0);
|
|
}
|
|
|
|
/*
|
|
* 3. Apply the measurements
|
|
*/
|
|
|
|
/* "Hide" the header and footer that we used for the sizing. We want to also fix their width
|
|
* to what they currently are
|
|
*/
|
|
_fnApplyToChildren( function(nSizer) {
|
|
nSizer.innerHTML = "";
|
|
nSizer.style.width = _fnStringToCss( aApplied.shift() );
|
|
}, anHeadSizers );
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
_fnApplyToChildren( function(nSizer) {
|
|
nSizer.innerHTML = "";
|
|
nSizer.style.width = _fnStringToCss( aApplied.shift() );
|
|
}, anFootSizers );
|
|
}
|
|
|
|
/* Sanity check that the table is of a sensible width. If not then we are going to get
|
|
* misalignment - try to prevent this by not allowing the table to shrink below its min width
|
|
*/
|
|
if ( $(o.nTable).outerWidth() < iSanityWidth )
|
|
{
|
|
/* The min width depends upon if we have a vertical scrollbar visible or not */
|
|
var iCorrection = ((nScrollBody.scrollHeight > nScrollBody.offsetHeight ||
|
|
$(nScrollBody).css('overflow-y') == "scroll")) ?
|
|
iSanityWidth+o.oScroll.iBarWidth : iSanityWidth;
|
|
|
|
/* IE6/7 are a law unto themselves... */
|
|
if ( ie67 && (nScrollBody.scrollHeight >
|
|
nScrollBody.offsetHeight || $(nScrollBody).css('overflow-y') == "scroll") )
|
|
{
|
|
o.nTable.style.width = _fnStringToCss( iCorrection-o.oScroll.iBarWidth );
|
|
}
|
|
|
|
/* Apply the calculated minimum width to the table wrappers */
|
|
nScrollBody.style.width = _fnStringToCss( iCorrection );
|
|
nScrollHeadInner.parentNode.style.width = _fnStringToCss( iCorrection );
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
nScrollFootInner.parentNode.style.width = _fnStringToCss( iCorrection );
|
|
}
|
|
|
|
/* And give the user a warning that we've stopped the table getting too small */
|
|
if ( o.oScroll.sX === "" )
|
|
{
|
|
_fnLog( o, 1, "The table cannot fit into the current element which will cause column"+
|
|
" misalignment. The table has been drawn at its minimum possible width." );
|
|
}
|
|
else if ( o.oScroll.sXInner !== "" )
|
|
{
|
|
_fnLog( o, 1, "The table cannot fit into the current element which will cause column"+
|
|
" misalignment. Increase the sScrollXInner value or remove it to allow automatic"+
|
|
" calculation" );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
nScrollBody.style.width = _fnStringToCss( '100%' );
|
|
nScrollHeadInner.parentNode.style.width = _fnStringToCss( '100%' );
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
nScrollFootInner.parentNode.style.width = _fnStringToCss( '100%' );
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
* 4. Clean up
|
|
*/
|
|
if ( o.oScroll.sY === "" )
|
|
{
|
|
/* IE7< puts a vertical scrollbar in place (when it shouldn't be) due to subtracting
|
|
* the scrollbar height from the visible display, rather than adding it on. We need to
|
|
* set the height in order to sort this. Don't want to do it in any other browsers.
|
|
*/
|
|
if ( ie67 )
|
|
{
|
|
nScrollBody.style.height = _fnStringToCss( o.nTable.offsetHeight+o.oScroll.iBarWidth );
|
|
}
|
|
}
|
|
|
|
if ( o.oScroll.sY !== "" && o.oScroll.bCollapse )
|
|
{
|
|
nScrollBody.style.height = _fnStringToCss( o.oScroll.sY );
|
|
|
|
var iExtra = (o.oScroll.sX !== "" && o.nTable.offsetWidth > nScrollBody.offsetWidth) ?
|
|
o.oScroll.iBarWidth : 0;
|
|
if ( o.nTable.offsetHeight < nScrollBody.offsetHeight )
|
|
{
|
|
nScrollBody.style.height = _fnStringToCss( o.nTable.offsetHeight+iExtra );
|
|
}
|
|
}
|
|
|
|
/* Finally set the width's of the header and footer tables */
|
|
var iOuterWidth = $(o.nTable).outerWidth();
|
|
nScrollHeadTable.style.width = _fnStringToCss( iOuterWidth );
|
|
nScrollHeadInner.style.width = _fnStringToCss( iOuterWidth );
|
|
|
|
// Figure out if there are scrollbar present - if so then we need a the header and footer to
|
|
// provide a bit more space to allow "overflow" scrolling (i.e. past the scrollbar)
|
|
var bScrolling = $(o.nTable).height() > nScrollBody.clientHeight || $(nScrollBody).css('overflow-y') == "scroll";
|
|
nScrollHeadInner.style.paddingRight = bScrolling ? o.oScroll.iBarWidth+"px" : "0px";
|
|
|
|
if ( o.nTFoot !== null )
|
|
{
|
|
nScrollFootTable.style.width = _fnStringToCss( iOuterWidth );
|
|
nScrollFootInner.style.width = _fnStringToCss( iOuterWidth );
|
|
nScrollFootInner.style.paddingRight = bScrolling ? o.oScroll.iBarWidth+"px" : "0px";
|
|
}
|
|
|
|
/* Adjust the position of the header in case we loose the y-scrollbar */
|
|
$(nScrollBody).scroll();
|
|
|
|
/* If sorting or filtering has occurred, jump the scrolling back to the top */
|
|
if ( o.bSorted || o.bFiltered )
|
|
{
|
|
nScrollBody.scrollTop = 0;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Apply a given function to the display child nodes of an element array (typically
|
|
* TD children of TR rows
|
|
* @param {function} fn Method to apply to the objects
|
|
* @param array {nodes} an1 List of elements to look through for display children
|
|
* @param array {nodes} an2 Another list (identical structure to the first) - optional
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnApplyToChildren( fn, an1, an2 )
|
|
{
|
|
for ( var i=0, iLen=an1.length ; i<iLen ; i++ )
|
|
{
|
|
for ( var j=0, jLen=an1[i].childNodes.length ; j<jLen ; j++ )
|
|
{
|
|
if ( an1[i].childNodes[j].nodeType == 1 )
|
|
{
|
|
if ( an2 )
|
|
{
|
|
fn( an1[i].childNodes[j], an2[i].childNodes[j] );
|
|
}
|
|
else
|
|
{
|
|
fn( an1[i].childNodes[j] );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Convert a CSS unit width to pixels (e.g. 2em)
|
|
* @param {string} sWidth width to be converted
|
|
* @param {node} nParent parent to get the with for (required for relative widths) - optional
|
|
* @returns {int} iWidth width in pixels
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnConvertToWidth ( sWidth, nParent )
|
|
{
|
|
if ( !sWidth || sWidth === null || sWidth === '' )
|
|
{
|
|
return 0;
|
|
}
|
|
|
|
if ( !nParent )
|
|
{
|
|
nParent = document.getElementsByTagName('body')[0];
|
|
}
|
|
|
|
var iWidth;
|
|
var nTmp = document.createElement( "div" );
|
|
nTmp.style.width = _fnStringToCss( sWidth );
|
|
|
|
nParent.appendChild( nTmp );
|
|
iWidth = nTmp.offsetWidth;
|
|
nParent.removeChild( nTmp );
|
|
|
|
return ( iWidth );
|
|
}
|
|
|
|
|
|
/**
|
|
* Calculate the width of columns for the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnCalculateColumnWidths ( oSettings )
|
|
{
|
|
var iTableWidth = oSettings.nTable.offsetWidth;
|
|
var iUserInputs = 0;
|
|
var iTmpWidth;
|
|
var iVisibleColumns = 0;
|
|
var iColums = oSettings.aoColumns.length;
|
|
var i, iIndex, iCorrector, iWidth;
|
|
var oHeaders = $('th', oSettings.nTHead);
|
|
var widthAttr = oSettings.nTable.getAttribute('width');
|
|
|
|
/* Convert any user input sizes into pixel sizes */
|
|
for ( i=0 ; i<iColums ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bVisible )
|
|
{
|
|
iVisibleColumns++;
|
|
|
|
if ( oSettings.aoColumns[i].sWidth !== null )
|
|
{
|
|
iTmpWidth = _fnConvertToWidth( oSettings.aoColumns[i].sWidthOrig,
|
|
oSettings.nTable.parentNode );
|
|
if ( iTmpWidth !== null )
|
|
{
|
|
oSettings.aoColumns[i].sWidth = _fnStringToCss( iTmpWidth );
|
|
}
|
|
|
|
iUserInputs++;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* If the number of columns in the DOM equals the number that we have to process in
|
|
* DataTables, then we can use the offsets that are created by the web-browser. No custom
|
|
* sizes can be set in order for this to happen, nor scrolling used
|
|
*/
|
|
if ( iColums == oHeaders.length && iUserInputs === 0 && iVisibleColumns == iColums &&
|
|
oSettings.oScroll.sX === "" && oSettings.oScroll.sY === "" )
|
|
{
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
iTmpWidth = $(oHeaders[i]).width();
|
|
if ( iTmpWidth !== null )
|
|
{
|
|
oSettings.aoColumns[i].sWidth = _fnStringToCss( iTmpWidth );
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Otherwise we are going to have to do some calculations to get the width of each column.
|
|
* Construct a 1 row table with the widest node in the data, and any user defined widths,
|
|
* then insert it into the DOM and allow the browser to do all the hard work of
|
|
* calculating table widths.
|
|
*/
|
|
var
|
|
nCalcTmp = oSettings.nTable.cloneNode( false ),
|
|
nTheadClone = oSettings.nTHead.cloneNode(true),
|
|
nBody = document.createElement( 'tbody' ),
|
|
nTr = document.createElement( 'tr' ),
|
|
nDivSizing;
|
|
|
|
nCalcTmp.removeAttribute( "id" );
|
|
nCalcTmp.appendChild( nTheadClone );
|
|
if ( oSettings.nTFoot !== null )
|
|
{
|
|
nCalcTmp.appendChild( oSettings.nTFoot.cloneNode(true) );
|
|
_fnApplyToChildren( function(n) {
|
|
n.style.width = "";
|
|
}, nCalcTmp.getElementsByTagName('tr') );
|
|
}
|
|
|
|
nCalcTmp.appendChild( nBody );
|
|
nBody.appendChild( nTr );
|
|
|
|
/* Remove any sizing that was previously applied by the styles */
|
|
var jqColSizing = $('thead th', nCalcTmp);
|
|
if ( jqColSizing.length === 0 )
|
|
{
|
|
jqColSizing = $('tbody tr:eq(0)>td', nCalcTmp);
|
|
}
|
|
|
|
/* Apply custom sizing to the cloned header */
|
|
var nThs = _fnGetUniqueThs( oSettings, nTheadClone );
|
|
iCorrector = 0;
|
|
for ( i=0 ; i<iColums ; i++ )
|
|
{
|
|
var oColumn = oSettings.aoColumns[i];
|
|
if ( oColumn.bVisible && oColumn.sWidthOrig !== null && oColumn.sWidthOrig !== "" )
|
|
{
|
|
nThs[i-iCorrector].style.width = _fnStringToCss( oColumn.sWidthOrig );
|
|
}
|
|
else if ( oColumn.bVisible )
|
|
{
|
|
nThs[i-iCorrector].style.width = "";
|
|
}
|
|
else
|
|
{
|
|
iCorrector++;
|
|
}
|
|
}
|
|
|
|
/* Find the biggest td for each column and put it into the table */
|
|
for ( i=0 ; i<iColums ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bVisible )
|
|
{
|
|
var nTd = _fnGetWidestNode( oSettings, i );
|
|
if ( nTd !== null )
|
|
{
|
|
nTd = nTd.cloneNode(true);
|
|
if ( oSettings.aoColumns[i].sContentPadding !== "" )
|
|
{
|
|
nTd.innerHTML += oSettings.aoColumns[i].sContentPadding;
|
|
}
|
|
nTr.appendChild( nTd );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Build the table and 'display' it */
|
|
var nWrapper = oSettings.nTable.parentNode;
|
|
nWrapper.appendChild( nCalcTmp );
|
|
|
|
/* When scrolling (X or Y) we want to set the width of the table as appropriate. However,
|
|
* when not scrolling leave the table width as it is. This results in slightly different,
|
|
* but I think correct behaviour
|
|
*/
|
|
if ( oSettings.oScroll.sX !== "" && oSettings.oScroll.sXInner !== "" )
|
|
{
|
|
nCalcTmp.style.width = _fnStringToCss(oSettings.oScroll.sXInner);
|
|
}
|
|
else if ( oSettings.oScroll.sX !== "" )
|
|
{
|
|
nCalcTmp.style.width = "";
|
|
if ( $(nCalcTmp).width() < nWrapper.offsetWidth )
|
|
{
|
|
nCalcTmp.style.width = _fnStringToCss( nWrapper.offsetWidth );
|
|
}
|
|
}
|
|
else if ( oSettings.oScroll.sY !== "" )
|
|
{
|
|
nCalcTmp.style.width = _fnStringToCss( nWrapper.offsetWidth );
|
|
}
|
|
else if ( widthAttr )
|
|
{
|
|
nCalcTmp.style.width = _fnStringToCss( widthAttr );
|
|
}
|
|
nCalcTmp.style.visibility = "hidden";
|
|
|
|
/* Scrolling considerations */
|
|
_fnScrollingWidthAdjust( oSettings, nCalcTmp );
|
|
|
|
/* Read the width's calculated by the browser and store them for use by the caller. We
|
|
* first of all try to use the elements in the body, but it is possible that there are
|
|
* no elements there, under which circumstances we use the header elements
|
|
*/
|
|
var oNodes = $("tbody tr:eq(0)", nCalcTmp).children();
|
|
if ( oNodes.length === 0 )
|
|
{
|
|
oNodes = _fnGetUniqueThs( oSettings, $('thead', nCalcTmp)[0] );
|
|
}
|
|
|
|
/* Browsers need a bit of a hand when a width is assigned to any columns when
|
|
* x-scrolling as they tend to collapse the table to the min-width, even if
|
|
* we sent the column widths. So we need to keep track of what the table width
|
|
* should be by summing the user given values, and the automatic values
|
|
*/
|
|
if ( oSettings.oScroll.sX !== "" )
|
|
{
|
|
var iTotal = 0;
|
|
iCorrector = 0;
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bVisible )
|
|
{
|
|
if ( oSettings.aoColumns[i].sWidthOrig === null )
|
|
{
|
|
iTotal += $(oNodes[iCorrector]).outerWidth();
|
|
}
|
|
else
|
|
{
|
|
iTotal += parseInt(oSettings.aoColumns[i].sWidth.replace('px',''), 10) +
|
|
($(oNodes[iCorrector]).outerWidth() - $(oNodes[iCorrector]).width());
|
|
}
|
|
iCorrector++;
|
|
}
|
|
}
|
|
|
|
nCalcTmp.style.width = _fnStringToCss( iTotal );
|
|
oSettings.nTable.style.width = _fnStringToCss( iTotal );
|
|
}
|
|
|
|
iCorrector = 0;
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bVisible )
|
|
{
|
|
iWidth = $(oNodes[iCorrector]).width();
|
|
if ( iWidth !== null && iWidth > 0 )
|
|
{
|
|
oSettings.aoColumns[i].sWidth = _fnStringToCss( iWidth );
|
|
}
|
|
iCorrector++;
|
|
}
|
|
}
|
|
|
|
var cssWidth = $(nCalcTmp).css('width');
|
|
oSettings.nTable.style.width = (cssWidth.indexOf('%') !== -1) ?
|
|
cssWidth : _fnStringToCss( $(nCalcTmp).outerWidth() );
|
|
nCalcTmp.parentNode.removeChild( nCalcTmp );
|
|
}
|
|
|
|
if ( widthAttr )
|
|
{
|
|
oSettings.nTable.style.width = _fnStringToCss( widthAttr );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Adjust a table's width to take account of scrolling
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {node} n table node
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnScrollingWidthAdjust ( oSettings, n )
|
|
{
|
|
if ( oSettings.oScroll.sX === "" && oSettings.oScroll.sY !== "" )
|
|
{
|
|
/* When y-scrolling only, we want to remove the width of the scroll bar so the table
|
|
* + scroll bar will fit into the area avaialble.
|
|
*/
|
|
var iOrigWidth = $(n).width();
|
|
n.style.width = _fnStringToCss( $(n).outerWidth()-oSettings.oScroll.iBarWidth );
|
|
}
|
|
else if ( oSettings.oScroll.sX !== "" )
|
|
{
|
|
/* When x-scrolling both ways, fix the table at it's current size, without adjusting */
|
|
n.style.width = _fnStringToCss( $(n).outerWidth() );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the widest node
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iCol column of interest
|
|
* @returns {string} max string length for each column
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetWidestNode( oSettings, iCol )
|
|
{
|
|
var iMaxIndex = _fnGetMaxLenString( oSettings, iCol );
|
|
if ( iMaxIndex < 0 )
|
|
{
|
|
return null;
|
|
}
|
|
|
|
if ( oSettings.aoData[iMaxIndex].nTr === null )
|
|
{
|
|
var n = document.createElement('td');
|
|
n.innerHTML = _fnGetCellData( oSettings, iMaxIndex, iCol, '' );
|
|
return n;
|
|
}
|
|
return _fnGetTdNodes(oSettings, iMaxIndex)[iCol];
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the maximum strlen for each data column
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iCol column of interest
|
|
* @returns {string} max string length for each column
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetMaxLenString( oSettings, iCol )
|
|
{
|
|
var iMax = -1;
|
|
var iMaxIndex = -1;
|
|
|
|
for ( var i=0 ; i<oSettings.aoData.length ; i++ )
|
|
{
|
|
var s = _fnGetCellData( oSettings, i, iCol, 'display' )+"";
|
|
s = s.replace( /<.*?>/g, "" );
|
|
if ( s.length > iMax )
|
|
{
|
|
iMax = s.length;
|
|
iMaxIndex = i;
|
|
}
|
|
}
|
|
|
|
return iMaxIndex;
|
|
}
|
|
|
|
|
|
/**
|
|
* Append a CSS unit (only if required) to a string
|
|
* @param {array} aArray1 first array
|
|
* @param {array} aArray2 second array
|
|
* @returns {int} 0 if match, 1 if length is different, 2 if no match
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnStringToCss( s )
|
|
{
|
|
if ( s === null )
|
|
{
|
|
return "0px";
|
|
}
|
|
|
|
if ( typeof s == 'number' )
|
|
{
|
|
if ( s < 0 )
|
|
{
|
|
return "0px";
|
|
}
|
|
return s+"px";
|
|
}
|
|
|
|
/* Check if the last character is not 0-9 */
|
|
var c = s.charCodeAt( s.length-1 );
|
|
if (c < 0x30 || c > 0x39)
|
|
{
|
|
return s;
|
|
}
|
|
return s+"px";
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the width of a scroll bar in this browser being used
|
|
* @returns {int} width in pixels
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnScrollBarWidth ()
|
|
{
|
|
var inner = document.createElement('p');
|
|
var style = inner.style;
|
|
style.width = "100%";
|
|
style.height = "200px";
|
|
style.padding = "0px";
|
|
|
|
var outer = document.createElement('div');
|
|
style = outer.style;
|
|
style.position = "absolute";
|
|
style.top = "0px";
|
|
style.left = "0px";
|
|
style.visibility = "hidden";
|
|
style.width = "200px";
|
|
style.height = "150px";
|
|
style.padding = "0px";
|
|
style.overflow = "hidden";
|
|
outer.appendChild(inner);
|
|
|
|
document.body.appendChild(outer);
|
|
var w1 = inner.offsetWidth;
|
|
outer.style.overflow = 'scroll';
|
|
var w2 = inner.offsetWidth;
|
|
if ( w1 == w2 )
|
|
{
|
|
w2 = outer.clientWidth;
|
|
}
|
|
|
|
document.body.removeChild(outer);
|
|
return (w1 - w2);
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Change the order of the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {bool} bApplyClasses optional - should we apply classes or not
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSort ( oSettings, bApplyClasses )
|
|
{
|
|
var
|
|
i, iLen, j, jLen, k, kLen,
|
|
sDataType, nTh,
|
|
aaSort = [],
|
|
aiOrig = [],
|
|
oSort = DataTable.ext.oSort,
|
|
aoData = oSettings.aoData,
|
|
aoColumns = oSettings.aoColumns,
|
|
oAria = oSettings.oLanguage.oAria;
|
|
|
|
/* No sorting required if server-side or no sorting array */
|
|
if ( !oSettings.oFeatures.bServerSide &&
|
|
(oSettings.aaSorting.length !== 0 || oSettings.aaSortingFixed !== null) )
|
|
{
|
|
aaSort = ( oSettings.aaSortingFixed !== null ) ?
|
|
oSettings.aaSortingFixed.concat( oSettings.aaSorting ) :
|
|
oSettings.aaSorting.slice();
|
|
|
|
/* If there is a sorting data type, and a function belonging to it, then we need to
|
|
* get the data from the developer's function and apply it for this column
|
|
*/
|
|
for ( i=0 ; i<aaSort.length ; i++ )
|
|
{
|
|
var iColumn = aaSort[i][0];
|
|
var iVisColumn = _fnColumnIndexToVisible( oSettings, iColumn );
|
|
sDataType = oSettings.aoColumns[ iColumn ].sSortDataType;
|
|
if ( DataTable.ext.afnSortData[sDataType] )
|
|
{
|
|
var aData = DataTable.ext.afnSortData[sDataType].call(
|
|
oSettings.oInstance, oSettings, iColumn, iVisColumn
|
|
);
|
|
if ( aData.length === aoData.length )
|
|
{
|
|
for ( j=0, jLen=aoData.length ; j<jLen ; j++ )
|
|
{
|
|
_fnSetCellData( oSettings, j, iColumn, aData[j] );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
_fnLog( oSettings, 0, "Returned data sort array (col "+iColumn+") is the wrong length" );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Create a value - key array of the current row positions such that we can use their
|
|
* current position during the sort, if values match, in order to perform stable sorting
|
|
*/
|
|
for ( i=0, iLen=oSettings.aiDisplayMaster.length ; i<iLen ; i++ )
|
|
{
|
|
aiOrig[ oSettings.aiDisplayMaster[i] ] = i;
|
|
}
|
|
|
|
/* Build an internal data array which is specific to the sort, so we can get and prep
|
|
* the data to be sorted only once, rather than needing to do it every time the sorting
|
|
* function runs. This make the sorting function a very simple comparison
|
|
*/
|
|
var iSortLen = aaSort.length;
|
|
var fnSortFormat, aDataSort;
|
|
for ( i=0, iLen=aoData.length ; i<iLen ; i++ )
|
|
{
|
|
for ( j=0 ; j<iSortLen ; j++ )
|
|
{
|
|
aDataSort = aoColumns[ aaSort[j][0] ].aDataSort;
|
|
|
|
for ( k=0, kLen=aDataSort.length ; k<kLen ; k++ )
|
|
{
|
|
sDataType = aoColumns[ aDataSort[k] ].sType;
|
|
fnSortFormat = oSort[ (sDataType ? sDataType : 'string')+"-pre" ];
|
|
|
|
aoData[i]._aSortData[ aDataSort[k] ] = fnSortFormat ?
|
|
fnSortFormat( _fnGetCellData( oSettings, i, aDataSort[k], 'sort' ) ) :
|
|
_fnGetCellData( oSettings, i, aDataSort[k], 'sort' );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Do the sort - here we want multi-column sorting based on a given data source (column)
|
|
* and sorting function (from oSort) in a certain direction. It's reasonably complex to
|
|
* follow on it's own, but this is what we want (example two column sorting):
|
|
* fnLocalSorting = function(a,b){
|
|
* var iTest;
|
|
* iTest = oSort['string-asc']('data11', 'data12');
|
|
* if (iTest !== 0)
|
|
* return iTest;
|
|
* iTest = oSort['numeric-desc']('data21', 'data22');
|
|
* if (iTest !== 0)
|
|
* return iTest;
|
|
* return oSort['numeric-asc']( aiOrig[a], aiOrig[b] );
|
|
* }
|
|
* Basically we have a test for each sorting column, if the data in that column is equal,
|
|
* test the next column. If all columns match, then we use a numeric sort on the row
|
|
* positions in the original data array to provide a stable sort.
|
|
*/
|
|
oSettings.aiDisplayMaster.sort( function ( a, b ) {
|
|
var k, l, lLen, iTest, aDataSort, sDataType;
|
|
for ( k=0 ; k<iSortLen ; k++ )
|
|
{
|
|
aDataSort = aoColumns[ aaSort[k][0] ].aDataSort;
|
|
|
|
for ( l=0, lLen=aDataSort.length ; l<lLen ; l++ )
|
|
{
|
|
sDataType = aoColumns[ aDataSort[l] ].sType;
|
|
|
|
iTest = oSort[ (sDataType ? sDataType : 'string')+"-"+aaSort[k][1] ](
|
|
aoData[a]._aSortData[ aDataSort[l] ],
|
|
aoData[b]._aSortData[ aDataSort[l] ]
|
|
);
|
|
|
|
if ( iTest !== 0 )
|
|
{
|
|
return iTest;
|
|
}
|
|
}
|
|
}
|
|
|
|
return oSort['numeric-asc']( aiOrig[a], aiOrig[b] );
|
|
} );
|
|
}
|
|
|
|
/* Alter the sorting classes to take account of the changes */
|
|
if ( (bApplyClasses === undefined || bApplyClasses) && !oSettings.oFeatures.bDeferRender )
|
|
{
|
|
_fnSortingClasses( oSettings );
|
|
}
|
|
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
var sTitle = aoColumns[i].sTitle.replace( /<.*?>/g, "" );
|
|
nTh = aoColumns[i].nTh;
|
|
nTh.removeAttribute('aria-sort');
|
|
nTh.removeAttribute('aria-label');
|
|
|
|
/* In ARIA only the first sorting column can be marked as sorting - no multi-sort option */
|
|
if ( aoColumns[i].bSortable )
|
|
{
|
|
if ( aaSort.length > 0 && aaSort[0][0] == i )
|
|
{
|
|
nTh.setAttribute('aria-sort', aaSort[0][1]=="asc" ? "ascending" : "descending" );
|
|
|
|
var nextSort = (aoColumns[i].asSorting[ aaSort[0][2]+1 ]) ?
|
|
aoColumns[i].asSorting[ aaSort[0][2]+1 ] : aoColumns[i].asSorting[0];
|
|
nTh.setAttribute('aria-label', sTitle+
|
|
(nextSort=="asc" ? oAria.sSortAscending : oAria.sSortDescending) );
|
|
}
|
|
else
|
|
{
|
|
nTh.setAttribute('aria-label', sTitle+
|
|
(aoColumns[i].asSorting[0]=="asc" ? oAria.sSortAscending : oAria.sSortDescending) );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
nTh.setAttribute('aria-label', sTitle);
|
|
}
|
|
}
|
|
|
|
/* Tell the draw function that we have sorted the data */
|
|
oSettings.bSorted = true;
|
|
$(oSettings.oInstance).trigger('sort', oSettings);
|
|
|
|
/* Copy the master data into the draw array and re-draw */
|
|
if ( oSettings.oFeatures.bFilter )
|
|
{
|
|
/* _fnFilter() will redraw the table for us */
|
|
_fnFilterComplete( oSettings, oSettings.oPreviousSearch, 1 );
|
|
}
|
|
else
|
|
{
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
oSettings._iDisplayStart = 0; /* reset display back to page 0 */
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Attach a sort handler (click) to a node
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {node} nNode node to attach the handler to
|
|
* @param {int} iDataIndex column sorting index
|
|
* @param {function} [fnCallback] callback function
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSortAttachListener ( oSettings, nNode, iDataIndex, fnCallback )
|
|
{
|
|
_fnBindAction( nNode, {}, function (e) {
|
|
/* If the column is not sortable - don't to anything */
|
|
if ( oSettings.aoColumns[iDataIndex].bSortable === false )
|
|
{
|
|
return;
|
|
}
|
|
|
|
/*
|
|
* This is a little bit odd I admit... I declare a temporary function inside the scope of
|
|
* _fnBuildHead and the click handler in order that the code presented here can be used
|
|
* twice - once for when bProcessing is enabled, and another time for when it is
|
|
* disabled, as we need to perform slightly different actions.
|
|
* Basically the issue here is that the Javascript engine in modern browsers don't
|
|
* appear to allow the rendering engine to update the display while it is still executing
|
|
* it's thread (well - it does but only after long intervals). This means that the
|
|
* 'processing' display doesn't appear for a table sort. To break the js thread up a bit
|
|
* I force an execution break by using setTimeout - but this breaks the expected
|
|
* thread continuation for the end-developer's point of view (their code would execute
|
|
* too early), so we only do it when we absolutely have to.
|
|
*/
|
|
var fnInnerSorting = function () {
|
|
var iColumn, iNextSort;
|
|
|
|
/* If the shift key is pressed then we are multiple column sorting */
|
|
if ( e.shiftKey )
|
|
{
|
|
/* Are we already doing some kind of sort on this column? */
|
|
var bFound = false;
|
|
for ( var i=0 ; i<oSettings.aaSorting.length ; i++ )
|
|
{
|
|
if ( oSettings.aaSorting[i][0] == iDataIndex )
|
|
{
|
|
bFound = true;
|
|
iColumn = oSettings.aaSorting[i][0];
|
|
iNextSort = oSettings.aaSorting[i][2]+1;
|
|
|
|
if ( !oSettings.aoColumns[iColumn].asSorting[iNextSort] )
|
|
{
|
|
/* Reached the end of the sorting options, remove from multi-col sort */
|
|
oSettings.aaSorting.splice( i, 1 );
|
|
}
|
|
else
|
|
{
|
|
/* Move onto next sorting direction */
|
|
oSettings.aaSorting[i][1] = oSettings.aoColumns[iColumn].asSorting[iNextSort];
|
|
oSettings.aaSorting[i][2] = iNextSort;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
/* No sort yet - add it in */
|
|
if ( bFound === false )
|
|
{
|
|
oSettings.aaSorting.push( [ iDataIndex,
|
|
oSettings.aoColumns[iDataIndex].asSorting[0], 0 ] );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* If no shift key then single column sort */
|
|
if ( oSettings.aaSorting.length == 1 && oSettings.aaSorting[0][0] == iDataIndex )
|
|
{
|
|
iColumn = oSettings.aaSorting[0][0];
|
|
iNextSort = oSettings.aaSorting[0][2]+1;
|
|
if ( !oSettings.aoColumns[iColumn].asSorting[iNextSort] )
|
|
{
|
|
iNextSort = 0;
|
|
}
|
|
oSettings.aaSorting[0][1] = oSettings.aoColumns[iColumn].asSorting[iNextSort];
|
|
oSettings.aaSorting[0][2] = iNextSort;
|
|
}
|
|
else
|
|
{
|
|
oSettings.aaSorting.splice( 0, oSettings.aaSorting.length );
|
|
oSettings.aaSorting.push( [ iDataIndex,
|
|
oSettings.aoColumns[iDataIndex].asSorting[0], 0 ] );
|
|
}
|
|
}
|
|
|
|
/* Run the sort */
|
|
_fnSort( oSettings );
|
|
}; /* /fnInnerSorting */
|
|
|
|
if ( !oSettings.oFeatures.bProcessing )
|
|
{
|
|
fnInnerSorting();
|
|
}
|
|
else
|
|
{
|
|
_fnProcessingDisplay( oSettings, true );
|
|
setTimeout( function() {
|
|
fnInnerSorting();
|
|
if ( !oSettings.oFeatures.bServerSide )
|
|
{
|
|
_fnProcessingDisplay( oSettings, false );
|
|
}
|
|
}, 0 );
|
|
}
|
|
|
|
/* Call the user specified callback function - used for async user interaction */
|
|
if ( typeof fnCallback == 'function' )
|
|
{
|
|
fnCallback( oSettings );
|
|
}
|
|
} );
|
|
}
|
|
|
|
|
|
/**
|
|
* Set the sorting classes on the header, Note: it is safe to call this function
|
|
* when bSort and bSortClasses are false
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSortingClasses( oSettings )
|
|
{
|
|
var i, iLen, j, jLen, iFound;
|
|
var aaSort, sClass;
|
|
var iColumns = oSettings.aoColumns.length;
|
|
var oClasses = oSettings.oClasses;
|
|
|
|
for ( i=0 ; i<iColumns ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bSortable )
|
|
{
|
|
$(oSettings.aoColumns[i].nTh).removeClass( oClasses.sSortAsc +" "+ oClasses.sSortDesc +
|
|
" "+ oSettings.aoColumns[i].sSortingClass );
|
|
}
|
|
}
|
|
|
|
if ( oSettings.aaSortingFixed !== null )
|
|
{
|
|
aaSort = oSettings.aaSortingFixed.concat( oSettings.aaSorting );
|
|
}
|
|
else
|
|
{
|
|
aaSort = oSettings.aaSorting.slice();
|
|
}
|
|
|
|
/* Apply the required classes to the header */
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bSortable )
|
|
{
|
|
sClass = oSettings.aoColumns[i].sSortingClass;
|
|
iFound = -1;
|
|
for ( j=0 ; j<aaSort.length ; j++ )
|
|
{
|
|
if ( aaSort[j][0] == i )
|
|
{
|
|
sClass = ( aaSort[j][1] == "asc" ) ?
|
|
oClasses.sSortAsc : oClasses.sSortDesc;
|
|
iFound = j;
|
|
break;
|
|
}
|
|
}
|
|
$(oSettings.aoColumns[i].nTh).addClass( sClass );
|
|
|
|
if ( oSettings.bJUI )
|
|
{
|
|
/* jQuery UI uses extra markup */
|
|
var jqSpan = $("span."+oClasses.sSortIcon, oSettings.aoColumns[i].nTh);
|
|
jqSpan.removeClass(oClasses.sSortJUIAsc +" "+ oClasses.sSortJUIDesc +" "+
|
|
oClasses.sSortJUI +" "+ oClasses.sSortJUIAscAllowed +" "+ oClasses.sSortJUIDescAllowed );
|
|
|
|
var sSpanClass;
|
|
if ( iFound == -1 )
|
|
{
|
|
sSpanClass = oSettings.aoColumns[i].sSortingClassJUI;
|
|
}
|
|
else if ( aaSort[iFound][1] == "asc" )
|
|
{
|
|
sSpanClass = oClasses.sSortJUIAsc;
|
|
}
|
|
else
|
|
{
|
|
sSpanClass = oClasses.sSortJUIDesc;
|
|
}
|
|
|
|
jqSpan.addClass( sSpanClass );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* No sorting on this column, so add the base class. This will have been assigned by
|
|
* _fnAddColumn
|
|
*/
|
|
$(oSettings.aoColumns[i].nTh).addClass( oSettings.aoColumns[i].sSortingClass );
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Apply the required classes to the table body
|
|
* Note that this is given as a feature switch since it can significantly slow down a sort
|
|
* on large data sets (adding and removing of classes is always slow at the best of times..)
|
|
* Further to this, note that this code is admittedly fairly ugly. It could be made a lot
|
|
* simpler using jQuery selectors and add/removeClass, but that is significantly slower
|
|
* (on the order of 5 times slower) - hence the direct DOM manipulation here.
|
|
* Note that for deferred drawing we do use jQuery - the reason being that taking the first
|
|
* row found to see if the whole column needs processed can miss classes since the first
|
|
* column might be new.
|
|
*/
|
|
sClass = oClasses.sSortColumn;
|
|
|
|
if ( oSettings.oFeatures.bSort && oSettings.oFeatures.bSortClasses )
|
|
{
|
|
var nTds = _fnGetTdNodes( oSettings );
|
|
|
|
/* Remove the old classes */
|
|
if ( oSettings.oFeatures.bDeferRender )
|
|
{
|
|
$(nTds).removeClass(sClass+'1 '+sClass+'2 '+sClass+'3');
|
|
}
|
|
else if ( nTds.length >= iColumns )
|
|
{
|
|
for ( i=0 ; i<iColumns ; i++ )
|
|
{
|
|
if ( nTds[i].className.indexOf(sClass+"1") != -1 )
|
|
{
|
|
for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ )
|
|
{
|
|
nTds[(iColumns*j)+i].className =
|
|
$.trim( nTds[(iColumns*j)+i].className.replace( sClass+"1", "" ) );
|
|
}
|
|
}
|
|
else if ( nTds[i].className.indexOf(sClass+"2") != -1 )
|
|
{
|
|
for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ )
|
|
{
|
|
nTds[(iColumns*j)+i].className =
|
|
$.trim( nTds[(iColumns*j)+i].className.replace( sClass+"2", "" ) );
|
|
}
|
|
}
|
|
else if ( nTds[i].className.indexOf(sClass+"3") != -1 )
|
|
{
|
|
for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ )
|
|
{
|
|
nTds[(iColumns*j)+i].className =
|
|
$.trim( nTds[(iColumns*j)+i].className.replace( " "+sClass+"3", "" ) );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Add the new classes to the table */
|
|
var iClass = 1, iTargetCol;
|
|
for ( i=0 ; i<aaSort.length ; i++ )
|
|
{
|
|
iTargetCol = parseInt( aaSort[i][0], 10 );
|
|
for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ )
|
|
{
|
|
nTds[(iColumns*j)+iTargetCol].className += " "+sClass+iClass;
|
|
}
|
|
|
|
if ( iClass < 3 )
|
|
{
|
|
iClass++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Save the state of a table in a cookie such that the page can be reloaded
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSaveState ( oSettings )
|
|
{
|
|
if ( !oSettings.oFeatures.bStateSave || oSettings.bDestroying )
|
|
{
|
|
return;
|
|
}
|
|
|
|
/* Store the interesting variables */
|
|
var i, iLen, bInfinite=oSettings.oScroll.bInfinite;
|
|
var oState = {
|
|
"iCreate": new Date().getTime(),
|
|
"iStart": (bInfinite ? 0 : oSettings._iDisplayStart),
|
|
"iEnd": (bInfinite ? oSettings._iDisplayLength : oSettings._iDisplayEnd),
|
|
"iLength": oSettings._iDisplayLength,
|
|
"aaSorting": $.extend( true, [], oSettings.aaSorting ),
|
|
"oSearch": $.extend( true, {}, oSettings.oPreviousSearch ),
|
|
"aoSearchCols": $.extend( true, [], oSettings.aoPreSearchCols ),
|
|
"abVisCols": []
|
|
};
|
|
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
oState.abVisCols.push( oSettings.aoColumns[i].bVisible );
|
|
}
|
|
|
|
_fnCallbackFire( oSettings, "aoStateSaveParams", 'stateSaveParams', [oSettings, oState] );
|
|
|
|
oSettings.fnStateSave.call( oSettings.oInstance, oSettings, oState );
|
|
}
|
|
|
|
|
|
/**
|
|
* Attempt to load a saved table state from a cookie
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {object} oInit DataTables init object so we can override settings
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnLoadState ( oSettings, oInit )
|
|
{
|
|
if ( !oSettings.oFeatures.bStateSave )
|
|
{
|
|
return;
|
|
}
|
|
|
|
var oData = oSettings.fnStateLoad.call( oSettings.oInstance, oSettings );
|
|
if ( !oData )
|
|
{
|
|
return;
|
|
}
|
|
|
|
/* Allow custom and plug-in manipulation functions to alter the saved data set and
|
|
* cancelling of loading by returning false
|
|
*/
|
|
var abStateLoad = _fnCallbackFire( oSettings, 'aoStateLoadParams', 'stateLoadParams', [oSettings, oData] );
|
|
if ( $.inArray( false, abStateLoad ) !== -1 )
|
|
{
|
|
return;
|
|
}
|
|
|
|
/* Store the saved state so it might be accessed at any time */
|
|
oSettings.oLoadedState = $.extend( true, {}, oData );
|
|
|
|
/* Restore key features */
|
|
oSettings._iDisplayStart = oData.iStart;
|
|
oSettings.iInitDisplayStart = oData.iStart;
|
|
oSettings._iDisplayEnd = oData.iEnd;
|
|
oSettings._iDisplayLength = oData.iLength;
|
|
oSettings.aaSorting = oData.aaSorting.slice();
|
|
oSettings.saved_aaSorting = oData.aaSorting.slice();
|
|
|
|
/* Search filtering */
|
|
$.extend( oSettings.oPreviousSearch, oData.oSearch );
|
|
$.extend( true, oSettings.aoPreSearchCols, oData.aoSearchCols );
|
|
|
|
/* Column visibility state
|
|
* Pass back visibility settings to the init handler, but to do not here override
|
|
* the init object that the user might have passed in
|
|
*/
|
|
oInit.saved_aoColumns = [];
|
|
for ( var i=0 ; i<oData.abVisCols.length ; i++ )
|
|
{
|
|
oInit.saved_aoColumns[i] = {};
|
|
oInit.saved_aoColumns[i].bVisible = oData.abVisCols[i];
|
|
}
|
|
|
|
_fnCallbackFire( oSettings, 'aoStateLoaded', 'stateLoaded', [oSettings, oData] );
|
|
}
|
|
|
|
|
|
/**
|
|
* Create a new cookie with a value to store the state of a table
|
|
* @param {string} sName name of the cookie to create
|
|
* @param {string} sValue the value the cookie should take
|
|
* @param {int} iSecs duration of the cookie
|
|
* @param {string} sBaseName sName is made up of the base + file name - this is the base
|
|
* @param {function} fnCallback User definable function to modify the cookie
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnCreateCookie ( sName, sValue, iSecs, sBaseName, fnCallback )
|
|
{
|
|
var date = new Date();
|
|
date.setTime( date.getTime()+(iSecs*1000) );
|
|
|
|
/*
|
|
* Shocking but true - it would appear IE has major issues with having the path not having
|
|
* a trailing slash on it. We need the cookie to be available based on the path, so we
|
|
* have to append the file name to the cookie name. Appalling. Thanks to vex for adding the
|
|
* patch to use at least some of the path
|
|
*/
|
|
var aParts = window.location.pathname.split('/');
|
|
var sNameFile = sName + '_' + aParts.pop().replace(/[\/:]/g,"").toLowerCase();
|
|
var sFullCookie, oData;
|
|
|
|
if ( fnCallback !== null )
|
|
{
|
|
oData = (typeof $.parseJSON === 'function') ?
|
|
$.parseJSON( sValue ) : eval( '('+sValue+')' );
|
|
sFullCookie = fnCallback( sNameFile, oData, date.toGMTString(),
|
|
aParts.join('/')+"/" );
|
|
}
|
|
else
|
|
{
|
|
sFullCookie = sNameFile + "=" + encodeURIComponent(sValue) +
|
|
"; expires=" + date.toGMTString() +"; path=" + aParts.join('/')+"/";
|
|
}
|
|
|
|
/* Are we going to go over the cookie limit of 4KiB? If so, try to delete a cookies
|
|
* belonging to DataTables. This is FAR from bullet proof
|
|
*/
|
|
var sOldName="", iOldTime=9999999999999;
|
|
var iLength = _fnReadCookie( sNameFile )!==null ? document.cookie.length :
|
|
sFullCookie.length + document.cookie.length;
|
|
|
|
if ( iLength+10 > 4096 ) /* Magic 10 for padding */
|
|
{
|
|
var aCookies =document.cookie.split(';');
|
|
for ( var i=0, iLen=aCookies.length ; i<iLen ; i++ )
|
|
{
|
|
if ( aCookies[i].indexOf( sBaseName ) != -1 )
|
|
{
|
|
/* It's a DataTables cookie, so eval it and check the time stamp */
|
|
var aSplitCookie = aCookies[i].split('=');
|
|
try { oData = eval( '('+decodeURIComponent(aSplitCookie[1])+')' ); }
|
|
catch( e ) { continue; }
|
|
|
|
if ( oData.iCreate && oData.iCreate < iOldTime )
|
|
{
|
|
sOldName = aSplitCookie[0];
|
|
iOldTime = oData.iCreate;
|
|
}
|
|
}
|
|
}
|
|
|
|
if ( sOldName !== "" )
|
|
{
|
|
document.cookie = sOldName+"=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path="+
|
|
aParts.join('/') + "/";
|
|
}
|
|
}
|
|
|
|
document.cookie = sFullCookie;
|
|
}
|
|
|
|
|
|
/**
|
|
* Read an old cookie to get a cookie with an old table state
|
|
* @param {string} sName name of the cookie to read
|
|
* @returns {string} contents of the cookie - or null if no cookie with that name found
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnReadCookie ( sName )
|
|
{
|
|
var
|
|
aParts = window.location.pathname.split('/'),
|
|
sNameEQ = sName + '_' + aParts[aParts.length-1].replace(/[\/:]/g,"").toLowerCase() + '=',
|
|
sCookieContents = document.cookie.split(';');
|
|
|
|
for( var i=0 ; i<sCookieContents.length ; i++ )
|
|
{
|
|
var c = sCookieContents[i];
|
|
|
|
while (c.charAt(0)==' ')
|
|
{
|
|
c = c.substring(1,c.length);
|
|
}
|
|
|
|
if (c.indexOf(sNameEQ) === 0)
|
|
{
|
|
return decodeURIComponent( c.substring(sNameEQ.length,c.length) );
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Return the settings object for a particular table
|
|
* @param {node} nTable table we are using as a dataTable
|
|
* @returns {object} Settings object - or null if not found
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnSettingsFromNode ( nTable )
|
|
{
|
|
for ( var i=0 ; i<DataTable.settings.length ; i++ )
|
|
{
|
|
if ( DataTable.settings[i].nTable === nTable )
|
|
{
|
|
return DataTable.settings[i];
|
|
}
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
|
|
/**
|
|
* Return an array with the TR nodes for the table
|
|
* @param {object} oSettings dataTables settings object
|
|
* @returns {array} TR array
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetTrNodes ( oSettings )
|
|
{
|
|
var aNodes = [];
|
|
var aoData = oSettings.aoData;
|
|
for ( var i=0, iLen=aoData.length ; i<iLen ; i++ )
|
|
{
|
|
if ( aoData[i].nTr !== null )
|
|
{
|
|
aNodes.push( aoData[i].nTr );
|
|
}
|
|
}
|
|
return aNodes;
|
|
}
|
|
|
|
|
|
/**
|
|
* Return an flat array with all TD nodes for the table, or row
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} [iIndividualRow] aoData index to get the nodes for - optional
|
|
* if not given then the return array will contain all nodes for the table
|
|
* @returns {array} TD array
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnGetTdNodes ( oSettings, iIndividualRow )
|
|
{
|
|
var anReturn = [];
|
|
var iCorrector;
|
|
var anTds;
|
|
var iRow, iRows=oSettings.aoData.length,
|
|
iColumn, iColumns, oData, sNodeName, iStart=0, iEnd=iRows;
|
|
|
|
/* Allow the collection to be limited to just one row */
|
|
if ( iIndividualRow !== undefined )
|
|
{
|
|
iStart = iIndividualRow;
|
|
iEnd = iIndividualRow+1;
|
|
}
|
|
|
|
for ( iRow=iStart ; iRow<iEnd ; iRow++ )
|
|
{
|
|
oData = oSettings.aoData[iRow];
|
|
if ( oData.nTr !== null )
|
|
{
|
|
/* get the TD child nodes - taking into account text etc nodes */
|
|
anTds = [];
|
|
for ( iColumn=0, iColumns=oData.nTr.childNodes.length ; iColumn<iColumns ; iColumn++ )
|
|
{
|
|
sNodeName = oData.nTr.childNodes[iColumn].nodeName.toLowerCase();
|
|
if ( sNodeName == 'td' || sNodeName == 'th' )
|
|
{
|
|
anTds.push( oData.nTr.childNodes[iColumn] );
|
|
}
|
|
}
|
|
|
|
iCorrector = 0;
|
|
for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ )
|
|
{
|
|
if ( oSettings.aoColumns[iColumn].bVisible )
|
|
{
|
|
anReturn.push( anTds[iColumn-iCorrector] );
|
|
}
|
|
else
|
|
{
|
|
anReturn.push( oData._anHidden[iColumn] );
|
|
iCorrector++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return anReturn;
|
|
}
|
|
|
|
|
|
/**
|
|
* Log an error message
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {int} iLevel log error messages, or display them to the user
|
|
* @param {string} sMesg error message
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnLog( oSettings, iLevel, sMesg )
|
|
{
|
|
var sAlert = (oSettings===null) ?
|
|
"DataTables warning: "+sMesg :
|
|
"DataTables warning (table id = '"+oSettings.sTableId+"'): "+sMesg;
|
|
|
|
if ( iLevel === 0 )
|
|
{
|
|
if ( DataTable.ext.sErrMode == 'alert' )
|
|
{
|
|
alert( sAlert );
|
|
}
|
|
else
|
|
{
|
|
throw new Error(sAlert);
|
|
}
|
|
return;
|
|
}
|
|
else if ( window.console && console.log )
|
|
{
|
|
console.log( sAlert );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* See if a property is defined on one object, if so assign it to the other object
|
|
* @param {object} oRet target object
|
|
* @param {object} oSrc source object
|
|
* @param {string} sName property
|
|
* @param {string} [sMappedName] name to map too - optional, sName used if not given
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnMap( oRet, oSrc, sName, sMappedName )
|
|
{
|
|
if ( sMappedName === undefined )
|
|
{
|
|
sMappedName = sName;
|
|
}
|
|
if ( oSrc[sName] !== undefined )
|
|
{
|
|
oRet[sMappedName] = oSrc[sName];
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Extend objects - very similar to jQuery.extend, but deep copy objects, and shallow
|
|
* copy arrays. The reason we need to do this, is that we don't want to deep copy array
|
|
* init values (such as aaSorting) since the dev wouldn't be able to override them, but
|
|
* we do want to deep copy arrays.
|
|
* @param {object} oOut Object to extend
|
|
* @param {object} oExtender Object from which the properties will be applied to oOut
|
|
* @returns {object} oOut Reference, just for convenience - oOut === the return.
|
|
* @memberof DataTable#oApi
|
|
* @todo This doesn't take account of arrays inside the deep copied objects.
|
|
*/
|
|
function _fnExtend( oOut, oExtender )
|
|
{
|
|
var val;
|
|
|
|
for ( var prop in oExtender )
|
|
{
|
|
if ( oExtender.hasOwnProperty(prop) )
|
|
{
|
|
val = oExtender[prop];
|
|
|
|
if ( typeof oInit[prop] === 'object' && val !== null && $.isArray(val) === false )
|
|
{
|
|
$.extend( true, oOut[prop], val );
|
|
}
|
|
else
|
|
{
|
|
oOut[prop] = val;
|
|
}
|
|
}
|
|
}
|
|
|
|
return oOut;
|
|
}
|
|
|
|
|
|
/**
|
|
* Bind an event handers to allow a click or return key to activate the callback.
|
|
* This is good for accessibility since a return on the keyboard will have the
|
|
* same effect as a click, if the element has focus.
|
|
* @param {element} n Element to bind the action to
|
|
* @param {object} oData Data object to pass to the triggered function
|
|
* @param {function} fn Callback function for when the event is triggered
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnBindAction( n, oData, fn )
|
|
{
|
|
$(n)
|
|
.bind( 'click.DT', oData, function (e) {
|
|
n.blur(); // Remove focus outline for mouse users
|
|
fn(e);
|
|
} )
|
|
.bind( 'keypress.DT', oData, function (e){
|
|
if ( e.which === 13 ) {
|
|
fn(e);
|
|
} } )
|
|
.bind( 'selectstart.DT', function () {
|
|
/* Take the brutal approach to cancelling text selection */
|
|
return false;
|
|
} );
|
|
}
|
|
|
|
|
|
/**
|
|
* Register a callback function. Easily allows a callback function to be added to
|
|
* an array store of callback functions that can then all be called together.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {string} sStore Name of the array storage for the callbacks in oSettings
|
|
* @param {function} fn Function to be called back
|
|
* @param {string} sName Identifying name for the callback (i.e. a label)
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnCallbackReg( oSettings, sStore, fn, sName )
|
|
{
|
|
if ( fn )
|
|
{
|
|
oSettings[sStore].push( {
|
|
"fn": fn,
|
|
"sName": sName
|
|
} );
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Fire callback functions and trigger events. Note that the loop over the callback
|
|
* array store is done backwards! Further note that you do not want to fire off triggers
|
|
* in time sensitive applications (for example cell creation) as its slow.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @param {string} sStore Name of the array storage for the callbacks in oSettings
|
|
* @param {string} sTrigger Name of the jQuery custom event to trigger. If null no trigger
|
|
* is fired
|
|
* @param {array} aArgs Array of arguments to pass to the callback function / trigger
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnCallbackFire( oSettings, sStore, sTrigger, aArgs )
|
|
{
|
|
var aoStore = oSettings[sStore];
|
|
var aRet =[];
|
|
|
|
for ( var i=aoStore.length-1 ; i>=0 ; i-- )
|
|
{
|
|
aRet.push( aoStore[i].fn.apply( oSettings.oInstance, aArgs ) );
|
|
}
|
|
|
|
if ( sTrigger !== null )
|
|
{
|
|
$(oSettings.oInstance).trigger(sTrigger, aArgs);
|
|
}
|
|
|
|
return aRet;
|
|
}
|
|
|
|
|
|
/**
|
|
* JSON stringify. If JSON.stringify it provided by the browser, json2.js or any other
|
|
* library, then we use that as it is fast, safe and accurate. If the function isn't
|
|
* available then we need to built it ourselves - the inspiration for this function comes
|
|
* from Craig Buckler ( http://www.sitepoint.com/javascript-json-serialization/ ). It is
|
|
* not perfect and absolutely should not be used as a replacement to json2.js - but it does
|
|
* do what we need, without requiring a dependency for DataTables.
|
|
* @param {object} o JSON object to be converted
|
|
* @returns {string} JSON string
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
var _fnJsonString = (window.JSON) ? JSON.stringify : function( o )
|
|
{
|
|
/* Not an object or array */
|
|
var sType = typeof o;
|
|
if (sType !== "object" || o === null)
|
|
{
|
|
// simple data type
|
|
if (sType === "string")
|
|
{
|
|
o = '"'+o+'"';
|
|
}
|
|
return o+"";
|
|
}
|
|
|
|
/* If object or array, need to recurse over it */
|
|
var
|
|
sProp, mValue,
|
|
json = [],
|
|
bArr = $.isArray(o);
|
|
|
|
for (sProp in o)
|
|
{
|
|
mValue = o[sProp];
|
|
sType = typeof mValue;
|
|
|
|
if (sType === "string")
|
|
{
|
|
mValue = '"'+mValue+'"';
|
|
}
|
|
else if (sType === "object" && mValue !== null)
|
|
{
|
|
mValue = _fnJsonString(mValue);
|
|
}
|
|
|
|
json.push((bArr ? "" : '"'+sProp+'":') + mValue);
|
|
}
|
|
|
|
return (bArr ? "[" : "{") + json + (bArr ? "]" : "}");
|
|
};
|
|
|
|
|
|
/**
|
|
* From some browsers (specifically IE6/7) we need special handling to work around browser
|
|
* bugs - this function is used to detect when these workarounds are needed.
|
|
* @param {object} oSettings dataTables settings object
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnBrowserDetect( oSettings )
|
|
{
|
|
/* IE6/7 will oversize a width 100% element inside a scrolling element, to include the
|
|
* width of the scrollbar, while other browsers ensure the inner element is contained
|
|
* without forcing scrolling
|
|
*/
|
|
var n = $(
|
|
'<div style="position:absolute; top:0; left:0; height:1px; width:1px; overflow:hidden">'+
|
|
'<div style="position:absolute; top:1px; left:1px; width:100px; height:50px; overflow:scroll;">'+
|
|
'<div id="DT_BrowserTest" style="width:100%; height:10px;"></div>'+
|
|
'</div>'+
|
|
'</div>')[0];
|
|
|
|
document.body.appendChild( n );
|
|
oSettings.oBrowser.bScrollOversize = $('#DT_BrowserTest', n)[0].offsetWidth === 100 ? true : false;
|
|
document.body.removeChild( n );
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Perform a jQuery selector action on the table's TR elements (from the tbody) and
|
|
* return the resulting jQuery object.
|
|
* @param {string|node|jQuery} sSelector jQuery selector or node collection to act on
|
|
* @param {object} [oOpts] Optional parameters for modifying the rows to be included
|
|
* @param {string} [oOpts.filter=none] Select TR elements that meet the current filter
|
|
* criterion ("applied") or all TR elements (i.e. no filter).
|
|
* @param {string} [oOpts.order=current] Order of the TR elements in the processed array.
|
|
* Can be either 'current', whereby the current sorting of the table is used, or
|
|
* 'original' whereby the original order the data was read into the table is used.
|
|
* @param {string} [oOpts.page=all] Limit the selection to the currently displayed page
|
|
* ("current") or not ("all"). If 'current' is given, then order is assumed to be
|
|
* 'current' and filter is 'applied', regardless of what they might be given as.
|
|
* @returns {object} jQuery object, filtered by the given selector.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Highlight every second row
|
|
* oTable.$('tr:odd').css('backgroundColor', 'blue');
|
|
* } );
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Filter to rows with 'Webkit' in them, add a background colour and then
|
|
* // remove the filter, thus highlighting the 'Webkit' rows only.
|
|
* oTable.fnFilter('Webkit');
|
|
* oTable.$('tr', {"filter": "applied"}).css('backgroundColor', 'blue');
|
|
* oTable.fnFilter('');
|
|
* } );
|
|
*/
|
|
this.$ = function ( sSelector, oOpts )
|
|
{
|
|
var i, iLen, a = [], tr;
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var aoData = oSettings.aoData;
|
|
var aiDisplay = oSettings.aiDisplay;
|
|
var aiDisplayMaster = oSettings.aiDisplayMaster;
|
|
|
|
if ( !oOpts )
|
|
{
|
|
oOpts = {};
|
|
}
|
|
|
|
oOpts = $.extend( {}, {
|
|
"filter": "none", // applied
|
|
"order": "current", // "original"
|
|
"page": "all" // current
|
|
}, oOpts );
|
|
|
|
// Current page implies that order=current and fitler=applied, since it is fairly
|
|
// senseless otherwise
|
|
if ( oOpts.page == 'current' )
|
|
{
|
|
for ( i=oSettings._iDisplayStart, iLen=oSettings.fnDisplayEnd() ; i<iLen ; i++ )
|
|
{
|
|
tr = aoData[ aiDisplay[i] ].nTr;
|
|
if ( tr )
|
|
{
|
|
a.push( tr );
|
|
}
|
|
}
|
|
}
|
|
else if ( oOpts.order == "current" && oOpts.filter == "none" )
|
|
{
|
|
for ( i=0, iLen=aiDisplayMaster.length ; i<iLen ; i++ )
|
|
{
|
|
tr = aoData[ aiDisplayMaster[i] ].nTr;
|
|
if ( tr )
|
|
{
|
|
a.push( tr );
|
|
}
|
|
}
|
|
}
|
|
else if ( oOpts.order == "current" && oOpts.filter == "applied" )
|
|
{
|
|
for ( i=0, iLen=aiDisplay.length ; i<iLen ; i++ )
|
|
{
|
|
tr = aoData[ aiDisplay[i] ].nTr;
|
|
if ( tr )
|
|
{
|
|
a.push( tr );
|
|
}
|
|
}
|
|
}
|
|
else if ( oOpts.order == "original" && oOpts.filter == "none" )
|
|
{
|
|
for ( i=0, iLen=aoData.length ; i<iLen ; i++ )
|
|
{
|
|
tr = aoData[ i ].nTr ;
|
|
if ( tr )
|
|
{
|
|
a.push( tr );
|
|
}
|
|
}
|
|
}
|
|
else if ( oOpts.order == "original" && oOpts.filter == "applied" )
|
|
{
|
|
for ( i=0, iLen=aoData.length ; i<iLen ; i++ )
|
|
{
|
|
tr = aoData[ i ].nTr;
|
|
if ( $.inArray( i, aiDisplay ) !== -1 && tr )
|
|
{
|
|
a.push( tr );
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
_fnLog( oSettings, 1, "Unknown selection options" );
|
|
}
|
|
|
|
/* We need to filter on the TR elements and also 'find' in their descendants
|
|
* to make the selector act like it would in a full table - so we need
|
|
* to build both results and then combine them together
|
|
*/
|
|
var jqA = $(a);
|
|
var jqTRs = jqA.filter( sSelector );
|
|
var jqDescendants = jqA.find( sSelector );
|
|
|
|
return $( [].concat($.makeArray(jqTRs), $.makeArray(jqDescendants)) );
|
|
};
|
|
|
|
|
|
/**
|
|
* Almost identical to $ in operation, but in this case returns the data for the matched
|
|
* rows - as such, the jQuery selector used should match TR row nodes or TD/TH cell nodes
|
|
* rather than any descendants, so the data can be obtained for the row/cell. If matching
|
|
* rows are found, the data returned is the original data array/object that was used to
|
|
* create the row (or a generated array if from a DOM source).
|
|
*
|
|
* This method is often useful in-combination with $ where both functions are given the
|
|
* same parameters and the array indexes will match identically.
|
|
* @param {string|node|jQuery} sSelector jQuery selector or node collection to act on
|
|
* @param {object} [oOpts] Optional parameters for modifying the rows to be included
|
|
* @param {string} [oOpts.filter=none] Select elements that meet the current filter
|
|
* criterion ("applied") or all elements (i.e. no filter).
|
|
* @param {string} [oOpts.order=current] Order of the data in the processed array.
|
|
* Can be either 'current', whereby the current sorting of the table is used, or
|
|
* 'original' whereby the original order the data was read into the table is used.
|
|
* @param {string} [oOpts.page=all] Limit the selection to the currently displayed page
|
|
* ("current") or not ("all"). If 'current' is given, then order is assumed to be
|
|
* 'current' and filter is 'applied', regardless of what they might be given as.
|
|
* @returns {array} Data for the matched elements. If any elements, as a result of the
|
|
* selector, were not TR, TD or TH elements in the DataTable, they will have a null
|
|
* entry in the array.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Get the data from the first row in the table
|
|
* var data = oTable._('tr:first');
|
|
*
|
|
* // Do something useful with the data
|
|
* alert( "First cell is: "+data[0] );
|
|
* } );
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Filter to 'Webkit' and get all data for
|
|
* oTable.fnFilter('Webkit');
|
|
* var data = oTable._('tr', {"filter": "applied"});
|
|
*
|
|
* // Do something with the data
|
|
* alert( data.length+" rows matched the filter" );
|
|
* } );
|
|
*/
|
|
this._ = function ( sSelector, oOpts )
|
|
{
|
|
var aOut = [];
|
|
var i, iLen, iIndex;
|
|
var aTrs = this.$( sSelector, oOpts );
|
|
|
|
for ( i=0, iLen=aTrs.length ; i<iLen ; i++ )
|
|
{
|
|
aOut.push( this.fnGetData(aTrs[i]) );
|
|
}
|
|
|
|
return aOut;
|
|
};
|
|
|
|
|
|
/**
|
|
* Add a single new row or multiple rows of data to the table. Please note
|
|
* that this is suitable for client-side processing only - if you are using
|
|
* server-side processing (i.e. "bServerSide": true), then to add data, you
|
|
* must add it to the data source, i.e. the server-side, through an Ajax call.
|
|
* @param {array|object} mData The data to be added to the table. This can be:
|
|
* <ul>
|
|
* <li>1D array of data - add a single row with the data provided</li>
|
|
* <li>2D array of arrays - add multiple rows in a single call</li>
|
|
* <li>object - data object when using <i>mData</i></li>
|
|
* <li>array of objects - multiple data objects when using <i>mData</i></li>
|
|
* </ul>
|
|
* @param {bool} [bRedraw=true] redraw the table or not
|
|
* @returns {array} An array of integers, representing the list of indexes in
|
|
* <i>aoData</i> ({@link DataTable.models.oSettings}) that have been added to
|
|
* the table.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* // Global var for counter
|
|
* var giCount = 2;
|
|
*
|
|
* $(document).ready(function() {
|
|
* $('#example').dataTable();
|
|
* } );
|
|
*
|
|
* function fnClickAddRow() {
|
|
* $('#example').dataTable().fnAddData( [
|
|
* giCount+".1",
|
|
* giCount+".2",
|
|
* giCount+".3",
|
|
* giCount+".4" ]
|
|
* );
|
|
*
|
|
* giCount++;
|
|
* }
|
|
*/
|
|
this.fnAddData = function( mData, bRedraw )
|
|
{
|
|
if ( mData.length === 0 )
|
|
{
|
|
return [];
|
|
}
|
|
|
|
var aiReturn = [];
|
|
var iTest;
|
|
|
|
/* Find settings from table node */
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
|
|
/* Check if we want to add multiple rows or not */
|
|
if ( typeof mData[0] === "object" && mData[0] !== null )
|
|
{
|
|
for ( var i=0 ; i<mData.length ; i++ )
|
|
{
|
|
iTest = _fnAddData( oSettings, mData[i] );
|
|
if ( iTest == -1 )
|
|
{
|
|
return aiReturn;
|
|
}
|
|
aiReturn.push( iTest );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
iTest = _fnAddData( oSettings, mData );
|
|
if ( iTest == -1 )
|
|
{
|
|
return aiReturn;
|
|
}
|
|
aiReturn.push( iTest );
|
|
}
|
|
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
_fnReDraw( oSettings );
|
|
}
|
|
return aiReturn;
|
|
};
|
|
|
|
|
|
/**
|
|
* This function will make DataTables recalculate the column sizes, based on the data
|
|
* contained in the table and the sizes applied to the columns (in the DOM, CSS or
|
|
* through the sWidth parameter). This can be useful when the width of the table's
|
|
* parent element changes (for example a window resize).
|
|
* @param {boolean} [bRedraw=true] Redraw the table or not, you will typically want to
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "sScrollY": "200px",
|
|
* "bPaginate": false
|
|
* } );
|
|
*
|
|
* $(window).bind('resize', function () {
|
|
* oTable.fnAdjustColumnSizing();
|
|
* } );
|
|
* } );
|
|
*/
|
|
this.fnAdjustColumnSizing = function ( bRedraw )
|
|
{
|
|
var oSettings = _fnSettingsFromNode(this[DataTable.ext.iApiIndex]);
|
|
_fnAdjustColumnSizing( oSettings );
|
|
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
this.fnDraw( false );
|
|
}
|
|
else if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" )
|
|
{
|
|
/* If not redrawing, but scrolling, we want to apply the new column sizes anyway */
|
|
this.oApi._fnScrollDraw(oSettings);
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Quickly and simply clear a table
|
|
* @param {bool} [bRedraw=true] redraw the table or not
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Immediately 'nuke' the current rows (perhaps waiting for an Ajax callback...)
|
|
* oTable.fnClearTable();
|
|
* } );
|
|
*/
|
|
this.fnClearTable = function( bRedraw )
|
|
{
|
|
/* Find settings from table node */
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
_fnClearTable( oSettings );
|
|
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
_fnDraw( oSettings );
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* The exact opposite of 'opening' a row, this function will close any rows which
|
|
* are currently 'open'.
|
|
* @param {node} nTr the table row to 'close'
|
|
* @returns {int} 0 on success, or 1 if failed (can't find the row)
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable;
|
|
*
|
|
* // 'open' an information row when a row is clicked on
|
|
* $('#example tbody tr').click( function () {
|
|
* if ( oTable.fnIsOpen(this) ) {
|
|
* oTable.fnClose( this );
|
|
* } else {
|
|
* oTable.fnOpen( this, "Temporary row opened", "info_row" );
|
|
* }
|
|
* } );
|
|
*
|
|
* oTable = $('#example').dataTable();
|
|
* } );
|
|
*/
|
|
this.fnClose = function( nTr )
|
|
{
|
|
/* Find settings from table node */
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
|
|
for ( var i=0 ; i<oSettings.aoOpenRows.length ; i++ )
|
|
{
|
|
if ( oSettings.aoOpenRows[i].nParent == nTr )
|
|
{
|
|
var nTrParent = oSettings.aoOpenRows[i].nTr.parentNode;
|
|
if ( nTrParent )
|
|
{
|
|
/* Remove it if it is currently on display */
|
|
nTrParent.removeChild( oSettings.aoOpenRows[i].nTr );
|
|
}
|
|
oSettings.aoOpenRows.splice( i, 1 );
|
|
return 0;
|
|
}
|
|
}
|
|
return 1;
|
|
};
|
|
|
|
|
|
/**
|
|
* Remove a row for the table
|
|
* @param {mixed} mTarget The index of the row from aoData to be deleted, or
|
|
* the TR element you want to delete
|
|
* @param {function|null} [fnCallBack] Callback function
|
|
* @param {bool} [bRedraw=true] Redraw the table or not
|
|
* @returns {array} The row that was deleted
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Immediately remove the first row
|
|
* oTable.fnDeleteRow( 0 );
|
|
* } );
|
|
*/
|
|
this.fnDeleteRow = function( mTarget, fnCallBack, bRedraw )
|
|
{
|
|
/* Find settings from table node */
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var i, iLen, iAODataIndex;
|
|
|
|
iAODataIndex = (typeof mTarget === 'object') ?
|
|
_fnNodeToDataIndex(oSettings, mTarget) : mTarget;
|
|
|
|
/* Return the data array from this row */
|
|
var oData = oSettings.aoData.splice( iAODataIndex, 1 );
|
|
|
|
/* Update the _DT_RowIndex parameter */
|
|
for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ )
|
|
{
|
|
if ( oSettings.aoData[i].nTr !== null )
|
|
{
|
|
oSettings.aoData[i].nTr._DT_RowIndex = i;
|
|
}
|
|
}
|
|
|
|
/* Remove the target row from the search array */
|
|
var iDisplayIndex = $.inArray( iAODataIndex, oSettings.aiDisplay );
|
|
oSettings.asDataSearch.splice( iDisplayIndex, 1 );
|
|
|
|
/* Delete from the display arrays */
|
|
_fnDeleteIndex( oSettings.aiDisplayMaster, iAODataIndex );
|
|
_fnDeleteIndex( oSettings.aiDisplay, iAODataIndex );
|
|
|
|
/* If there is a user callback function - call it */
|
|
if ( typeof fnCallBack === "function" )
|
|
{
|
|
fnCallBack.call( this, oSettings, oData );
|
|
}
|
|
|
|
/* Check for an 'overflow' they case for displaying the table */
|
|
if ( oSettings._iDisplayStart >= oSettings.fnRecordsDisplay() )
|
|
{
|
|
oSettings._iDisplayStart -= oSettings._iDisplayLength;
|
|
if ( oSettings._iDisplayStart < 0 )
|
|
{
|
|
oSettings._iDisplayStart = 0;
|
|
}
|
|
}
|
|
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
|
|
return oData;
|
|
};
|
|
|
|
|
|
/**
|
|
* Restore the table to it's original state in the DOM by removing all of DataTables
|
|
* enhancements, alterations to the DOM structure of the table and event listeners.
|
|
* @param {boolean} [bRemove=false] Completely remove the table from the DOM
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* // This example is fairly pointless in reality, but shows how fnDestroy can be used
|
|
* var oTable = $('#example').dataTable();
|
|
* oTable.fnDestroy();
|
|
* } );
|
|
*/
|
|
this.fnDestroy = function ( bRemove )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var nOrig = oSettings.nTableWrapper.parentNode;
|
|
var nBody = oSettings.nTBody;
|
|
var i, iLen;
|
|
|
|
bRemove = (bRemove===undefined) ? false : true;
|
|
|
|
/* Flag to note that the table is currently being destroyed - no action should be taken */
|
|
oSettings.bDestroying = true;
|
|
|
|
/* Fire off the destroy callbacks for plug-ins etc */
|
|
_fnCallbackFire( oSettings, "aoDestroyCallback", "destroy", [oSettings] );
|
|
|
|
/* Restore hidden columns */
|
|
for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
|
|
{
|
|
if ( oSettings.aoColumns[i].bVisible === false )
|
|
{
|
|
this.fnSetColumnVis( i, true );
|
|
}
|
|
}
|
|
|
|
/* Blitz all DT events */
|
|
$(oSettings.nTableWrapper).find('*').andSelf().unbind('.DT');
|
|
|
|
/* If there is an 'empty' indicator row, remove it */
|
|
$('tbody>tr>td.'+oSettings.oClasses.sRowEmpty, oSettings.nTable).parent().remove();
|
|
|
|
/* When scrolling we had to break the table up - restore it */
|
|
if ( oSettings.nTable != oSettings.nTHead.parentNode )
|
|
{
|
|
$(oSettings.nTable).children('thead').remove();
|
|
oSettings.nTable.appendChild( oSettings.nTHead );
|
|
}
|
|
|
|
if ( oSettings.nTFoot && oSettings.nTable != oSettings.nTFoot.parentNode )
|
|
{
|
|
$(oSettings.nTable).children('tfoot').remove();
|
|
oSettings.nTable.appendChild( oSettings.nTFoot );
|
|
}
|
|
|
|
/* Remove the DataTables generated nodes, events and classes */
|
|
oSettings.nTable.parentNode.removeChild( oSettings.nTable );
|
|
$(oSettings.nTableWrapper).remove();
|
|
|
|
oSettings.aaSorting = [];
|
|
oSettings.aaSortingFixed = [];
|
|
_fnSortingClasses( oSettings );
|
|
|
|
$(_fnGetTrNodes( oSettings )).removeClass( oSettings.asStripeClasses.join(' ') );
|
|
|
|
$('th, td', oSettings.nTHead).removeClass( [
|
|
oSettings.oClasses.sSortable,
|
|
oSettings.oClasses.sSortableAsc,
|
|
oSettings.oClasses.sSortableDesc,
|
|
oSettings.oClasses.sSortableNone ].join(' ')
|
|
);
|
|
if ( oSettings.bJUI )
|
|
{
|
|
$('th span.'+oSettings.oClasses.sSortIcon
|
|
+ ', td span.'+oSettings.oClasses.sSortIcon, oSettings.nTHead).remove();
|
|
|
|
$('th, td', oSettings.nTHead).each( function () {
|
|
var jqWrapper = $('div.'+oSettings.oClasses.sSortJUIWrapper, this);
|
|
var kids = jqWrapper.contents();
|
|
$(this).append( kids );
|
|
jqWrapper.remove();
|
|
} );
|
|
}
|
|
|
|
/* Add the TR elements back into the table in their original order */
|
|
if ( !bRemove && oSettings.nTableReinsertBefore )
|
|
{
|
|
nOrig.insertBefore( oSettings.nTable, oSettings.nTableReinsertBefore );
|
|
}
|
|
else if ( !bRemove )
|
|
{
|
|
nOrig.appendChild( oSettings.nTable );
|
|
}
|
|
|
|
for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ )
|
|
{
|
|
if ( oSettings.aoData[i].nTr !== null )
|
|
{
|
|
nBody.appendChild( oSettings.aoData[i].nTr );
|
|
}
|
|
}
|
|
|
|
/* Restore the width of the original table */
|
|
if ( oSettings.oFeatures.bAutoWidth === true )
|
|
{
|
|
oSettings.nTable.style.width = _fnStringToCss(oSettings.sDestroyWidth);
|
|
}
|
|
|
|
/* If the were originally odd/even type classes - then we add them back here. Note
|
|
* this is not fool proof (for example if not all rows as odd/even classes - but
|
|
* it's a good effort without getting carried away
|
|
*/
|
|
$(nBody).children('tr:even').addClass( oSettings.asDestroyStripes[0] );
|
|
$(nBody).children('tr:odd').addClass( oSettings.asDestroyStripes[1] );
|
|
|
|
/* Remove the settings object from the settings array */
|
|
for ( i=0, iLen=DataTable.settings.length ; i<iLen ; i++ )
|
|
{
|
|
if ( DataTable.settings[i] == oSettings )
|
|
{
|
|
DataTable.settings.splice( i, 1 );
|
|
}
|
|
}
|
|
|
|
/* End it all */
|
|
oSettings = null;
|
|
};
|
|
|
|
|
|
/**
|
|
* Redraw the table
|
|
* @param {bool} [bComplete=true] Re-filter and resort (if enabled) the table before the draw.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Re-draw the table - you wouldn't want to do it here, but it's an example :-)
|
|
* oTable.fnDraw();
|
|
* } );
|
|
*/
|
|
this.fnDraw = function( bComplete )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
if ( bComplete === false )
|
|
{
|
|
_fnCalculateEnd( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
else
|
|
{
|
|
_fnReDraw( oSettings );
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Filter the input based on data
|
|
* @param {string} sInput String to filter the table on
|
|
* @param {int|null} [iColumn] Column to limit filtering to
|
|
* @param {bool} [bRegex=false] Treat as regular expression or not
|
|
* @param {bool} [bSmart=true] Perform smart filtering or not
|
|
* @param {bool} [bShowGlobal=true] Show the input global filter in it's input box(es)
|
|
* @param {bool} [bCaseInsensitive=true] Do case-insensitive matching (true) or not (false)
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Sometime later - filter...
|
|
* oTable.fnFilter( 'test string' );
|
|
* } );
|
|
*/
|
|
this.fnFilter = function( sInput, iColumn, bRegex, bSmart, bShowGlobal, bCaseInsensitive )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
|
|
if ( !oSettings.oFeatures.bFilter )
|
|
{
|
|
return;
|
|
}
|
|
|
|
if ( bRegex === undefined || bRegex === null )
|
|
{
|
|
bRegex = false;
|
|
}
|
|
|
|
if ( bSmart === undefined || bSmart === null )
|
|
{
|
|
bSmart = true;
|
|
}
|
|
|
|
if ( bShowGlobal === undefined || bShowGlobal === null )
|
|
{
|
|
bShowGlobal = true;
|
|
}
|
|
|
|
if ( bCaseInsensitive === undefined || bCaseInsensitive === null )
|
|
{
|
|
bCaseInsensitive = true;
|
|
}
|
|
|
|
if ( iColumn === undefined || iColumn === null )
|
|
{
|
|
/* Global filter */
|
|
_fnFilterComplete( oSettings, {
|
|
"sSearch":sInput+"",
|
|
"bRegex": bRegex,
|
|
"bSmart": bSmart,
|
|
"bCaseInsensitive": bCaseInsensitive
|
|
}, 1 );
|
|
|
|
if ( bShowGlobal && oSettings.aanFeatures.f )
|
|
{
|
|
var n = oSettings.aanFeatures.f;
|
|
for ( var i=0, iLen=n.length ; i<iLen ; i++ )
|
|
{
|
|
$(n[i]._DT_Input).val( sInput );
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Single column filter */
|
|
$.extend( oSettings.aoPreSearchCols[ iColumn ], {
|
|
"sSearch": sInput+"",
|
|
"bRegex": bRegex,
|
|
"bSmart": bSmart,
|
|
"bCaseInsensitive": bCaseInsensitive
|
|
} );
|
|
_fnFilterComplete( oSettings, oSettings.oPreviousSearch, 1 );
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Get the data for the whole table, an individual row or an individual cell based on the
|
|
* provided parameters.
|
|
* @param {int|node} [mRow] A TR row node, TD/TH cell node or an integer. If given as
|
|
* a TR node then the data source for the whole row will be returned. If given as a
|
|
* TD/TH cell node then iCol will be automatically calculated and the data for the
|
|
* cell returned. If given as an integer, then this is treated as the aoData internal
|
|
* data index for the row (see fnGetPosition) and the data for that row used.
|
|
* @param {int} [iCol] Optional column index that you want the data of.
|
|
* @returns {array|object|string} If mRow is undefined, then the data for all rows is
|
|
* returned. If mRow is defined, just data for that row, and is iCol is
|
|
* defined, only data for the designated cell is returned.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* // Row data
|
|
* $(document).ready(function() {
|
|
* oTable = $('#example').dataTable();
|
|
*
|
|
* oTable.$('tr').click( function () {
|
|
* var data = oTable.fnGetData( this );
|
|
* // ... do something with the array / object of data for the row
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Individual cell data
|
|
* $(document).ready(function() {
|
|
* oTable = $('#example').dataTable();
|
|
*
|
|
* oTable.$('td').click( function () {
|
|
* var sData = oTable.fnGetData( this );
|
|
* alert( 'The cell clicked on had the value of '+sData );
|
|
* } );
|
|
* } );
|
|
*/
|
|
this.fnGetData = function( mRow, iCol )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
|
|
if ( mRow !== undefined )
|
|
{
|
|
var iRow = mRow;
|
|
if ( typeof mRow === 'object' )
|
|
{
|
|
var sNode = mRow.nodeName.toLowerCase();
|
|
if (sNode === "tr" )
|
|
{
|
|
iRow = _fnNodeToDataIndex(oSettings, mRow);
|
|
}
|
|
else if ( sNode === "td" )
|
|
{
|
|
iRow = _fnNodeToDataIndex(oSettings, mRow.parentNode);
|
|
iCol = _fnNodeToColumnIndex( oSettings, iRow, mRow );
|
|
}
|
|
}
|
|
|
|
if ( iCol !== undefined )
|
|
{
|
|
return _fnGetCellData( oSettings, iRow, iCol, '' );
|
|
}
|
|
return (oSettings.aoData[iRow]!==undefined) ?
|
|
oSettings.aoData[iRow]._aData : null;
|
|
}
|
|
return _fnGetDataMaster( oSettings );
|
|
};
|
|
|
|
|
|
/**
|
|
* Get an array of the TR nodes that are used in the table's body. Note that you will
|
|
* typically want to use the '$' API method in preference to this as it is more
|
|
* flexible.
|
|
* @param {int} [iRow] Optional row index for the TR element you want
|
|
* @returns {array|node} If iRow is undefined, returns an array of all TR elements
|
|
* in the table's body, or iRow is defined, just the TR element requested.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Get the nodes from the table
|
|
* var nNodes = oTable.fnGetNodes( );
|
|
* } );
|
|
*/
|
|
this.fnGetNodes = function( iRow )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
|
|
if ( iRow !== undefined ) {
|
|
return (oSettings.aoData[iRow]!==undefined) ?
|
|
oSettings.aoData[iRow].nTr : null;
|
|
}
|
|
return _fnGetTrNodes( oSettings );
|
|
};
|
|
|
|
|
|
/**
|
|
* Get the array indexes of a particular cell from it's DOM element
|
|
* and column index including hidden columns
|
|
* @param {node} nNode this can either be a TR, TD or TH in the table's body
|
|
* @returns {int} If nNode is given as a TR, then a single index is returned, or
|
|
* if given as a cell, an array of [row index, column index (visible)] is given.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* $('#example tbody td').click( function () {
|
|
* // Get the position of the current data from the node
|
|
* var aPos = oTable.fnGetPosition( this );
|
|
*
|
|
* // Get the data array for this row
|
|
* var aData = oTable.fnGetData( aPos[0] );
|
|
*
|
|
* // Update the data array and return the value
|
|
* aData[ aPos[1] ] = 'clicked';
|
|
* this.innerHTML = 'clicked';
|
|
* } );
|
|
*
|
|
* // Init DataTables
|
|
* oTable = $('#example').dataTable();
|
|
* } );
|
|
*/
|
|
this.fnGetPosition = function( nNode )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var sNodeName = nNode.nodeName.toUpperCase();
|
|
|
|
if ( sNodeName == "TR" )
|
|
{
|
|
return _fnNodeToDataIndex(oSettings, nNode);
|
|
}
|
|
else if ( sNodeName == "TD" || sNodeName == "TH" )
|
|
{
|
|
var iDataIndex = _fnNodeToDataIndex( oSettings, nNode.parentNode );
|
|
var iColumnIndex = _fnNodeToColumnIndex( oSettings, iDataIndex, nNode );
|
|
return [ iDataIndex, _fnColumnIndexToVisible(oSettings, iColumnIndex ), iColumnIndex ];
|
|
}
|
|
return null;
|
|
};
|
|
|
|
|
|
/**
|
|
* Check to see if a row is 'open' or not.
|
|
* @param {node} nTr the table row to check
|
|
* @returns {boolean} true if the row is currently open, false otherwise
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable;
|
|
*
|
|
* // 'open' an information row when a row is clicked on
|
|
* $('#example tbody tr').click( function () {
|
|
* if ( oTable.fnIsOpen(this) ) {
|
|
* oTable.fnClose( this );
|
|
* } else {
|
|
* oTable.fnOpen( this, "Temporary row opened", "info_row" );
|
|
* }
|
|
* } );
|
|
*
|
|
* oTable = $('#example').dataTable();
|
|
* } );
|
|
*/
|
|
this.fnIsOpen = function( nTr )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var aoOpenRows = oSettings.aoOpenRows;
|
|
|
|
for ( var i=0 ; i<oSettings.aoOpenRows.length ; i++ )
|
|
{
|
|
if ( oSettings.aoOpenRows[i].nParent == nTr )
|
|
{
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
|
|
/**
|
|
* This function will place a new row directly after a row which is currently
|
|
* on display on the page, with the HTML contents that is passed into the
|
|
* function. This can be used, for example, to ask for confirmation that a
|
|
* particular record should be deleted.
|
|
* @param {node} nTr The table row to 'open'
|
|
* @param {string|node|jQuery} mHtml The HTML to put into the row
|
|
* @param {string} sClass Class to give the new TD cell
|
|
* @returns {node} The row opened. Note that if the table row passed in as the
|
|
* first parameter, is not found in the table, this method will silently
|
|
* return.
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable;
|
|
*
|
|
* // 'open' an information row when a row is clicked on
|
|
* $('#example tbody tr').click( function () {
|
|
* if ( oTable.fnIsOpen(this) ) {
|
|
* oTable.fnClose( this );
|
|
* } else {
|
|
* oTable.fnOpen( this, "Temporary row opened", "info_row" );
|
|
* }
|
|
* } );
|
|
*
|
|
* oTable = $('#example').dataTable();
|
|
* } );
|
|
*/
|
|
this.fnOpen = function( nTr, mHtml, sClass )
|
|
{
|
|
/* Find settings from table node */
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
|
|
/* Check that the row given is in the table */
|
|
var nTableRows = _fnGetTrNodes( oSettings );
|
|
if ( $.inArray(nTr, nTableRows) === -1 )
|
|
{
|
|
return;
|
|
}
|
|
|
|
/* the old open one if there is one */
|
|
this.fnClose( nTr );
|
|
|
|
var nNewRow = document.createElement("tr");
|
|
var nNewCell = document.createElement("td");
|
|
nNewRow.appendChild( nNewCell );
|
|
nNewCell.className = sClass;
|
|
nNewCell.colSpan = _fnVisbleColumns( oSettings );
|
|
|
|
if (typeof mHtml === "string")
|
|
{
|
|
nNewCell.innerHTML = mHtml;
|
|
}
|
|
else
|
|
{
|
|
$(nNewCell).html( mHtml );
|
|
}
|
|
|
|
/* If the nTr isn't on the page at the moment - then we don't insert at the moment */
|
|
var nTrs = $('tr', oSettings.nTBody);
|
|
if ( $.inArray(nTr, nTrs) != -1 )
|
|
{
|
|
$(nNewRow).insertAfter(nTr);
|
|
}
|
|
|
|
oSettings.aoOpenRows.push( {
|
|
"nTr": nNewRow,
|
|
"nParent": nTr
|
|
} );
|
|
|
|
return nNewRow;
|
|
};
|
|
|
|
|
|
/**
|
|
* Change the pagination - provides the internal logic for pagination in a simple API
|
|
* function. With this function you can have a DataTables table go to the next,
|
|
* previous, first or last pages.
|
|
* @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last"
|
|
* or page number to jump to (integer), note that page 0 is the first page.
|
|
* @param {bool} [bRedraw=true] Redraw the table or not
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
* oTable.fnPageChange( 'next' );
|
|
* } );
|
|
*/
|
|
this.fnPageChange = function ( mAction, bRedraw )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
_fnPageChange( oSettings, mAction );
|
|
_fnCalculateEnd( oSettings );
|
|
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
_fnDraw( oSettings );
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Show a particular column
|
|
* @param {int} iCol The column whose display should be changed
|
|
* @param {bool} bShow Show (true) or hide (false) the column
|
|
* @param {bool} [bRedraw=true] Redraw the table or not
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Hide the second column after initialisation
|
|
* oTable.fnSetColumnVis( 1, false );
|
|
* } );
|
|
*/
|
|
this.fnSetColumnVis = function ( iCol, bShow, bRedraw )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var i, iLen;
|
|
var aoColumns = oSettings.aoColumns;
|
|
var aoData = oSettings.aoData;
|
|
var nTd, bAppend, iBefore;
|
|
|
|
/* No point in doing anything if we are requesting what is already true */
|
|
if ( aoColumns[iCol].bVisible == bShow )
|
|
{
|
|
return;
|
|
}
|
|
|
|
/* Show the column */
|
|
if ( bShow )
|
|
{
|
|
var iInsert = 0;
|
|
for ( i=0 ; i<iCol ; i++ )
|
|
{
|
|
if ( aoColumns[i].bVisible )
|
|
{
|
|
iInsert++;
|
|
}
|
|
}
|
|
|
|
/* Need to decide if we should use appendChild or insertBefore */
|
|
bAppend = (iInsert >= _fnVisbleColumns( oSettings ));
|
|
|
|
/* Which coloumn should we be inserting before? */
|
|
if ( !bAppend )
|
|
{
|
|
for ( i=iCol ; i<aoColumns.length ; i++ )
|
|
{
|
|
if ( aoColumns[i].bVisible )
|
|
{
|
|
iBefore = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
for ( i=0, iLen=aoData.length ; i<iLen ; i++ )
|
|
{
|
|
if ( aoData[i].nTr !== null )
|
|
{
|
|
if ( bAppend )
|
|
{
|
|
aoData[i].nTr.appendChild(
|
|
aoData[i]._anHidden[iCol]
|
|
);
|
|
}
|
|
else
|
|
{
|
|
aoData[i].nTr.insertBefore(
|
|
aoData[i]._anHidden[iCol],
|
|
_fnGetTdNodes( oSettings, i )[iBefore] );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Remove a column from display */
|
|
for ( i=0, iLen=aoData.length ; i<iLen ; i++ )
|
|
{
|
|
if ( aoData[i].nTr !== null )
|
|
{
|
|
nTd = _fnGetTdNodes( oSettings, i )[iCol];
|
|
aoData[i]._anHidden[iCol] = nTd;
|
|
nTd.parentNode.removeChild( nTd );
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Clear to set the visible flag */
|
|
aoColumns[iCol].bVisible = bShow;
|
|
|
|
/* Redraw the header and footer based on the new column visibility */
|
|
_fnDrawHead( oSettings, oSettings.aoHeader );
|
|
if ( oSettings.nTFoot )
|
|
{
|
|
_fnDrawHead( oSettings, oSettings.aoFooter );
|
|
}
|
|
|
|
/* If there are any 'open' rows, then we need to alter the colspan for this col change */
|
|
for ( i=0, iLen=oSettings.aoOpenRows.length ; i<iLen ; i++ )
|
|
{
|
|
oSettings.aoOpenRows[i].nTr.colSpan = _fnVisbleColumns( oSettings );
|
|
}
|
|
|
|
/* Do a redraw incase anything depending on the table columns needs it
|
|
* (built-in: scrolling)
|
|
*/
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
_fnAdjustColumnSizing( oSettings );
|
|
_fnDraw( oSettings );
|
|
}
|
|
|
|
_fnSaveState( oSettings );
|
|
};
|
|
|
|
|
|
/**
|
|
* Get the settings for a particular table for external manipulation
|
|
* @returns {object} DataTables settings object. See
|
|
* {@link DataTable.models.oSettings}
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
* var oSettings = oTable.fnSettings();
|
|
*
|
|
* // Show an example parameter from the settings
|
|
* alert( oSettings._iDisplayStart );
|
|
* } );
|
|
*/
|
|
this.fnSettings = function()
|
|
{
|
|
return _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
};
|
|
|
|
|
|
/**
|
|
* Sort the table by a particular column
|
|
* @param {int} iCol the data index to sort on. Note that this will not match the
|
|
* 'display index' if you have hidden data entries
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Sort immediately with columns 0 and 1
|
|
* oTable.fnSort( [ [0,'asc'], [1,'asc'] ] );
|
|
* } );
|
|
*/
|
|
this.fnSort = function( aaSort )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
oSettings.aaSorting = aaSort;
|
|
_fnSort( oSettings );
|
|
};
|
|
|
|
|
|
/**
|
|
* Attach a sort listener to an element for a given column
|
|
* @param {node} nNode the element to attach the sort listener to
|
|
* @param {int} iColumn the column that a click on this node will sort on
|
|
* @param {function} [fnCallback] callback function when sort is run
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
*
|
|
* // Sort on column 1, when 'sorter' is clicked on
|
|
* oTable.fnSortListener( document.getElementById('sorter'), 1 );
|
|
* } );
|
|
*/
|
|
this.fnSortListener = function( nNode, iColumn, fnCallback )
|
|
{
|
|
_fnSortAttachListener( _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ), nNode, iColumn,
|
|
fnCallback );
|
|
};
|
|
|
|
|
|
/**
|
|
* Update a table cell or row - this method will accept either a single value to
|
|
* update the cell with, an array of values with one element for each column or
|
|
* an object in the same format as the original data source. The function is
|
|
* self-referencing in order to make the multi column updates easier.
|
|
* @param {object|array|string} mData Data to update the cell/row with
|
|
* @param {node|int} mRow TR element you want to update or the aoData index
|
|
* @param {int} [iColumn] The column to update (not used of mData is an array or object)
|
|
* @param {bool} [bRedraw=true] Redraw the table or not
|
|
* @param {bool} [bAction=true] Perform pre-draw actions or not
|
|
* @returns {int} 0 on success, 1 on error
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
* oTable.fnUpdate( 'Example update', 0, 0 ); // Single cell
|
|
* oTable.fnUpdate( ['a', 'b', 'c', 'd', 'e'], 1, 0 ); // Row
|
|
* } );
|
|
*/
|
|
this.fnUpdate = function( mData, mRow, iColumn, bRedraw, bAction )
|
|
{
|
|
var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] );
|
|
var i, iLen, sDisplay;
|
|
var iRow = (typeof mRow === 'object') ?
|
|
_fnNodeToDataIndex(oSettings, mRow) : mRow;
|
|
|
|
if ( $.isArray(mData) && iColumn === undefined )
|
|
{
|
|
/* Array update - update the whole row */
|
|
oSettings.aoData[iRow]._aData = mData.slice();
|
|
|
|
/* Flag to the function that we are recursing */
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
this.fnUpdate( _fnGetCellData( oSettings, iRow, i ), iRow, i, false, false );
|
|
}
|
|
}
|
|
else if ( $.isPlainObject(mData) && iColumn === undefined )
|
|
{
|
|
/* Object update - update the whole row - assume the developer gets the object right */
|
|
oSettings.aoData[iRow]._aData = $.extend( true, {}, mData );
|
|
|
|
for ( i=0 ; i<oSettings.aoColumns.length ; i++ )
|
|
{
|
|
this.fnUpdate( _fnGetCellData( oSettings, iRow, i ), iRow, i, false, false );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Individual cell update */
|
|
_fnSetCellData( oSettings, iRow, iColumn, mData );
|
|
sDisplay = _fnGetCellData( oSettings, iRow, iColumn, 'display' );
|
|
|
|
var oCol = oSettings.aoColumns[iColumn];
|
|
if ( oCol.fnRender !== null )
|
|
{
|
|
sDisplay = _fnRender( oSettings, iRow, iColumn );
|
|
if ( oCol.bUseRendered )
|
|
{
|
|
_fnSetCellData( oSettings, iRow, iColumn, sDisplay );
|
|
}
|
|
}
|
|
|
|
if ( oSettings.aoData[iRow].nTr !== null )
|
|
{
|
|
/* Do the actual HTML update */
|
|
_fnGetTdNodes( oSettings, iRow )[iColumn].innerHTML = sDisplay;
|
|
}
|
|
}
|
|
|
|
/* Modify the search index for this row (strictly this is likely not needed, since fnReDraw
|
|
* will rebuild the search array - however, the redraw might be disabled by the user)
|
|
*/
|
|
var iDisplayIndex = $.inArray( iRow, oSettings.aiDisplay );
|
|
oSettings.asDataSearch[iDisplayIndex] = _fnBuildSearchRow(
|
|
oSettings,
|
|
_fnGetRowData( oSettings, iRow, 'filter', _fnGetColumns( oSettings, 'bSearchable' ) )
|
|
);
|
|
|
|
/* Perform pre-draw actions */
|
|
if ( bAction === undefined || bAction )
|
|
{
|
|
_fnAdjustColumnSizing( oSettings );
|
|
}
|
|
|
|
/* Redraw the table */
|
|
if ( bRedraw === undefined || bRedraw )
|
|
{
|
|
_fnReDraw( oSettings );
|
|
}
|
|
return 0;
|
|
};
|
|
|
|
|
|
/**
|
|
* Provide a common method for plug-ins to check the version of DataTables being used, in order
|
|
* to ensure compatibility.
|
|
* @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note that the
|
|
* formats "X" and "X.Y" are also acceptable.
|
|
* @returns {boolean} true if this version of DataTables is greater or equal to the required
|
|
* version, or false if this version of DataTales is not suitable
|
|
* @method
|
|
* @dtopt API
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
* alert( oTable.fnVersionCheck( '1.9.0' ) );
|
|
* } );
|
|
*/
|
|
this.fnVersionCheck = DataTable.ext.fnVersionCheck;
|
|
|
|
|
|
/*
|
|
* This is really a good bit rubbish this method of exposing the internal methods
|
|
* publicly... - To be fixed in 2.0 using methods on the prototype
|
|
*/
|
|
|
|
|
|
/**
|
|
* Create a wrapper function for exporting an internal functions to an external API.
|
|
* @param {string} sFunc API function name
|
|
* @returns {function} wrapped function
|
|
* @memberof DataTable#oApi
|
|
*/
|
|
function _fnExternApiFunc (sFunc)
|
|
{
|
|
return function() {
|
|
var aArgs = [_fnSettingsFromNode(this[DataTable.ext.iApiIndex])].concat(
|
|
Array.prototype.slice.call(arguments) );
|
|
return DataTable.ext.oApi[sFunc].apply( this, aArgs );
|
|
};
|
|
}
|
|
|
|
|
|
/**
|
|
* Reference to internal functions for use by plug-in developers. Note that these
|
|
* methods are references to internal functions and are considered to be private.
|
|
* If you use these methods, be aware that they are liable to change between versions
|
|
* (check the upgrade notes).
|
|
* @namespace
|
|
*/
|
|
this.oApi = {
|
|
"_fnExternApiFunc": _fnExternApiFunc,
|
|
"_fnInitialise": _fnInitialise,
|
|
"_fnInitComplete": _fnInitComplete,
|
|
"_fnLanguageCompat": _fnLanguageCompat,
|
|
"_fnAddColumn": _fnAddColumn,
|
|
"_fnColumnOptions": _fnColumnOptions,
|
|
"_fnAddData": _fnAddData,
|
|
"_fnCreateTr": _fnCreateTr,
|
|
"_fnGatherData": _fnGatherData,
|
|
"_fnBuildHead": _fnBuildHead,
|
|
"_fnDrawHead": _fnDrawHead,
|
|
"_fnDraw": _fnDraw,
|
|
"_fnReDraw": _fnReDraw,
|
|
"_fnAjaxUpdate": _fnAjaxUpdate,
|
|
"_fnAjaxParameters": _fnAjaxParameters,
|
|
"_fnAjaxUpdateDraw": _fnAjaxUpdateDraw,
|
|
"_fnServerParams": _fnServerParams,
|
|
"_fnAddOptionsHtml": _fnAddOptionsHtml,
|
|
"_fnFeatureHtmlTable": _fnFeatureHtmlTable,
|
|
"_fnScrollDraw": _fnScrollDraw,
|
|
"_fnAdjustColumnSizing": _fnAdjustColumnSizing,
|
|
"_fnFeatureHtmlFilter": _fnFeatureHtmlFilter,
|
|
"_fnFilterComplete": _fnFilterComplete,
|
|
"_fnFilterCustom": _fnFilterCustom,
|
|
"_fnFilterColumn": _fnFilterColumn,
|
|
"_fnFilter": _fnFilter,
|
|
"_fnBuildSearchArray": _fnBuildSearchArray,
|
|
"_fnBuildSearchRow": _fnBuildSearchRow,
|
|
"_fnFilterCreateSearch": _fnFilterCreateSearch,
|
|
"_fnDataToSearch": _fnDataToSearch,
|
|
"_fnSort": _fnSort,
|
|
"_fnSortAttachListener": _fnSortAttachListener,
|
|
"_fnSortingClasses": _fnSortingClasses,
|
|
"_fnFeatureHtmlPaginate": _fnFeatureHtmlPaginate,
|
|
"_fnPageChange": _fnPageChange,
|
|
"_fnFeatureHtmlInfo": _fnFeatureHtmlInfo,
|
|
"_fnUpdateInfo": _fnUpdateInfo,
|
|
"_fnFeatureHtmlLength": _fnFeatureHtmlLength,
|
|
"_fnFeatureHtmlProcessing": _fnFeatureHtmlProcessing,
|
|
"_fnProcessingDisplay": _fnProcessingDisplay,
|
|
"_fnVisibleToColumnIndex": _fnVisibleToColumnIndex,
|
|
"_fnColumnIndexToVisible": _fnColumnIndexToVisible,
|
|
"_fnNodeToDataIndex": _fnNodeToDataIndex,
|
|
"_fnVisbleColumns": _fnVisbleColumns,
|
|
"_fnCalculateEnd": _fnCalculateEnd,
|
|
"_fnConvertToWidth": _fnConvertToWidth,
|
|
"_fnCalculateColumnWidths": _fnCalculateColumnWidths,
|
|
"_fnScrollingWidthAdjust": _fnScrollingWidthAdjust,
|
|
"_fnGetWidestNode": _fnGetWidestNode,
|
|
"_fnGetMaxLenString": _fnGetMaxLenString,
|
|
"_fnStringToCss": _fnStringToCss,
|
|
"_fnDetectType": _fnDetectType,
|
|
"_fnSettingsFromNode": _fnSettingsFromNode,
|
|
"_fnGetDataMaster": _fnGetDataMaster,
|
|
"_fnGetTrNodes": _fnGetTrNodes,
|
|
"_fnGetTdNodes": _fnGetTdNodes,
|
|
"_fnEscapeRegex": _fnEscapeRegex,
|
|
"_fnDeleteIndex": _fnDeleteIndex,
|
|
"_fnReOrderIndex": _fnReOrderIndex,
|
|
"_fnColumnOrdering": _fnColumnOrdering,
|
|
"_fnLog": _fnLog,
|
|
"_fnClearTable": _fnClearTable,
|
|
"_fnSaveState": _fnSaveState,
|
|
"_fnLoadState": _fnLoadState,
|
|
"_fnCreateCookie": _fnCreateCookie,
|
|
"_fnReadCookie": _fnReadCookie,
|
|
"_fnDetectHeader": _fnDetectHeader,
|
|
"_fnGetUniqueThs": _fnGetUniqueThs,
|
|
"_fnScrollBarWidth": _fnScrollBarWidth,
|
|
"_fnApplyToChildren": _fnApplyToChildren,
|
|
"_fnMap": _fnMap,
|
|
"_fnGetRowData": _fnGetRowData,
|
|
"_fnGetCellData": _fnGetCellData,
|
|
"_fnSetCellData": _fnSetCellData,
|
|
"_fnGetObjectDataFn": _fnGetObjectDataFn,
|
|
"_fnSetObjectDataFn": _fnSetObjectDataFn,
|
|
"_fnApplyColumnDefs": _fnApplyColumnDefs,
|
|
"_fnBindAction": _fnBindAction,
|
|
"_fnExtend": _fnExtend,
|
|
"_fnCallbackReg": _fnCallbackReg,
|
|
"_fnCallbackFire": _fnCallbackFire,
|
|
"_fnJsonString": _fnJsonString,
|
|
"_fnRender": _fnRender,
|
|
"_fnNodeToColumnIndex": _fnNodeToColumnIndex,
|
|
"_fnInfoMacros": _fnInfoMacros,
|
|
"_fnBrowserDetect": _fnBrowserDetect,
|
|
"_fnGetColumns": _fnGetColumns
|
|
};
|
|
|
|
$.extend( DataTable.ext.oApi, this.oApi );
|
|
|
|
for ( var sFunc in DataTable.ext.oApi )
|
|
{
|
|
if ( sFunc )
|
|
{
|
|
this[sFunc] = _fnExternApiFunc(sFunc);
|
|
}
|
|
}
|
|
|
|
|
|
var _that = this;
|
|
return this.each(function() {
|
|
|
|
var i=0, iLen, j, jLen, k, kLen;
|
|
var sId = this.getAttribute( 'id' );
|
|
var bInitHandedOff = false;
|
|
var bUsePassedData = false;
|
|
|
|
|
|
/* Sanity check */
|
|
if ( this.nodeName.toLowerCase() != 'table' )
|
|
{
|
|
_fnLog( null, 0, "Attempted to initialise DataTables on a node which is not a "+
|
|
"table: "+this.nodeName );
|
|
return;
|
|
}
|
|
|
|
/* Check to see if we are re-initialising a table */
|
|
for ( i=0, iLen=DataTable.settings.length ; i<iLen ; i++ )
|
|
{
|
|
/* Base check on table node */
|
|
if ( DataTable.settings[i].nTable == this )
|
|
{
|
|
if ( oInit === undefined || oInit.bRetrieve )
|
|
{
|
|
return DataTable.settings[i].oInstance;
|
|
}
|
|
else if ( oInit.bDestroy )
|
|
{
|
|
DataTable.settings[i].oInstance.fnDestroy();
|
|
break;
|
|
}
|
|
else
|
|
{
|
|
_fnLog( DataTable.settings[i], 0, "Cannot reinitialise DataTable.\n\n"+
|
|
"To retrieve the DataTables object for this table, pass no arguments or see "+
|
|
"the docs for bRetrieve and bDestroy" );
|
|
return;
|
|
}
|
|
}
|
|
|
|
/* If the element we are initialising has the same ID as a table which was previously
|
|
* initialised, but the table nodes don't match (from before) then we destroy the old
|
|
* instance by simply deleting it. This is under the assumption that the table has been
|
|
* destroyed by other methods. Anyone using non-id selectors will need to do this manually
|
|
*/
|
|
if ( DataTable.settings[i].sTableId == this.id )
|
|
{
|
|
DataTable.settings.splice( i, 1 );
|
|
break;
|
|
}
|
|
}
|
|
|
|
/* Ensure the table has an ID - required for accessibility */
|
|
if ( sId === null || sId === "" )
|
|
{
|
|
sId = "DataTables_Table_"+(DataTable.ext._oExternConfig.iNextUnique++);
|
|
this.id = sId;
|
|
}
|
|
|
|
/* Create the settings object for this table and set some of the default parameters */
|
|
var oSettings = $.extend( true, {}, DataTable.models.oSettings, {
|
|
"nTable": this,
|
|
"oApi": _that.oApi,
|
|
"oInit": oInit,
|
|
"sDestroyWidth": $(this).width(),
|
|
"sInstance": sId,
|
|
"sTableId": sId
|
|
} );
|
|
DataTable.settings.push( oSettings );
|
|
|
|
// Need to add the instance after the instance after the settings object has been added
|
|
// to the settings array, so we can self reference the table instance if more than one
|
|
oSettings.oInstance = (_that.length===1) ? _that : $(this).dataTable();
|
|
|
|
/* Setting up the initialisation object */
|
|
if ( !oInit )
|
|
{
|
|
oInit = {};
|
|
}
|
|
|
|
// Backwards compatibility, before we apply all the defaults
|
|
if ( oInit.oLanguage )
|
|
{
|
|
_fnLanguageCompat( oInit.oLanguage );
|
|
}
|
|
|
|
oInit = _fnExtend( $.extend(true, {}, DataTable.defaults), oInit );
|
|
|
|
// Map the initialisation options onto the settings object
|
|
_fnMap( oSettings.oFeatures, oInit, "bPaginate" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bLengthChange" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bFilter" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bSort" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bInfo" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bProcessing" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bAutoWidth" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bSortClasses" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bServerSide" );
|
|
_fnMap( oSettings.oFeatures, oInit, "bDeferRender" );
|
|
_fnMap( oSettings.oScroll, oInit, "sScrollX", "sX" );
|
|
_fnMap( oSettings.oScroll, oInit, "sScrollXInner", "sXInner" );
|
|
_fnMap( oSettings.oScroll, oInit, "sScrollY", "sY" );
|
|
_fnMap( oSettings.oScroll, oInit, "bScrollCollapse", "bCollapse" );
|
|
_fnMap( oSettings.oScroll, oInit, "bScrollInfinite", "bInfinite" );
|
|
_fnMap( oSettings.oScroll, oInit, "iScrollLoadGap", "iLoadGap" );
|
|
_fnMap( oSettings.oScroll, oInit, "bScrollAutoCss", "bAutoCss" );
|
|
_fnMap( oSettings, oInit, "asStripeClasses" );
|
|
_fnMap( oSettings, oInit, "asStripClasses", "asStripeClasses" ); // legacy
|
|
_fnMap( oSettings, oInit, "fnServerData" );
|
|
_fnMap( oSettings, oInit, "fnFormatNumber" );
|
|
_fnMap( oSettings, oInit, "sServerMethod" );
|
|
_fnMap( oSettings, oInit, "aaSorting" );
|
|
_fnMap( oSettings, oInit, "aaSortingFixed" );
|
|
_fnMap( oSettings, oInit, "aLengthMenu" );
|
|
_fnMap( oSettings, oInit, "sPaginationType" );
|
|
_fnMap( oSettings, oInit, "sAjaxSource" );
|
|
_fnMap( oSettings, oInit, "sAjaxDataProp" );
|
|
_fnMap( oSettings, oInit, "iCookieDuration" );
|
|
_fnMap( oSettings, oInit, "sCookiePrefix" );
|
|
_fnMap( oSettings, oInit, "sDom" );
|
|
_fnMap( oSettings, oInit, "bSortCellsTop" );
|
|
_fnMap( oSettings, oInit, "iTabIndex" );
|
|
_fnMap( oSettings, oInit, "oSearch", "oPreviousSearch" );
|
|
_fnMap( oSettings, oInit, "aoSearchCols", "aoPreSearchCols" );
|
|
_fnMap( oSettings, oInit, "iDisplayLength", "_iDisplayLength" );
|
|
_fnMap( oSettings, oInit, "bJQueryUI", "bJUI" );
|
|
_fnMap( oSettings, oInit, "fnCookieCallback" );
|
|
_fnMap( oSettings, oInit, "fnStateLoad" );
|
|
_fnMap( oSettings, oInit, "fnStateSave" );
|
|
_fnMap( oSettings.oLanguage, oInit, "fnInfoCallback" );
|
|
|
|
/* Callback functions which are array driven */
|
|
_fnCallbackReg( oSettings, 'aoDrawCallback', oInit.fnDrawCallback, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoServerParams', oInit.fnServerParams, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoStateSaveParams', oInit.fnStateSaveParams, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoStateLoadParams', oInit.fnStateLoadParams, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoStateLoaded', oInit.fnStateLoaded, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoRowCallback', oInit.fnRowCallback, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoRowCreatedCallback', oInit.fnCreatedRow, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoHeaderCallback', oInit.fnHeaderCallback, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoFooterCallback', oInit.fnFooterCallback, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoInitComplete', oInit.fnInitComplete, 'user' );
|
|
_fnCallbackReg( oSettings, 'aoPreDrawCallback', oInit.fnPreDrawCallback, 'user' );
|
|
|
|
if ( oSettings.oFeatures.bServerSide && oSettings.oFeatures.bSort &&
|
|
oSettings.oFeatures.bSortClasses )
|
|
{
|
|
/* Enable sort classes for server-side processing. Safe to do it here, since server-side
|
|
* processing must be enabled by the developer
|
|
*/
|
|
_fnCallbackReg( oSettings, 'aoDrawCallback', _fnSortingClasses, 'server_side_sort_classes' );
|
|
}
|
|
else if ( oSettings.oFeatures.bDeferRender )
|
|
{
|
|
_fnCallbackReg( oSettings, 'aoDrawCallback', _fnSortingClasses, 'defer_sort_classes' );
|
|
}
|
|
|
|
if ( oInit.bJQueryUI )
|
|
{
|
|
/* Use the JUI classes object for display. You could clone the oStdClasses object if
|
|
* you want to have multiple tables with multiple independent classes
|
|
*/
|
|
$.extend( oSettings.oClasses, DataTable.ext.oJUIClasses );
|
|
|
|
if ( oInit.sDom === DataTable.defaults.sDom && DataTable.defaults.sDom === "lfrtip" )
|
|
{
|
|
/* Set the DOM to use a layout suitable for jQuery UI's theming */
|
|
oSettings.sDom = '<"H"lfr>t<"F"ip>';
|
|
}
|
|
}
|
|
else
|
|
{
|
|
$.extend( oSettings.oClasses, DataTable.ext.oStdClasses );
|
|
}
|
|
$(this).addClass( oSettings.oClasses.sTable );
|
|
|
|
/* Calculate the scroll bar width and cache it for use later on */
|
|
if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" )
|
|
{
|
|
oSettings.oScroll.iBarWidth = _fnScrollBarWidth();
|
|
}
|
|
|
|
if ( oSettings.iInitDisplayStart === undefined )
|
|
{
|
|
/* Display start point, taking into account the save saving */
|
|
oSettings.iInitDisplayStart = oInit.iDisplayStart;
|
|
oSettings._iDisplayStart = oInit.iDisplayStart;
|
|
}
|
|
|
|
/* Must be done after everything which can be overridden by a cookie! */
|
|
if ( oInit.bStateSave )
|
|
{
|
|
oSettings.oFeatures.bStateSave = true;
|
|
_fnLoadState( oSettings, oInit );
|
|
_fnCallbackReg( oSettings, 'aoDrawCallback', _fnSaveState, 'state_save' );
|
|
}
|
|
|
|
if ( oInit.iDeferLoading !== null )
|
|
{
|
|
oSettings.bDeferLoading = true;
|
|
var tmp = $.isArray( oInit.iDeferLoading );
|
|
oSettings._iRecordsDisplay = tmp ? oInit.iDeferLoading[0] : oInit.iDeferLoading;
|
|
oSettings._iRecordsTotal = tmp ? oInit.iDeferLoading[1] : oInit.iDeferLoading;
|
|
}
|
|
|
|
if ( oInit.aaData !== null )
|
|
{
|
|
bUsePassedData = true;
|
|
}
|
|
|
|
/* Language definitions */
|
|
if ( oInit.oLanguage.sUrl !== "" )
|
|
{
|
|
/* Get the language definitions from a file - because this Ajax call makes the language
|
|
* get async to the remainder of this function we use bInitHandedOff to indicate that
|
|
* _fnInitialise will be fired by the returned Ajax handler, rather than the constructor
|
|
*/
|
|
oSettings.oLanguage.sUrl = oInit.oLanguage.sUrl;
|
|
$.getJSON( oSettings.oLanguage.sUrl, null, function( json ) {
|
|
_fnLanguageCompat( json );
|
|
$.extend( true, oSettings.oLanguage, oInit.oLanguage, json );
|
|
_fnInitialise( oSettings );
|
|
} );
|
|
bInitHandedOff = true;
|
|
}
|
|
else
|
|
{
|
|
$.extend( true, oSettings.oLanguage, oInit.oLanguage );
|
|
}
|
|
|
|
|
|
/*
|
|
* Stripes
|
|
*/
|
|
if ( oInit.asStripeClasses === null )
|
|
{
|
|
oSettings.asStripeClasses =[
|
|
oSettings.oClasses.sStripeOdd,
|
|
oSettings.oClasses.sStripeEven
|
|
];
|
|
}
|
|
|
|
/* Remove row stripe classes if they are already on the table row */
|
|
var bStripeRemove = false;
|
|
var anRows = $(this).children('tbody').children('tr');
|
|
for ( i=0, iLen=oSettings.asStripeClasses.length ; i<iLen ; i++ )
|
|
{
|
|
if ( anRows.filter(":lt(2)").hasClass( oSettings.asStripeClasses[i]) )
|
|
{
|
|
bStripeRemove = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if ( bStripeRemove )
|
|
{
|
|
/* Store the classes which we are about to remove so they can be re-added on destroy */
|
|
oSettings.asDestroyStripes = [ '', '' ];
|
|
if ( $(anRows[0]).hasClass(oSettings.oClasses.sStripeOdd) )
|
|
{
|
|
oSettings.asDestroyStripes[0] += oSettings.oClasses.sStripeOdd+" ";
|
|
}
|
|
if ( $(anRows[0]).hasClass(oSettings.oClasses.sStripeEven) )
|
|
{
|
|
oSettings.asDestroyStripes[0] += oSettings.oClasses.sStripeEven;
|
|
}
|
|
if ( $(anRows[1]).hasClass(oSettings.oClasses.sStripeOdd) )
|
|
{
|
|
oSettings.asDestroyStripes[1] += oSettings.oClasses.sStripeOdd+" ";
|
|
}
|
|
if ( $(anRows[1]).hasClass(oSettings.oClasses.sStripeEven) )
|
|
{
|
|
oSettings.asDestroyStripes[1] += oSettings.oClasses.sStripeEven;
|
|
}
|
|
|
|
anRows.removeClass( oSettings.asStripeClasses.join(' ') );
|
|
}
|
|
|
|
|
|
/*
|
|
* Columns
|
|
* See if we should load columns automatically or use defined ones
|
|
*/
|
|
var anThs = [];
|
|
var aoColumnsInit;
|
|
var nThead = this.getElementsByTagName('thead');
|
|
if ( nThead.length !== 0 )
|
|
{
|
|
_fnDetectHeader( oSettings.aoHeader, nThead[0] );
|
|
anThs = _fnGetUniqueThs( oSettings );
|
|
}
|
|
|
|
/* If not given a column array, generate one with nulls */
|
|
if ( oInit.aoColumns === null )
|
|
{
|
|
aoColumnsInit = [];
|
|
for ( i=0, iLen=anThs.length ; i<iLen ; i++ )
|
|
{
|
|
aoColumnsInit.push( null );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
aoColumnsInit = oInit.aoColumns;
|
|
}
|
|
|
|
/* Add the columns */
|
|
for ( i=0, iLen=aoColumnsInit.length ; i<iLen ; i++ )
|
|
{
|
|
/* Short cut - use the loop to check if we have column visibility state to restore */
|
|
if ( oInit.saved_aoColumns !== undefined && oInit.saved_aoColumns.length == iLen )
|
|
{
|
|
if ( aoColumnsInit[i] === null )
|
|
{
|
|
aoColumnsInit[i] = {};
|
|
}
|
|
aoColumnsInit[i].bVisible = oInit.saved_aoColumns[i].bVisible;
|
|
}
|
|
|
|
_fnAddColumn( oSettings, anThs ? anThs[i] : null );
|
|
}
|
|
|
|
/* Apply the column definitions */
|
|
_fnApplyColumnDefs( oSettings, oInit.aoColumnDefs, aoColumnsInit, function (iCol, oDef) {
|
|
_fnColumnOptions( oSettings, iCol, oDef );
|
|
} );
|
|
|
|
|
|
/*
|
|
* Sorting
|
|
* Check the aaSorting array
|
|
*/
|
|
for ( i=0, iLen=oSettings.aaSorting.length ; i<iLen ; i++ )
|
|
{
|
|
if ( oSettings.aaSorting[i][0] >= oSettings.aoColumns.length )
|
|
{
|
|
oSettings.aaSorting[i][0] = 0;
|
|
}
|
|
var oColumn = oSettings.aoColumns[ oSettings.aaSorting[i][0] ];
|
|
|
|
/* Add a default sorting index */
|
|
if ( oSettings.aaSorting[i][2] === undefined )
|
|
{
|
|
oSettings.aaSorting[i][2] = 0;
|
|
}
|
|
|
|
/* If aaSorting is not defined, then we use the first indicator in asSorting */
|
|
if ( oInit.aaSorting === undefined && oSettings.saved_aaSorting === undefined )
|
|
{
|
|
oSettings.aaSorting[i][1] = oColumn.asSorting[0];
|
|
}
|
|
|
|
/* Set the current sorting index based on aoColumns.asSorting */
|
|
for ( j=0, jLen=oColumn.asSorting.length ; j<jLen ; j++ )
|
|
{
|
|
if ( oSettings.aaSorting[i][1] == oColumn.asSorting[j] )
|
|
{
|
|
oSettings.aaSorting[i][2] = j;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Do a first pass on the sorting classes (allows any size changes to be taken into
|
|
* account, and also will apply sorting disabled classes if disabled
|
|
*/
|
|
_fnSortingClasses( oSettings );
|
|
|
|
|
|
/*
|
|
* Final init
|
|
* Cache the header, body and footer as required, creating them if needed
|
|
*/
|
|
|
|
/* Browser support detection */
|
|
_fnBrowserDetect( oSettings );
|
|
|
|
// Work around for Webkit bug 83867 - store the caption-side before removing from doc
|
|
var captions = $(this).children('caption').each( function () {
|
|
this._captionSide = $(this).css('caption-side');
|
|
} );
|
|
|
|
var thead = $(this).children('thead');
|
|
if ( thead.length === 0 )
|
|
{
|
|
thead = [ document.createElement( 'thead' ) ];
|
|
this.appendChild( thead[0] );
|
|
}
|
|
oSettings.nTHead = thead[0];
|
|
|
|
var tbody = $(this).children('tbody');
|
|
if ( tbody.length === 0 )
|
|
{
|
|
tbody = [ document.createElement( 'tbody' ) ];
|
|
this.appendChild( tbody[0] );
|
|
}
|
|
oSettings.nTBody = tbody[0];
|
|
oSettings.nTBody.setAttribute( "role", "alert" );
|
|
oSettings.nTBody.setAttribute( "aria-live", "polite" );
|
|
oSettings.nTBody.setAttribute( "aria-relevant", "all" );
|
|
|
|
var tfoot = $(this).children('tfoot');
|
|
if ( tfoot.length === 0 && captions.length > 0 && (oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "") )
|
|
{
|
|
// If we are a scrolling table, and no footer has been given, then we need to create
|
|
// a tfoot element for the caption element to be appended to
|
|
tfoot = [ document.createElement( 'tfoot' ) ];
|
|
this.appendChild( tfoot[0] );
|
|
}
|
|
|
|
if ( tfoot.length > 0 )
|
|
{
|
|
oSettings.nTFoot = tfoot[0];
|
|
_fnDetectHeader( oSettings.aoFooter, oSettings.nTFoot );
|
|
}
|
|
|
|
/* Check if there is data passing into the constructor */
|
|
if ( bUsePassedData )
|
|
{
|
|
for ( i=0 ; i<oInit.aaData.length ; i++ )
|
|
{
|
|
_fnAddData( oSettings, oInit.aaData[ i ] );
|
|
}
|
|
}
|
|
else
|
|
{
|
|
/* Grab the data from the page */
|
|
_fnGatherData( oSettings );
|
|
}
|
|
|
|
/* Copy the data index array */
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
|
|
/* Initialisation complete - table can be drawn */
|
|
oSettings.bInitialised = true;
|
|
|
|
/* Check if we need to initialise the table (it might not have been handed off to the
|
|
* language processor)
|
|
*/
|
|
if ( bInitHandedOff === false )
|
|
{
|
|
_fnInitialise( oSettings );
|
|
}
|
|
} );
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
* Provide a common method for plug-ins to check the version of DataTables being used, in order
|
|
* to ensure compatibility.
|
|
* @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note that the
|
|
* formats "X" and "X.Y" are also acceptable.
|
|
* @returns {boolean} true if this version of DataTables is greater or equal to the required
|
|
* version, or false if this version of DataTales is not suitable
|
|
* @static
|
|
* @dtopt API-Static
|
|
*
|
|
* @example
|
|
* alert( $.fn.dataTable.fnVersionCheck( '1.9.0' ) );
|
|
*/
|
|
DataTable.fnVersionCheck = function( sVersion )
|
|
{
|
|
/* This is cheap, but effective */
|
|
var fnZPad = function (Zpad, count)
|
|
{
|
|
while(Zpad.length < count) {
|
|
Zpad += '0';
|
|
}
|
|
return Zpad;
|
|
};
|
|
var aThis = DataTable.ext.sVersion.split('.');
|
|
var aThat = sVersion.split('.');
|
|
var sThis = '', sThat = '';
|
|
|
|
for ( var i=0, iLen=aThat.length ; i<iLen ; i++ )
|
|
{
|
|
sThis += fnZPad( aThis[i], 3 );
|
|
sThat += fnZPad( aThat[i], 3 );
|
|
}
|
|
|
|
return parseInt(sThis, 10) >= parseInt(sThat, 10);
|
|
};
|
|
|
|
|
|
/**
|
|
* Check if a TABLE node is a DataTable table already or not.
|
|
* @param {node} nTable The TABLE node to check if it is a DataTable or not (note that other
|
|
* node types can be passed in, but will always return false).
|
|
* @returns {boolean} true the table given is a DataTable, or false otherwise
|
|
* @static
|
|
* @dtopt API-Static
|
|
*
|
|
* @example
|
|
* var ex = document.getElementById('example');
|
|
* if ( ! $.fn.DataTable.fnIsDataTable( ex ) ) {
|
|
* $(ex).dataTable();
|
|
* }
|
|
*/
|
|
DataTable.fnIsDataTable = function ( nTable )
|
|
{
|
|
var o = DataTable.settings;
|
|
|
|
for ( var i=0 ; i<o.length ; i++ )
|
|
{
|
|
if ( o[i].nTable === nTable || o[i].nScrollHead === nTable || o[i].nScrollFoot === nTable )
|
|
{
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
|
|
/**
|
|
* Get all DataTable tables that have been initialised - optionally you can select to
|
|
* get only currently visible tables.
|
|
* @param {boolean} [bVisible=false] Flag to indicate if you want all (default) or
|
|
* visible tables only.
|
|
* @returns {array} Array of TABLE nodes (not DataTable instances) which are DataTables
|
|
* @static
|
|
* @dtopt API-Static
|
|
*
|
|
* @example
|
|
* var table = $.fn.dataTable.fnTables(true);
|
|
* if ( table.length > 0 ) {
|
|
* $(table).dataTable().fnAdjustColumnSizing();
|
|
* }
|
|
*/
|
|
DataTable.fnTables = function ( bVisible )
|
|
{
|
|
var out = [];
|
|
|
|
jQuery.each( DataTable.settings, function (i, o) {
|
|
if ( !bVisible || (bVisible === true && $(o.nTable).is(':visible')) )
|
|
{
|
|
out.push( o.nTable );
|
|
}
|
|
} );
|
|
|
|
return out;
|
|
};
|
|
|
|
|
|
/**
|
|
* Version string for plug-ins to check compatibility. Allowed format is
|
|
* a.b.c.d.e where: a:int, b:int, c:int, d:string(dev|beta), e:int. d and
|
|
* e are optional
|
|
* @member
|
|
* @type string
|
|
* @default Version number
|
|
*/
|
|
DataTable.version = "1.9.3";
|
|
|
|
/**
|
|
* Private data store, containing all of the settings objects that are created for the
|
|
* tables on a given page.
|
|
*
|
|
* Note that the <i>DataTable.settings</i> object is aliased to <i>jQuery.fn.dataTableExt</i>
|
|
* through which it may be accessed and manipulated, or <i>jQuery.fn.dataTable.settings</i>.
|
|
* @member
|
|
* @type array
|
|
* @default []
|
|
* @private
|
|
*/
|
|
DataTable.settings = [];
|
|
|
|
/**
|
|
* Object models container, for the various models that DataTables has available
|
|
* to it. These models define the objects that are used to hold the active state
|
|
* and configuration of the table.
|
|
* @namespace
|
|
*/
|
|
DataTable.models = {};
|
|
|
|
|
|
/**
|
|
* DataTables extension options and plug-ins. This namespace acts as a collection "area"
|
|
* for plug-ins that can be used to extend the default DataTables behaviour - indeed many
|
|
* of the build in methods use this method to provide their own capabilities (sorting methods
|
|
* for example).
|
|
*
|
|
* Note that this namespace is aliased to jQuery.fn.dataTableExt so it can be readily accessed
|
|
* and modified by plug-ins.
|
|
* @namespace
|
|
*/
|
|
DataTable.models.ext = {
|
|
/**
|
|
* Plug-in filtering functions - this method of filtering is complimentary to the default
|
|
* type based filtering, and a lot more comprehensive as it allows you complete control
|
|
* over the filtering logic. Each element in this array is a function (parameters
|
|
* described below) that is called for every row in the table, and your logic decides if
|
|
* it should be included in the filtered data set or not.
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li>
|
|
* <li>{array|object} Data for the row to be processed (same as the original format
|
|
* that was passed in as the data source, or an array from a DOM data source</li>
|
|
* <li>{int} Row index in aoData ({@link DataTable.models.oSettings.aoData}), which can
|
|
* be useful to retrieve the TR element if you need DOM interaction.</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>{boolean} Include the row in the filtered result set (true) or not (false)</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* @type array
|
|
* @default []
|
|
*
|
|
* @example
|
|
* // The following example shows custom filtering being applied to the fourth column (i.e.
|
|
* // the aData[3] index) based on two input values from the end-user, matching the data in
|
|
* // a certain range.
|
|
* $.fn.dataTableExt.afnFiltering.push(
|
|
* function( oSettings, aData, iDataIndex ) {
|
|
* var iMin = document.getElementById('min').value * 1;
|
|
* var iMax = document.getElementById('max').value * 1;
|
|
* var iVersion = aData[3] == "-" ? 0 : aData[3]*1;
|
|
* if ( iMin == "" && iMax == "" ) {
|
|
* return true;
|
|
* }
|
|
* else if ( iMin == "" && iVersion < iMax ) {
|
|
* return true;
|
|
* }
|
|
* else if ( iMin < iVersion && "" == iMax ) {
|
|
* return true;
|
|
* }
|
|
* else if ( iMin < iVersion && iVersion < iMax ) {
|
|
* return true;
|
|
* }
|
|
* return false;
|
|
* }
|
|
* );
|
|
*/
|
|
"afnFiltering": [],
|
|
|
|
|
|
/**
|
|
* Plug-in sorting functions - this method of sorting is complimentary to the default type
|
|
* based sorting that DataTables does automatically, allowing much greater control over the
|
|
* the data that is being used to sort a column. This is useful if you want to do sorting
|
|
* based on live data (for example the contents of an 'input' element) rather than just the
|
|
* static string that DataTables knows of. The way these plug-ins work is that you create
|
|
* an array of the values you wish to be sorted for the column in question and then return
|
|
* that array. Which pre-sorting function is run here depends on the sSortDataType parameter
|
|
* that is used for the column (if any). This is the corollary of <i>ofnSearch</i> for sort
|
|
* data.
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li>
|
|
* <li>{int} Target column index</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>{array} Data for the column to be sorted upon</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
*
|
|
* Note that as of v1.9, it is typically preferable to use <i>mData</i> to prepare data for
|
|
* the different uses that DataTables can put the data to. Specifically <i>mData</i> when
|
|
* used as a function will give you a 'type' (sorting, filtering etc) that you can use to
|
|
* prepare the data as required for the different types. As such, this method is deprecated.
|
|
* @type array
|
|
* @default []
|
|
* @deprecated
|
|
*
|
|
* @example
|
|
* // Updating the cached sorting information with user entered values in HTML input elements
|
|
* jQuery.fn.dataTableExt.afnSortData['dom-text'] = function ( oSettings, iColumn )
|
|
* {
|
|
* var aData = [];
|
|
* $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () {
|
|
* aData.push( this.value );
|
|
* } );
|
|
* return aData;
|
|
* }
|
|
*/
|
|
"afnSortData": [],
|
|
|
|
|
|
/**
|
|
* Feature plug-ins - This is an array of objects which describe the feature plug-ins that are
|
|
* available to DataTables. These feature plug-ins are accessible through the sDom initialisation
|
|
* option. As such, each feature plug-in must describe a function that is used to initialise
|
|
* itself (fnInit), a character so the feature can be enabled by sDom (cFeature) and the name
|
|
* of the feature (sFeature). Thus the objects attached to this method must provide:
|
|
* <ul>
|
|
* <li>{function} fnInit Initialisation of the plug-in
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>{node|null} The element which contains your feature. Note that the return
|
|
* may also be void if your plug-in does not require to inject any DOM elements
|
|
* into DataTables control (sDom) - for example this might be useful when
|
|
* developing a plug-in which allows table control via keyboard entry.</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* </li>
|
|
* <li>{character} cFeature Character that will be matched in sDom - case sensitive</li>
|
|
* <li>{string} sFeature Feature name</li>
|
|
* </ul>
|
|
* @type array
|
|
* @default []
|
|
*
|
|
* @example
|
|
* // How TableTools initialises itself.
|
|
* $.fn.dataTableExt.aoFeatures.push( {
|
|
* "fnInit": function( oSettings ) {
|
|
* return new TableTools( { "oDTSettings": oSettings } );
|
|
* },
|
|
* "cFeature": "T",
|
|
* "sFeature": "TableTools"
|
|
* } );
|
|
*/
|
|
"aoFeatures": [],
|
|
|
|
|
|
/**
|
|
* Type detection plug-in functions - DataTables utilises types to define how sorting and
|
|
* filtering behave, and types can be either be defined by the developer (sType for the
|
|
* column) or they can be automatically detected by the methods in this array. The functions
|
|
* defined in the array are quite simple, taking a single parameter (the data to analyse)
|
|
* and returning the type if it is a known type, or null otherwise.
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{*} Data from the column cell to be analysed</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>{string|null} Data type detected, or null if unknown (and thus pass it
|
|
* on to the other type detection functions.</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* @type array
|
|
* @default []
|
|
*
|
|
* @example
|
|
* // Currency type detection plug-in:
|
|
* jQuery.fn.dataTableExt.aTypes.push(
|
|
* function ( sData ) {
|
|
* var sValidChars = "0123456789.-";
|
|
* var Char;
|
|
*
|
|
* // Check the numeric part
|
|
* for ( i=1 ; i<sData.length ; i++ ) {
|
|
* Char = sData.charAt(i);
|
|
* if (sValidChars.indexOf(Char) == -1) {
|
|
* return null;
|
|
* }
|
|
* }
|
|
*
|
|
* // Check prefixed by currency
|
|
* if ( sData.charAt(0) == '$' || sData.charAt(0) == '£' ) {
|
|
* return 'currency';
|
|
* }
|
|
* return null;
|
|
* }
|
|
* );
|
|
*/
|
|
"aTypes": [],
|
|
|
|
|
|
/**
|
|
* Provide a common method for plug-ins to check the version of DataTables being used,
|
|
* in order to ensure compatibility.
|
|
* @type function
|
|
* @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note
|
|
* that the formats "X" and "X.Y" are also acceptable.
|
|
* @returns {boolean} true if this version of DataTables is greater or equal to the
|
|
* required version, or false if this version of DataTales is not suitable
|
|
*
|
|
* @example
|
|
* $(document).ready(function() {
|
|
* var oTable = $('#example').dataTable();
|
|
* alert( oTable.fnVersionCheck( '1.9.0' ) );
|
|
* } );
|
|
*/
|
|
"fnVersionCheck": DataTable.fnVersionCheck,
|
|
|
|
|
|
/**
|
|
* Index for what 'this' index API functions should use
|
|
* @type int
|
|
* @default 0
|
|
*/
|
|
"iApiIndex": 0,
|
|
|
|
|
|
/**
|
|
* Pre-processing of filtering data plug-ins - When you assign the sType for a column
|
|
* (or have it automatically detected for you by DataTables or a type detection plug-in),
|
|
* you will typically be using this for custom sorting, but it can also be used to provide
|
|
* custom filtering by allowing you to pre-processing the data and returning the data in
|
|
* the format that should be filtered upon. This is done by adding functions this object
|
|
* with a parameter name which matches the sType for that target column. This is the
|
|
* corollary of <i>afnSortData</i> for filtering data.
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{*} Data from the column cell to be prepared for filtering</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>{string|null} Formatted string that will be used for the filtering.</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
*
|
|
* Note that as of v1.9, it is typically preferable to use <i>mData</i> to prepare data for
|
|
* the different uses that DataTables can put the data to. Specifically <i>mData</i> when
|
|
* used as a function will give you a 'type' (sorting, filtering etc) that you can use to
|
|
* prepare the data as required for the different types. As such, this method is deprecated.
|
|
* @type object
|
|
* @default {}
|
|
* @deprecated
|
|
*
|
|
* @example
|
|
* $.fn.dataTableExt.ofnSearch['title-numeric'] = function ( sData ) {
|
|
* return sData.replace(/\n/g," ").replace( /<.*?>/g, "" );
|
|
* }
|
|
*/
|
|
"ofnSearch": {},
|
|
|
|
|
|
/**
|
|
* Container for all private functions in DataTables so they can be exposed externally
|
|
* @type object
|
|
* @default {}
|
|
*/
|
|
"oApi": {},
|
|
|
|
|
|
/**
|
|
* Storage for the various classes that DataTables uses
|
|
* @type object
|
|
* @default {}
|
|
*/
|
|
"oStdClasses": {},
|
|
|
|
|
|
/**
|
|
* Storage for the various classes that DataTables uses - jQuery UI suitable
|
|
* @type object
|
|
* @default {}
|
|
*/
|
|
"oJUIClasses": {},
|
|
|
|
|
|
/**
|
|
* Pagination plug-in methods - The style and controls of the pagination can significantly
|
|
* impact on how the end user interacts with the data in your table, and DataTables allows
|
|
* the addition of pagination controls by extending this object, which can then be enabled
|
|
* through the <i>sPaginationType</i> initialisation parameter. Each pagination type that
|
|
* is added is an object (the property name of which is what <i>sPaginationType</i> refers
|
|
* to) that has two properties, both methods that are used by DataTables to update the
|
|
* control's state.
|
|
* <ul>
|
|
* <li>
|
|
* fnInit - Initialisation of the paging controls. Called only during initialisation
|
|
* of the table. It is expected that this function will add the required DOM elements
|
|
* to the page for the paging controls to work. The element pointer
|
|
* 'oSettings.aanFeatures.p' array is provided by DataTables to contain the paging
|
|
* controls (note that this is a 2D array to allow for multiple instances of each
|
|
* DataTables DOM element). It is suggested that you add the controls to this element
|
|
* as children
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li>
|
|
* <li>{node} Container into which the pagination controls must be inserted</li>
|
|
* <li>{function} Draw callback function - whenever the controls cause a page
|
|
* change, this method must be called to redraw the table.</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>No return required</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* </il>
|
|
* <li>
|
|
* fnInit - This function is called whenever the paging status of the table changes and is
|
|
* typically used to update classes and/or text of the paging controls to reflex the new
|
|
* status.
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li>
|
|
* <li>{function} Draw callback function - in case you need to redraw the table again
|
|
* or attach new event listeners</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>No return required</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* @type object
|
|
* @default {}
|
|
*
|
|
* @example
|
|
* $.fn.dataTableExt.oPagination.four_button = {
|
|
* "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) {
|
|
* nFirst = document.createElement( 'span' );
|
|
* nPrevious = document.createElement( 'span' );
|
|
* nNext = document.createElement( 'span' );
|
|
* nLast = document.createElement( 'span' );
|
|
*
|
|
* nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) );
|
|
* nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) );
|
|
* nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) );
|
|
* nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) );
|
|
*
|
|
* nFirst.className = "paginate_button first";
|
|
* nPrevious.className = "paginate_button previous";
|
|
* nNext.className="paginate_button next";
|
|
* nLast.className = "paginate_button last";
|
|
*
|
|
* nPaging.appendChild( nFirst );
|
|
* nPaging.appendChild( nPrevious );
|
|
* nPaging.appendChild( nNext );
|
|
* nPaging.appendChild( nLast );
|
|
*
|
|
* $(nFirst).click( function () {
|
|
* oSettings.oApi._fnPageChange( oSettings, "first" );
|
|
* fnCallbackDraw( oSettings );
|
|
* } );
|
|
*
|
|
* $(nPrevious).click( function() {
|
|
* oSettings.oApi._fnPageChange( oSettings, "previous" );
|
|
* fnCallbackDraw( oSettings );
|
|
* } );
|
|
*
|
|
* $(nNext).click( function() {
|
|
* oSettings.oApi._fnPageChange( oSettings, "next" );
|
|
* fnCallbackDraw( oSettings );
|
|
* } );
|
|
*
|
|
* $(nLast).click( function() {
|
|
* oSettings.oApi._fnPageChange( oSettings, "last" );
|
|
* fnCallbackDraw( oSettings );
|
|
* } );
|
|
*
|
|
* $(nFirst).bind( 'selectstart', function () { return false; } );
|
|
* $(nPrevious).bind( 'selectstart', function () { return false; } );
|
|
* $(nNext).bind( 'selectstart', function () { return false; } );
|
|
* $(nLast).bind( 'selectstart', function () { return false; } );
|
|
* },
|
|
*
|
|
* "fnUpdate": function ( oSettings, fnCallbackDraw ) {
|
|
* if ( !oSettings.aanFeatures.p ) {
|
|
* return;
|
|
* }
|
|
*
|
|
* // Loop over each instance of the pager
|
|
* var an = oSettings.aanFeatures.p;
|
|
* for ( var i=0, iLen=an.length ; i<iLen ; i++ ) {
|
|
* var buttons = an[i].getElementsByTagName('span');
|
|
* if ( oSettings._iDisplayStart === 0 ) {
|
|
* buttons[0].className = "paginate_disabled_previous";
|
|
* buttons[1].className = "paginate_disabled_previous";
|
|
* }
|
|
* else {
|
|
* buttons[0].className = "paginate_enabled_previous";
|
|
* buttons[1].className = "paginate_enabled_previous";
|
|
* }
|
|
*
|
|
* if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) {
|
|
* buttons[2].className = "paginate_disabled_next";
|
|
* buttons[3].className = "paginate_disabled_next";
|
|
* }
|
|
* else {
|
|
* buttons[2].className = "paginate_enabled_next";
|
|
* buttons[3].className = "paginate_enabled_next";
|
|
* }
|
|
* }
|
|
* }
|
|
* };
|
|
*/
|
|
"oPagination": {},
|
|
|
|
|
|
/**
|
|
* Sorting plug-in methods - Sorting in DataTables is based on the detected type of the
|
|
* data column (you can add your own type detection functions, or override automatic
|
|
* detection using sType). With this specific type given to the column, DataTables will
|
|
* apply the required sort from the functions in the object. Each sort type must provide
|
|
* two mandatory methods, one each for ascending and descending sorting, and can optionally
|
|
* provide a pre-formatting method that will help speed up sorting by allowing DataTables
|
|
* to pre-format the sort data only once (rather than every time the actual sort functions
|
|
* are run). The two sorting functions are typical Javascript sort methods:
|
|
* <ul>
|
|
* <li>
|
|
* Function input parameters:
|
|
* <ul>
|
|
* <li>{*} Data to compare to the second parameter</li>
|
|
* <li>{*} Data to compare to the first parameter</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>
|
|
* Function return:
|
|
* <ul>
|
|
* <li>{int} Sorting match: <0 if first parameter should be sorted lower than
|
|
* the second parameter, ===0 if the two parameters are equal and >0 if
|
|
* the first parameter should be sorted height than the second parameter.</li>
|
|
* </ul>
|
|
* </il>
|
|
* </ul>
|
|
* @type object
|
|
* @default {}
|
|
*
|
|
* @example
|
|
* // Case-sensitive string sorting, with no pre-formatting method
|
|
* $.extend( $.fn.dataTableExt.oSort, {
|
|
* "string-case-asc": function(x,y) {
|
|
* return ((x < y) ? -1 : ((x > y) ? 1 : 0));
|
|
* },
|
|
* "string-case-desc": function(x,y) {
|
|
* return ((x < y) ? 1 : ((x > y) ? -1 : 0));
|
|
* }
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Case-insensitive string sorting, with pre-formatting
|
|
* $.extend( $.fn.dataTableExt.oSort, {
|
|
* "string-pre": function(x) {
|
|
* return x.toLowerCase();
|
|
* },
|
|
* "string-asc": function(x,y) {
|
|
* return ((x < y) ? -1 : ((x > y) ? 1 : 0));
|
|
* },
|
|
* "string-desc": function(x,y) {
|
|
* return ((x < y) ? 1 : ((x > y) ? -1 : 0));
|
|
* }
|
|
* } );
|
|
*/
|
|
"oSort": {},
|
|
|
|
|
|
/**
|
|
* Version string for plug-ins to check compatibility. Allowed format is
|
|
* a.b.c.d.e where: a:int, b:int, c:int, d:string(dev|beta), e:int. d and
|
|
* e are optional
|
|
* @type string
|
|
* @default Version number
|
|
*/
|
|
"sVersion": DataTable.version,
|
|
|
|
|
|
/**
|
|
* How should DataTables report an error. Can take the value 'alert' or 'throw'
|
|
* @type string
|
|
* @default alert
|
|
*/
|
|
"sErrMode": "alert",
|
|
|
|
|
|
/**
|
|
* Store information for DataTables to access globally about other instances
|
|
* @namespace
|
|
* @private
|
|
*/
|
|
"_oExternConfig": {
|
|
/* int:iNextUnique - next unique number for an instance */
|
|
"iNextUnique": 0
|
|
}
|
|
};
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Template object for the way in which DataTables holds information about
|
|
* search information for the global filter and individual column filters.
|
|
* @namespace
|
|
*/
|
|
DataTable.models.oSearch = {
|
|
/**
|
|
* Flag to indicate if the filtering should be case insensitive or not
|
|
* @type boolean
|
|
* @default true
|
|
*/
|
|
"bCaseInsensitive": true,
|
|
|
|
/**
|
|
* Applied search term
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
*/
|
|
"sSearch": "",
|
|
|
|
/**
|
|
* Flag to indicate if the search term should be interpreted as a
|
|
* regular expression (true) or not (false) and therefore and special
|
|
* regex characters escaped.
|
|
* @type boolean
|
|
* @default false
|
|
*/
|
|
"bRegex": false,
|
|
|
|
/**
|
|
* Flag to indicate if DataTables is to use its smart filtering or not.
|
|
* @type boolean
|
|
* @default true
|
|
*/
|
|
"bSmart": true
|
|
};
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Template object for the way in which DataTables holds information about
|
|
* each individual row. This is the object format used for the settings
|
|
* aoData array.
|
|
* @namespace
|
|
*/
|
|
DataTable.models.oRow = {
|
|
/**
|
|
* TR element for the row
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTr": null,
|
|
|
|
/**
|
|
* Data object from the original data source for the row. This is either
|
|
* an array if using the traditional form of DataTables, or an object if
|
|
* using mData options. The exact type will depend on the passed in
|
|
* data from the data source, or will be an array if using DOM a data
|
|
* source.
|
|
* @type array|object
|
|
* @default []
|
|
*/
|
|
"_aData": [],
|
|
|
|
/**
|
|
* Sorting data cache - this array is ostensibly the same length as the
|
|
* number of columns (although each index is generated only as it is
|
|
* needed), and holds the data that is used for sorting each column in the
|
|
* row. We do this cache generation at the start of the sort in order that
|
|
* the formatting of the sort data need be done only once for each cell
|
|
* per sort. This array should not be read from or written to by anything
|
|
* other than the master sorting methods.
|
|
* @type array
|
|
* @default []
|
|
* @private
|
|
*/
|
|
"_aSortData": [],
|
|
|
|
/**
|
|
* Array of TD elements that are cached for hidden rows, so they can be
|
|
* reinserted into the table if a column is made visible again (or to act
|
|
* as a store if a column is made hidden). Only hidden columns have a
|
|
* reference in the array. For non-hidden columns the value is either
|
|
* undefined or null.
|
|
* @type array nodes
|
|
* @default []
|
|
* @private
|
|
*/
|
|
"_anHidden": [],
|
|
|
|
/**
|
|
* Cache of the class name that DataTables has applied to the row, so we
|
|
* can quickly look at this variable rather than needing to do a DOM check
|
|
* on className for the nTr property.
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
* @private
|
|
*/
|
|
"_sRowStripe": ""
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
* Template object for the column information object in DataTables. This object
|
|
* is held in the settings aoColumns array and contains all the information that
|
|
* DataTables needs about each individual column.
|
|
*
|
|
* Note that this object is related to {@link DataTable.defaults.columns}
|
|
* but this one is the internal data store for DataTables's cache of columns.
|
|
* It should NOT be manipulated outside of DataTables. Any configuration should
|
|
* be done through the initialisation options.
|
|
* @namespace
|
|
*/
|
|
DataTable.models.oColumn = {
|
|
/**
|
|
* A list of the columns that sorting should occur on when this column
|
|
* is sorted. That this property is an array allows multi-column sorting
|
|
* to be defined for a column (for example first name / last name columns
|
|
* would benefit from this). The values are integers pointing to the
|
|
* columns to be sorted on (typically it will be a single integer pointing
|
|
* at itself, but that doesn't need to be the case).
|
|
* @type array
|
|
*/
|
|
"aDataSort": null,
|
|
|
|
/**
|
|
* Define the sorting directions that are applied to the column, in sequence
|
|
* as the column is repeatedly sorted upon - i.e. the first value is used
|
|
* as the sorting direction when the column if first sorted (clicked on).
|
|
* Sort it again (click again) and it will move on to the next index.
|
|
* Repeat until loop.
|
|
* @type array
|
|
*/
|
|
"asSorting": null,
|
|
|
|
/**
|
|
* Flag to indicate if the column is searchable, and thus should be included
|
|
* in the filtering or not.
|
|
* @type boolean
|
|
*/
|
|
"bSearchable": null,
|
|
|
|
/**
|
|
* Flag to indicate if the column is sortable or not.
|
|
* @type boolean
|
|
*/
|
|
"bSortable": null,
|
|
|
|
/**
|
|
* When using fnRender, you have two options for what to do with the data,
|
|
* and this property serves as the switch. Firstly, you can have the sorting
|
|
* and filtering use the rendered value (true - default), or you can have
|
|
* the sorting and filtering us the original value (false).
|
|
*
|
|
* *NOTE* It is it is advisable now to use mData as a function and make
|
|
* use of the 'type' that it gives, allowing (potentially) different data to
|
|
* be used for sorting, filtering, display and type detection.
|
|
* @type boolean
|
|
* @deprecated
|
|
*/
|
|
"bUseRendered": null,
|
|
|
|
/**
|
|
* Flag to indicate if the column is currently visible in the table or not
|
|
* @type boolean
|
|
*/
|
|
"bVisible": null,
|
|
|
|
/**
|
|
* Flag to indicate to the type detection method if the automatic type
|
|
* detection should be used, or if a column type (sType) has been specified
|
|
* @type boolean
|
|
* @default true
|
|
* @private
|
|
*/
|
|
"_bAutoType": true,
|
|
|
|
/**
|
|
* Developer definable function that is called whenever a cell is created (Ajax source,
|
|
* etc) or processed for input (DOM source). This can be used as a compliment to fnRender
|
|
* allowing you to modify the DOM element (add background colour for example) when the
|
|
* element is available (since it is not when fnRender is called).
|
|
* @type function
|
|
* @param {element} nTd The TD node that has been created
|
|
* @param {*} sData The Data for the cell
|
|
* @param {array|object} oData The data for the whole row
|
|
* @param {int} iRow The row index for the aoData data store
|
|
* @default null
|
|
*/
|
|
"fnCreatedCell": null,
|
|
|
|
/**
|
|
* Function to get data from a cell in a column. You should <b>never</b>
|
|
* access data directly through _aData internally in DataTables - always use
|
|
* the method attached to this property. It allows mData to function as
|
|
* required. This function is automatically assigned by the column
|
|
* initialisation method
|
|
* @type function
|
|
* @param {array|object} oData The data array/object for the array
|
|
* (i.e. aoData[]._aData)
|
|
* @param {string} sSpecific The specific data type you want to get -
|
|
* 'display', 'type' 'filter' 'sort'
|
|
* @returns {*} The data for the cell from the given row's data
|
|
* @default null
|
|
*/
|
|
"fnGetData": null,
|
|
|
|
/**
|
|
* Custom display function that will be called for the display of each cell
|
|
* in this column.
|
|
* @type function
|
|
* @param {object} o Object with the following parameters:
|
|
* @param {int} o.iDataRow The row in aoData
|
|
* @param {int} o.iDataColumn The column in question
|
|
* @param {array} o.aData The data for the row in question
|
|
* @param {object} o.oSettings The settings object for this DataTables instance
|
|
* @returns {string} The string you which to use in the display
|
|
* @default null
|
|
*/
|
|
"fnRender": null,
|
|
|
|
/**
|
|
* Function to set data for a cell in the column. You should <b>never</b>
|
|
* set the data directly to _aData internally in DataTables - always use
|
|
* this method. It allows mData to function as required. This function
|
|
* is automatically assigned by the column initialisation method
|
|
* @type function
|
|
* @param {array|object} oData The data array/object for the array
|
|
* (i.e. aoData[]._aData)
|
|
* @param {*} sValue Value to set
|
|
* @default null
|
|
*/
|
|
"fnSetData": null,
|
|
|
|
/**
|
|
* Property to read the value for the cells in the column from the data
|
|
* source array / object. If null, then the default content is used, if a
|
|
* function is given then the return from the function is used.
|
|
* @type function|int|string|null
|
|
* @default null
|
|
*/
|
|
"mData": null,
|
|
|
|
/**
|
|
* Partner property to mData which is used (only when defined) to get
|
|
* the data - i.e. it is basically the same as mData, but without the
|
|
* 'set' option, and also the data fed to it is the result from mData.
|
|
* This is the rendering method to match the data method of mData.
|
|
* @type function|int|string|null
|
|
* @default null
|
|
*/
|
|
"mRender": null,
|
|
|
|
/**
|
|
* Unique header TH/TD element for this column - this is what the sorting
|
|
* listener is attached to (if sorting is enabled.)
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTh": null,
|
|
|
|
/**
|
|
* Unique footer TH/TD element for this column (if there is one). Not used
|
|
* in DataTables as such, but can be used for plug-ins to reference the
|
|
* footer for each column.
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTf": null,
|
|
|
|
/**
|
|
* The class to apply to all TD elements in the table's TBODY for the column
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sClass": null,
|
|
|
|
/**
|
|
* When DataTables calculates the column widths to assign to each column,
|
|
* it finds the longest string in each column and then constructs a
|
|
* temporary table and reads the widths from that. The problem with this
|
|
* is that "mmm" is much wider then "iiii", but the latter is a longer
|
|
* string - thus the calculation can go wrong (doing it properly and putting
|
|
* it into an DOM object and measuring that is horribly(!) slow). Thus as
|
|
* a "work around" we provide this option. It will append its value to the
|
|
* text that is found to be the longest string for the column - i.e. padding.
|
|
* @type string
|
|
*/
|
|
"sContentPadding": null,
|
|
|
|
/**
|
|
* Allows a default value to be given for a column's data, and will be used
|
|
* whenever a null data source is encountered (this can be because mData
|
|
* is set to null, or because the data source itself is null).
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sDefaultContent": null,
|
|
|
|
/**
|
|
* Name for the column, allowing reference to the column by name as well as
|
|
* by index (needs a lookup to work by name).
|
|
* @type string
|
|
*/
|
|
"sName": null,
|
|
|
|
/**
|
|
* Custom sorting data type - defines which of the available plug-ins in
|
|
* afnSortData the custom sorting will use - if any is defined.
|
|
* @type string
|
|
* @default std
|
|
*/
|
|
"sSortDataType": 'std',
|
|
|
|
/**
|
|
* Class to be applied to the header element when sorting on this column
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sSortingClass": null,
|
|
|
|
/**
|
|
* Class to be applied to the header element when sorting on this column -
|
|
* when jQuery UI theming is used.
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sSortingClassJUI": null,
|
|
|
|
/**
|
|
* Title of the column - what is seen in the TH element (nTh).
|
|
* @type string
|
|
*/
|
|
"sTitle": null,
|
|
|
|
/**
|
|
* Column sorting and filtering type
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sType": null,
|
|
|
|
/**
|
|
* Width of the column
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sWidth": null,
|
|
|
|
/**
|
|
* Width of the column when it was first "encountered"
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sWidthOrig": null
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
* Initialisation options that can be given to DataTables at initialisation
|
|
* time.
|
|
* @namespace
|
|
*/
|
|
DataTable.defaults = {
|
|
/**
|
|
* An array of data to use for the table, passed in at initialisation which
|
|
* will be used in preference to any data which is already in the DOM. This is
|
|
* particularly useful for constructing tables purely in Javascript, for
|
|
* example with a custom Ajax call.
|
|
* @type array
|
|
* @default null
|
|
* @dtopt Option
|
|
*
|
|
* @example
|
|
* // Using a 2D array data source
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "aaData": [
|
|
* ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'],
|
|
* ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C'],
|
|
* ],
|
|
* "aoColumns": [
|
|
* { "sTitle": "Engine" },
|
|
* { "sTitle": "Browser" },
|
|
* { "sTitle": "Platform" },
|
|
* { "sTitle": "Version" },
|
|
* { "sTitle": "Grade" }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using an array of objects as a data source (mData)
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "aaData": [
|
|
* {
|
|
* "engine": "Trident",
|
|
* "browser": "Internet Explorer 4.0",
|
|
* "platform": "Win 95+",
|
|
* "version": 4,
|
|
* "grade": "X"
|
|
* },
|
|
* {
|
|
* "engine": "Trident",
|
|
* "browser": "Internet Explorer 5.0",
|
|
* "platform": "Win 95+",
|
|
* "version": 5,
|
|
* "grade": "C"
|
|
* }
|
|
* ],
|
|
* "aoColumns": [
|
|
* { "sTitle": "Engine", "mData": "engine" },
|
|
* { "sTitle": "Browser", "mData": "browser" },
|
|
* { "sTitle": "Platform", "mData": "platform" },
|
|
* { "sTitle": "Version", "mData": "version" },
|
|
* { "sTitle": "Grade", "mData": "grade" }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"aaData": null,
|
|
|
|
|
|
/**
|
|
* If sorting is enabled, then DataTables will perform a first pass sort on
|
|
* initialisation. You can define which column(s) the sort is performed upon,
|
|
* and the sorting direction, with this variable. The aaSorting array should
|
|
* contain an array for each column to be sorted initially containing the
|
|
* column's index and a direction string ('asc' or 'desc').
|
|
* @type array
|
|
* @default [[0,'asc']]
|
|
* @dtopt Option
|
|
*
|
|
* @example
|
|
* // Sort by 3rd column first, and then 4th column
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aaSorting": [[2,'asc'], [3,'desc']]
|
|
* } );
|
|
* } );
|
|
*
|
|
* // No initial sorting
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aaSorting": []
|
|
* } );
|
|
* } );
|
|
*/
|
|
"aaSorting": [[0,'asc']],
|
|
|
|
|
|
/**
|
|
* This parameter is basically identical to the aaSorting parameter, but
|
|
* cannot be overridden by user interaction with the table. What this means
|
|
* is that you could have a column (visible or hidden) which the sorting will
|
|
* always be forced on first - any sorting after that (from the user) will
|
|
* then be performed as required. This can be useful for grouping rows
|
|
* together.
|
|
* @type array
|
|
* @default null
|
|
* @dtopt Option
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aaSortingFixed": [[0,'asc']]
|
|
* } );
|
|
* } )
|
|
*/
|
|
"aaSortingFixed": null,
|
|
|
|
|
|
/**
|
|
* This parameter allows you to readily specify the entries in the length drop
|
|
* down menu that DataTables shows when pagination is enabled. It can be
|
|
* either a 1D array of options which will be used for both the displayed
|
|
* option and the value, or a 2D array which will use the array in the first
|
|
* position as the value, and the array in the second position as the
|
|
* displayed options (useful for language strings such as 'All').
|
|
* @type array
|
|
* @default [ 10, 25, 50, 100 ]
|
|
* @dtopt Option
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Setting the default display length as well as length menu
|
|
* // This is likely to be wanted if you remove the '10' option which
|
|
* // is the iDisplayLength default.
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "iDisplayLength": 25,
|
|
* "aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"aLengthMenu": [ 10, 25, 50, 100 ],
|
|
|
|
|
|
/**
|
|
* The aoColumns option in the initialisation parameter allows you to define
|
|
* details about the way individual columns behave. For a full list of
|
|
* column options that can be set, please see
|
|
* {@link DataTable.defaults.columns}. Note that if you use aoColumns to
|
|
* define your columns, you must have an entry in the array for every single
|
|
* column that you have in your table (these can be null if you don't which
|
|
* to specify any options).
|
|
* @member
|
|
*/
|
|
"aoColumns": null,
|
|
|
|
/**
|
|
* Very similar to aoColumns, aoColumnDefs allows you to target a specific
|
|
* column, multiple columns, or all columns, using the aTargets property of
|
|
* each object in the array. This allows great flexibility when creating
|
|
* tables, as the aoColumnDefs arrays can be of any length, targeting the
|
|
* columns you specifically want. aoColumnDefs may use any of the column
|
|
* options available: {@link DataTable.defaults.columns}, but it _must_
|
|
* have aTargets defined in each object in the array. Values in the aTargets
|
|
* array may be:
|
|
* <ul>
|
|
* <li>a string - class name will be matched on the TH for the column</li>
|
|
* <li>0 or a positive integer - column index counting from the left</li>
|
|
* <li>a negative integer - column index counting from the right</li>
|
|
* <li>the string "_all" - all columns (i.e. assign a default)</li>
|
|
* </ul>
|
|
* @member
|
|
*/
|
|
"aoColumnDefs": null,
|
|
|
|
|
|
/**
|
|
* Basically the same as oSearch, this parameter defines the individual column
|
|
* filtering state at initialisation time. The array must be of the same size
|
|
* as the number of columns, and each element be an object with the parameters
|
|
* "sSearch" and "bEscapeRegex" (the latter is optional). 'null' is also
|
|
* accepted and the default will be used.
|
|
* @type array
|
|
* @default []
|
|
* @dtopt Option
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoSearchCols": [
|
|
* null,
|
|
* { "sSearch": "My filter" },
|
|
* null,
|
|
* { "sSearch": "^[0-9]", "bEscapeRegex": false }
|
|
* ]
|
|
* } );
|
|
* } )
|
|
*/
|
|
"aoSearchCols": [],
|
|
|
|
|
|
/**
|
|
* An array of CSS classes that should be applied to displayed rows. This
|
|
* array may be of any length, and DataTables will apply each class
|
|
* sequentially, looping when required.
|
|
* @type array
|
|
* @default null <i>Will take the values determined by the oClasses.sStripe*
|
|
* options</i>
|
|
* @dtopt Option
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "asStripeClasses": [ 'strip1', 'strip2', 'strip3' ]
|
|
* } );
|
|
* } )
|
|
*/
|
|
"asStripeClasses": null,
|
|
|
|
|
|
/**
|
|
* Enable or disable automatic column width calculation. This can be disabled
|
|
* as an optimisation (it takes some time to calculate the widths) if the
|
|
* tables widths are passed in using aoColumns.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bAutoWidth": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bAutoWidth": true,
|
|
|
|
|
|
/**
|
|
* Deferred rendering can provide DataTables with a huge speed boost when you
|
|
* are using an Ajax or JS data source for the table. This option, when set to
|
|
* true, will cause DataTables to defer the creation of the table elements for
|
|
* each row until they are needed for a draw - saving a significant amount of
|
|
* time.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "sAjaxSource": "sources/arrays.txt",
|
|
* "bDeferRender": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bDeferRender": false,
|
|
|
|
|
|
/**
|
|
* Replace a DataTable which matches the given selector and replace it with
|
|
* one which has the properties of the new initialisation object passed. If no
|
|
* table matches the selector, then the new DataTable will be constructed as
|
|
* per normal.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sScrollY": "200px",
|
|
* "bPaginate": false
|
|
* } );
|
|
*
|
|
* // Some time later....
|
|
* $('#example').dataTable( {
|
|
* "bFilter": false,
|
|
* "bDestroy": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bDestroy": false,
|
|
|
|
|
|
/**
|
|
* Enable or disable filtering of data. Filtering in DataTables is "smart" in
|
|
* that it allows the end user to input multiple words (space separated) and
|
|
* will match a row containing those words, even if not in the order that was
|
|
* specified (this allow matching across multiple columns). Note that if you
|
|
* wish to use filtering in DataTables this must remain 'true' - to remove the
|
|
* default filtering input box and retain filtering abilities, please use
|
|
* {@link DataTable.defaults.sDom}.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bFilter": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bFilter": true,
|
|
|
|
|
|
/**
|
|
* Enable or disable the table information display. This shows information
|
|
* about the data that is currently visible on the page, including information
|
|
* about filtered data if that action is being performed.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bInfo": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bInfo": true,
|
|
|
|
|
|
/**
|
|
* Enable jQuery UI ThemeRoller support (required as ThemeRoller requires some
|
|
* slightly different and additional mark-up from what DataTables has
|
|
* traditionally used).
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bJQueryUI": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bJQueryUI": false,
|
|
|
|
|
|
/**
|
|
* Allows the end user to select the size of a formatted page from a select
|
|
* menu (sizes are 10, 25, 50 and 100). Requires pagination (bPaginate).
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bLengthChange": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bLengthChange": true,
|
|
|
|
|
|
/**
|
|
* Enable or disable pagination.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bPaginate": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bPaginate": true,
|
|
|
|
|
|
/**
|
|
* Enable or disable the display of a 'processing' indicator when the table is
|
|
* being processed (e.g. a sort). This is particularly useful for tables with
|
|
* large amounts of data where it can take a noticeable amount of time to sort
|
|
* the entries.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bProcessing": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bProcessing": false,
|
|
|
|
|
|
/**
|
|
* Retrieve the DataTables object for the given selector. Note that if the
|
|
* table has already been initialised, this parameter will cause DataTables
|
|
* to simply return the object that has already been set up - it will not take
|
|
* account of any changes you might have made to the initialisation object
|
|
* passed to DataTables (setting this parameter to true is an acknowledgement
|
|
* that you understand this). bDestroy can be used to reinitialise a table if
|
|
* you need.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* initTable();
|
|
* tableActions();
|
|
* } );
|
|
*
|
|
* function initTable ()
|
|
* {
|
|
* return $('#example').dataTable( {
|
|
* "sScrollY": "200px",
|
|
* "bPaginate": false,
|
|
* "bRetrieve": true
|
|
* } );
|
|
* }
|
|
*
|
|
* function tableActions ()
|
|
* {
|
|
* var oTable = initTable();
|
|
* // perform API operations with oTable
|
|
* }
|
|
*/
|
|
"bRetrieve": false,
|
|
|
|
|
|
/**
|
|
* Indicate if DataTables should be allowed to set the padding / margin
|
|
* etc for the scrolling header elements or not. Typically you will want
|
|
* this.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bScrollAutoCss": false,
|
|
* "sScrollY": "200px"
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bScrollAutoCss": true,
|
|
|
|
|
|
/**
|
|
* When vertical (y) scrolling is enabled, DataTables will force the height of
|
|
* the table's viewport to the given height at all times (useful for layout).
|
|
* However, this can look odd when filtering data down to a small data set,
|
|
* and the footer is left "floating" further down. This parameter (when
|
|
* enabled) will cause DataTables to collapse the table's viewport down when
|
|
* the result set will fit within the given Y height.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sScrollY": "200",
|
|
* "bScrollCollapse": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bScrollCollapse": false,
|
|
|
|
|
|
/**
|
|
* Enable infinite scrolling for DataTables (to be used in combination with
|
|
* sScrollY). Infinite scrolling means that DataTables will continually load
|
|
* data as a user scrolls through a table, which is very useful for large
|
|
* dataset. This cannot be used with pagination, which is automatically
|
|
* disabled. Note - the Scroller extra for DataTables is recommended in
|
|
* in preference to this option.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bScrollInfinite": true,
|
|
* "bScrollCollapse": true,
|
|
* "sScrollY": "200px"
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bScrollInfinite": false,
|
|
|
|
|
|
/**
|
|
* Configure DataTables to use server-side processing. Note that the
|
|
* sAjaxSource parameter must also be given in order to give DataTables a
|
|
* source to obtain the required data for each draw.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Features
|
|
* @dtopt Server-side
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bServerSide": true,
|
|
* "sAjaxSource": "xhr.php"
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bServerSide": false,
|
|
|
|
|
|
/**
|
|
* Enable or disable sorting of columns. Sorting of individual columns can be
|
|
* disabled by the "bSortable" option for each column.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bSort": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bSort": true,
|
|
|
|
|
|
/**
|
|
* Allows control over whether DataTables should use the top (true) unique
|
|
* cell that is found for a single column, or the bottom (false - default).
|
|
* This is useful when using complex headers.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bSortCellsTop": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bSortCellsTop": false,
|
|
|
|
|
|
/**
|
|
* Enable or disable the addition of the classes 'sorting_1', 'sorting_2' and
|
|
* 'sorting_3' to the columns which are currently being sorted on. This is
|
|
* presented as a feature switch as it can increase processing time (while
|
|
* classes are removed and added) so for large data sets you might want to
|
|
* turn this off.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bSortClasses": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bSortClasses": true,
|
|
|
|
|
|
/**
|
|
* Enable or disable state saving. When enabled a cookie will be used to save
|
|
* table display information such as pagination information, display length,
|
|
* filtering and sorting. As such when the end user reloads the page the
|
|
* display display will match what thy had previously set up.
|
|
* @type boolean
|
|
* @default false
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bStateSave": false,
|
|
|
|
|
|
/**
|
|
* Customise the cookie and / or the parameters being stored when using
|
|
* DataTables with state saving enabled. This function is called whenever
|
|
* the cookie is modified, and it expects a fully formed cookie string to be
|
|
* returned. Note that the data object passed in is a Javascript object which
|
|
* must be converted to a string (JSON.stringify for example).
|
|
* @type function
|
|
* @param {string} sName Name of the cookie defined by DataTables
|
|
* @param {object} oData Data to be stored in the cookie
|
|
* @param {string} sExpires Cookie expires string
|
|
* @param {string} sPath Path of the cookie to set
|
|
* @returns {string} Cookie formatted string (which should be encoded by
|
|
* using encodeURIComponent())
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function () {
|
|
* $('#example').dataTable( {
|
|
* "fnCookieCallback": function (sName, oData, sExpires, sPath) {
|
|
* // Customise oData or sName or whatever else here
|
|
* return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath;
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnCookieCallback": null,
|
|
|
|
|
|
/**
|
|
* This function is called when a TR element is created (and all TD child
|
|
* elements have been inserted), or registered if using a DOM source, allowing
|
|
* manipulation of the TR element (adding classes etc).
|
|
* @type function
|
|
* @param {node} nRow "TR" element for the current row
|
|
* @param {array} aData Raw data array for this row
|
|
* @param {int} iDataIndex The index of this row in aoData
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnCreatedRow": function( nRow, aData, iDataIndex ) {
|
|
* // Bold the grade for all 'A' grade browsers
|
|
* if ( aData[4] == "A" )
|
|
* {
|
|
* $('td:eq(4)', nRow).html( '<b>A</b>' );
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnCreatedRow": null,
|
|
|
|
|
|
/**
|
|
* This function is called on every 'draw' event, and allows you to
|
|
* dynamically modify any aspect you want about the created DOM.
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnDrawCallback": function( oSettings ) {
|
|
* alert( 'DataTables has redrawn the table' );
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnDrawCallback": null,
|
|
|
|
|
|
/**
|
|
* Identical to fnHeaderCallback() but for the table footer this function
|
|
* allows you to modify the table footer on every 'draw' even.
|
|
* @type function
|
|
* @param {node} nFoot "TR" element for the footer
|
|
* @param {array} aData Full table data (as derived from the original HTML)
|
|
* @param {int} iStart Index for the current display starting point in the
|
|
* display array
|
|
* @param {int} iEnd Index for the current display ending point in the
|
|
* display array
|
|
* @param {array int} aiDisplay Index array to translate the visual position
|
|
* to the full data array
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnFooterCallback": function( nFoot, aData, iStart, iEnd, aiDisplay ) {
|
|
* nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+iStart;
|
|
* }
|
|
* } );
|
|
* } )
|
|
*/
|
|
"fnFooterCallback": null,
|
|
|
|
|
|
/**
|
|
* When rendering large numbers in the information element for the table
|
|
* (i.e. "Showing 1 to 10 of 57 entries") DataTables will render large numbers
|
|
* to have a comma separator for the 'thousands' units (e.g. 1 million is
|
|
* rendered as "1,000,000") to help readability for the end user. This
|
|
* function will override the default method DataTables uses.
|
|
* @type function
|
|
* @member
|
|
* @param {int} iIn number to be formatted
|
|
* @returns {string} formatted string for DataTables to show the number
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnFormatNumber": function ( iIn ) {
|
|
* if ( iIn < 1000 ) {
|
|
* return iIn;
|
|
* } else {
|
|
* var
|
|
* s=(iIn+""),
|
|
* a=s.split(""), out="",
|
|
* iLen=s.length;
|
|
*
|
|
* for ( var i=0 ; i<iLen ; i++ ) {
|
|
* if ( i%3 === 0 && i !== 0 ) {
|
|
* out = "'"+out;
|
|
* }
|
|
* out = a[iLen-i-1]+out;
|
|
* }
|
|
* }
|
|
* return out;
|
|
* };
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnFormatNumber": function ( iIn ) {
|
|
if ( iIn < 1000 )
|
|
{
|
|
// A small optimisation for what is likely to be the majority of use cases
|
|
return iIn;
|
|
}
|
|
|
|
var s=(iIn+""), a=s.split(""), out="", iLen=s.length;
|
|
|
|
for ( var i=0 ; i<iLen ; i++ )
|
|
{
|
|
if ( i%3 === 0 && i !== 0 )
|
|
{
|
|
out = this.oLanguage.sInfoThousands+out;
|
|
}
|
|
out = a[iLen-i-1]+out;
|
|
}
|
|
return out;
|
|
},
|
|
|
|
|
|
/**
|
|
* This function is called on every 'draw' event, and allows you to
|
|
* dynamically modify the header row. This can be used to calculate and
|
|
* display useful information about the table.
|
|
* @type function
|
|
* @param {node} nHead "TR" element for the header
|
|
* @param {array} aData Full table data (as derived from the original HTML)
|
|
* @param {int} iStart Index for the current display starting point in the
|
|
* display array
|
|
* @param {int} iEnd Index for the current display ending point in the
|
|
* display array
|
|
* @param {array int} aiDisplay Index array to translate the visual position
|
|
* to the full data array
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnHeaderCallback": function( nHead, aData, iStart, iEnd, aiDisplay ) {
|
|
* nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records";
|
|
* }
|
|
* } );
|
|
* } )
|
|
*/
|
|
"fnHeaderCallback": null,
|
|
|
|
|
|
/**
|
|
* The information element can be used to convey information about the current
|
|
* state of the table. Although the internationalisation options presented by
|
|
* DataTables are quite capable of dealing with most customisations, there may
|
|
* be times where you wish to customise the string further. This callback
|
|
* allows you to do exactly that.
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {int} iStart Starting position in data for the draw
|
|
* @param {int} iEnd End position in data for the draw
|
|
* @param {int} iMax Total number of rows in the table (regardless of
|
|
* filtering)
|
|
* @param {int} iTotal Total number of rows in the data set, after filtering
|
|
* @param {string} sPre The string that DataTables has formatted using it's
|
|
* own rules
|
|
* @returns {string} The string to be displayed in the information element.
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $('#example').dataTable( {
|
|
* "fnInfoCallback": function( oSettings, iStart, iEnd, iMax, iTotal, sPre ) {
|
|
* return iStart +" to "+ iEnd;
|
|
* }
|
|
* } );
|
|
*/
|
|
"fnInfoCallback": null,
|
|
|
|
|
|
/**
|
|
* Called when the table has been initialised. Normally DataTables will
|
|
* initialise sequentially and there will be no need for this function,
|
|
* however, this does not hold true when using external language information
|
|
* since that is obtained using an async XHR call.
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} json The JSON object request from the server - only
|
|
* present if client-side Ajax sourced data is used
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnInitComplete": function(oSettings, json) {
|
|
* alert( 'DataTables has finished its initialisation.' );
|
|
* }
|
|
* } );
|
|
* } )
|
|
*/
|
|
"fnInitComplete": null,
|
|
|
|
|
|
/**
|
|
* Called at the very start of each table draw and can be used to cancel the
|
|
* draw by returning false, any other return (including undefined) results in
|
|
* the full draw occurring).
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @returns {boolean} False will cancel the draw, anything else (including no
|
|
* return) will allow it to complete.
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnPreDrawCallback": function( oSettings ) {
|
|
* if ( $('#test').val() == 1 ) {
|
|
* return false;
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnPreDrawCallback": null,
|
|
|
|
|
|
/**
|
|
* This function allows you to 'post process' each row after it have been
|
|
* generated for each table draw, but before it is rendered on screen. This
|
|
* function might be used for setting the row class name etc.
|
|
* @type function
|
|
* @param {node} nRow "TR" element for the current row
|
|
* @param {array} aData Raw data array for this row
|
|
* @param {int} iDisplayIndex The display index for the current table draw
|
|
* @param {int} iDisplayIndexFull The index of the data in the full list of
|
|
* rows (after filtering)
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
|
|
* // Bold the grade for all 'A' grade browsers
|
|
* if ( aData[4] == "A" )
|
|
* {
|
|
* $('td:eq(4)', nRow).html( '<b>A</b>' );
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnRowCallback": null,
|
|
|
|
|
|
/**
|
|
* This parameter allows you to override the default function which obtains
|
|
* the data from the server ($.getJSON) so something more suitable for your
|
|
* application. For example you could use POST data, or pull information from
|
|
* a Gears or AIR database.
|
|
* @type function
|
|
* @member
|
|
* @param {string} sSource HTTP source to obtain the data from (sAjaxSource)
|
|
* @param {array} aoData A key/value pair object containing the data to send
|
|
* to the server
|
|
* @param {function} fnCallback to be called on completion of the data get
|
|
* process that will draw the data on the page.
|
|
* @param {object} oSettings DataTables settings object
|
|
* @dtopt Callbacks
|
|
* @dtopt Server-side
|
|
*
|
|
* @example
|
|
* // POST data to server
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bProcessing": true,
|
|
* "bServerSide": true,
|
|
* "sAjaxSource": "xhr.php",
|
|
* "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
|
|
* oSettings.jqXHR = $.ajax( {
|
|
* "dataType": 'json',
|
|
* "type": "POST",
|
|
* "url": sSource,
|
|
* "data": aoData,
|
|
* "success": fnCallback
|
|
* } );
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnServerData": function ( sUrl, aoData, fnCallback, oSettings ) {
|
|
oSettings.jqXHR = $.ajax( {
|
|
"url": sUrl,
|
|
"data": aoData,
|
|
"success": function (json) {
|
|
if ( json.sError ) {
|
|
oSettings.oApi._fnLog( oSettings, 0, json.sError );
|
|
}
|
|
|
|
$(oSettings.oInstance).trigger('xhr', [oSettings, json]);
|
|
fnCallback( json );
|
|
},
|
|
"dataType": "json",
|
|
"cache": false,
|
|
"type": oSettings.sServerMethod,
|
|
"error": function (xhr, error, thrown) {
|
|
if ( error == "parsererror" ) {
|
|
oSettings.oApi._fnLog( oSettings, 0, "DataTables warning: JSON data from "+
|
|
"server could not be parsed. This is caused by a JSON formatting error." );
|
|
}
|
|
}
|
|
} );
|
|
},
|
|
|
|
|
|
/**
|
|
* It is often useful to send extra data to the server when making an Ajax
|
|
* request - for example custom filtering information, and this callback
|
|
* function makes it trivial to send extra information to the server. The
|
|
* passed in parameter is the data set that has been constructed by
|
|
* DataTables, and you can add to this or modify it as you require.
|
|
* @type function
|
|
* @param {array} aoData Data array (array of objects which are name/value
|
|
* pairs) that has been constructed by DataTables and will be sent to the
|
|
* server. In the case of Ajax sourced data with server-side processing
|
|
* this will be an empty array, for server-side processing there will be a
|
|
* significant number of parameters!
|
|
* @returns {undefined} Ensure that you modify the aoData array passed in,
|
|
* as this is passed by reference.
|
|
* @dtopt Callbacks
|
|
* @dtopt Server-side
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bProcessing": true,
|
|
* "bServerSide": true,
|
|
* "sAjaxSource": "scripts/server_processing.php",
|
|
* "fnServerParams": function ( aoData ) {
|
|
* aoData.push( { "name": "more_data", "value": "my_value" } );
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnServerParams": null,
|
|
|
|
|
|
/**
|
|
* Load the table state. With this function you can define from where, and how, the
|
|
* state of a table is loaded. By default DataTables will load from its state saving
|
|
* cookie, but you might wish to use local storage (HTML5) or a server-side database.
|
|
* @type function
|
|
* @member
|
|
* @param {object} oSettings DataTables settings object
|
|
* @return {object} The DataTables state object to be loaded
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true,
|
|
* "fnStateLoad": function (oSettings) {
|
|
* var o;
|
|
*
|
|
* // Send an Ajax request to the server to get the data. Note that
|
|
* // this is a synchronous request.
|
|
* $.ajax( {
|
|
* "url": "/state_load",
|
|
* "async": false,
|
|
* "dataType": "json",
|
|
* "success": function (json) {
|
|
* o = json;
|
|
* }
|
|
* } );
|
|
*
|
|
* return o;
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnStateLoad": function ( oSettings ) {
|
|
var sData = this.oApi._fnReadCookie( oSettings.sCookiePrefix+oSettings.sInstance );
|
|
var oData;
|
|
|
|
try {
|
|
oData = (typeof $.parseJSON === 'function') ?
|
|
$.parseJSON(sData) : eval( '('+sData+')' );
|
|
} catch (e) {
|
|
oData = null;
|
|
}
|
|
|
|
return oData;
|
|
},
|
|
|
|
|
|
/**
|
|
* Callback which allows modification of the saved state prior to loading that state.
|
|
* This callback is called when the table is loading state from the stored data, but
|
|
* prior to the settings object being modified by the saved state. Note that for
|
|
* plug-in authors, you should use the 'stateLoadParams' event to load parameters for
|
|
* a plug-in.
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} oData The state object that is to be loaded
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* // Remove a saved filter, so filtering is never loaded
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true,
|
|
* "fnStateLoadParams": function (oSettings, oData) {
|
|
* oData.oSearch.sSearch = "";
|
|
* }
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Disallow state loading by returning false
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true,
|
|
* "fnStateLoadParams": function (oSettings, oData) {
|
|
* return false;
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnStateLoadParams": null,
|
|
|
|
|
|
/**
|
|
* Callback that is called when the state has been loaded from the state saving method
|
|
* and the DataTables settings object has been modified as a result of the loaded state.
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} oData The state object that was loaded
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* // Show an alert with the filtering value that was saved
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true,
|
|
* "fnStateLoaded": function (oSettings, oData) {
|
|
* alert( 'Saved filter was: '+oData.oSearch.sSearch );
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnStateLoaded": null,
|
|
|
|
|
|
/**
|
|
* Save the table state. This function allows you to define where and how the state
|
|
* information for the table is stored - by default it will use a cookie, but you
|
|
* might want to use local storage (HTML5) or a server-side database.
|
|
* @type function
|
|
* @member
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} oData The state object to be saved
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true,
|
|
* "fnStateSave": function (oSettings, oData) {
|
|
* // Send an Ajax request to the server with the state object
|
|
* $.ajax( {
|
|
* "url": "/state_save",
|
|
* "data": oData,
|
|
* "dataType": "json",
|
|
* "method": "POST"
|
|
* "success": function () {}
|
|
* } );
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnStateSave": function ( oSettings, oData ) {
|
|
this.oApi._fnCreateCookie(
|
|
oSettings.sCookiePrefix+oSettings.sInstance,
|
|
this.oApi._fnJsonString(oData),
|
|
oSettings.iCookieDuration,
|
|
oSettings.sCookiePrefix,
|
|
oSettings.fnCookieCallback
|
|
);
|
|
},
|
|
|
|
|
|
/**
|
|
* Callback which allows modification of the state to be saved. Called when the table
|
|
* has changed state a new state save is required. This method allows modification of
|
|
* the state saving object prior to actually doing the save, including addition or
|
|
* other state properties or modification. Note that for plug-in authors, you should
|
|
* use the 'stateSaveParams' event to save parameters for a plug-in.
|
|
* @type function
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} oData The state object to be saved
|
|
* @dtopt Callbacks
|
|
*
|
|
* @example
|
|
* // Remove a saved filter, so filtering is never saved
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bStateSave": true,
|
|
* "fnStateSaveParams": function (oSettings, oData) {
|
|
* oData.oSearch.sSearch = "";
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnStateSaveParams": null,
|
|
|
|
|
|
/**
|
|
* Duration of the cookie which is used for storing session information. This
|
|
* value is given in seconds.
|
|
* @type int
|
|
* @default 7200 <i>(2 hours)</i>
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "iCookieDuration": 60*60*24; // 1 day
|
|
* } );
|
|
* } )
|
|
*/
|
|
"iCookieDuration": 7200,
|
|
|
|
|
|
/**
|
|
* When enabled DataTables will not make a request to the server for the first
|
|
* page draw - rather it will use the data already on the page (no sorting etc
|
|
* will be applied to it), thus saving on an XHR at load time. iDeferLoading
|
|
* is used to indicate that deferred loading is required, but it is also used
|
|
* to tell DataTables how many records there are in the full table (allowing
|
|
* the information element and pagination to be displayed correctly). In the case
|
|
* where a filtering is applied to the table on initial load, this can be
|
|
* indicated by giving the parameter as an array, where the first element is
|
|
* the number of records available after filtering and the second element is the
|
|
* number of records without filtering (allowing the table information element
|
|
* to be shown correctly).
|
|
* @type int | array
|
|
* @default null
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* // 57 records available in the table, no filtering applied
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bServerSide": true,
|
|
* "sAjaxSource": "scripts/server_processing.php",
|
|
* "iDeferLoading": 57
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // 57 records after filtering, 100 without filtering (an initial filter applied)
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bServerSide": true,
|
|
* "sAjaxSource": "scripts/server_processing.php",
|
|
* "iDeferLoading": [ 57, 100 ],
|
|
* "oSearch": {
|
|
* "sSearch": "my_filter"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"iDeferLoading": null,
|
|
|
|
|
|
/**
|
|
* Number of rows to display on a single page when using pagination. If
|
|
* feature enabled (bLengthChange) then the end user will be able to override
|
|
* this to a custom setting using a pop-up menu.
|
|
* @type int
|
|
* @default 10
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "iDisplayLength": 50
|
|
* } );
|
|
* } )
|
|
*/
|
|
"iDisplayLength": 10,
|
|
|
|
|
|
/**
|
|
* Define the starting point for data display when using DataTables with
|
|
* pagination. Note that this parameter is the number of records, rather than
|
|
* the page number, so if you have 10 records per page and want to start on
|
|
* the third page, it should be "20".
|
|
* @type int
|
|
* @default 0
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "iDisplayStart": 20
|
|
* } );
|
|
* } )
|
|
*/
|
|
"iDisplayStart": 0,
|
|
|
|
|
|
/**
|
|
* The scroll gap is the amount of scrolling that is left to go before
|
|
* DataTables will load the next 'page' of data automatically. You typically
|
|
* want a gap which is big enough that the scrolling will be smooth for the
|
|
* user, while not so large that it will load more data than need.
|
|
* @type int
|
|
* @default 100
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bScrollInfinite": true,
|
|
* "bScrollCollapse": true,
|
|
* "sScrollY": "200px",
|
|
* "iScrollLoadGap": 50
|
|
* } );
|
|
* } );
|
|
*/
|
|
"iScrollLoadGap": 100,
|
|
|
|
|
|
/**
|
|
* By default DataTables allows keyboard navigation of the table (sorting, paging,
|
|
* and filtering) by adding a tabindex attribute to the required elements. This
|
|
* allows you to tab through the controls and press the enter key to activate them.
|
|
* The tabindex is default 0, meaning that the tab follows the flow of the document.
|
|
* You can overrule this using this parameter if you wish. Use a value of -1 to
|
|
* disable built-in keyboard navigation.
|
|
* @type int
|
|
* @default 0
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "iTabIndex": 1
|
|
* } );
|
|
* } );
|
|
*/
|
|
"iTabIndex": 0,
|
|
|
|
|
|
/**
|
|
* All strings that DataTables uses in the user interface that it creates
|
|
* are defined in this object, allowing you to modified them individually or
|
|
* completely replace them all as required.
|
|
* @namespace
|
|
*/
|
|
"oLanguage": {
|
|
/**
|
|
* Strings that are used for WAI-ARIA labels and controls only (these are not
|
|
* actually visible on the page, but will be read by screenreaders, and thus
|
|
* must be internationalised as well).
|
|
* @namespace
|
|
*/
|
|
"oAria": {
|
|
/**
|
|
* ARIA label that is added to the table headers when the column may be
|
|
* sorted ascending by activing the column (click or return when focused).
|
|
* Note that the column header is prefixed to this string.
|
|
* @type string
|
|
* @default : activate to sort column ascending
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "oAria": {
|
|
* "sSortAscending": " - click/return to sort ascending"
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sSortAscending": ": activate to sort column ascending",
|
|
|
|
/**
|
|
* ARIA label that is added to the table headers when the column may be
|
|
* sorted descending by activing the column (click or return when focused).
|
|
* Note that the column header is prefixed to this string.
|
|
* @type string
|
|
* @default : activate to sort column ascending
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "oAria": {
|
|
* "sSortDescending": " - click/return to sort descending"
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sSortDescending": ": activate to sort column descending"
|
|
},
|
|
|
|
/**
|
|
* Pagination string used by DataTables for the two built-in pagination
|
|
* control types ("two_button" and "full_numbers")
|
|
* @namespace
|
|
*/
|
|
"oPaginate": {
|
|
/**
|
|
* Text to use when using the 'full_numbers' type of pagination for the
|
|
* button to take the user to the first page.
|
|
* @type string
|
|
* @default First
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "oPaginate": {
|
|
* "sFirst": "First page"
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sFirst": "First",
|
|
|
|
|
|
/**
|
|
* Text to use when using the 'full_numbers' type of pagination for the
|
|
* button to take the user to the last page.
|
|
* @type string
|
|
* @default Last
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "oPaginate": {
|
|
* "sLast": "Last page"
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sLast": "Last",
|
|
|
|
|
|
/**
|
|
* Text to use when using the 'full_numbers' type of pagination for the
|
|
* button to take the user to the next page.
|
|
* @type string
|
|
* @default Next
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "oPaginate": {
|
|
* "sNext": "Next page"
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sNext": "Next",
|
|
|
|
|
|
/**
|
|
* Text to use when using the 'full_numbers' type of pagination for the
|
|
* button to take the user to the previous page.
|
|
* @type string
|
|
* @default Previous
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "oPaginate": {
|
|
* "sPrevious": "Previous page"
|
|
* }
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sPrevious": "Previous"
|
|
},
|
|
|
|
/**
|
|
* This string is shown in preference to sZeroRecords when the table is
|
|
* empty of data (regardless of filtering). Note that this is an optional
|
|
* parameter - if it is not given, the value of sZeroRecords will be used
|
|
* instead (either the default or given value).
|
|
* @type string
|
|
* @default No data available in table
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sEmptyTable": "No data available in table"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sEmptyTable": "No data available in table",
|
|
|
|
|
|
/**
|
|
* This string gives information to the end user about the information that
|
|
* is current on display on the page. The _START_, _END_ and _TOTAL_
|
|
* variables are all dynamically replaced as the table display updates, and
|
|
* can be freely moved or removed as the language requirements change.
|
|
* @type string
|
|
* @default Showing _START_ to _END_ of _TOTAL_ entries
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sInfo": "Showing _START_ to _END_ of _TOTAL_ entries",
|
|
|
|
|
|
/**
|
|
* Display information string for when the table is empty. Typically the
|
|
* format of this string should match sInfo.
|
|
* @type string
|
|
* @default Showing 0 to 0 of 0 entries
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sInfoEmpty": "No entries to show"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sInfoEmpty": "Showing 0 to 0 of 0 entries",
|
|
|
|
|
|
/**
|
|
* When a user filters the information in a table, this string is appended
|
|
* to the information (sInfo) to give an idea of how strong the filtering
|
|
* is. The variable _MAX_ is dynamically updated.
|
|
* @type string
|
|
* @default (filtered from _MAX_ total entries)
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sInfoFiltered": " - filtering from _MAX_ records"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sInfoFiltered": "(filtered from _MAX_ total entries)",
|
|
|
|
|
|
/**
|
|
* If can be useful to append extra information to the info string at times,
|
|
* and this variable does exactly that. This information will be appended to
|
|
* the sInfo (sInfoEmpty and sInfoFiltered in whatever combination they are
|
|
* being used) at all times.
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sInfoPostFix": "All records shown are derived from real information."
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sInfoPostFix": "",
|
|
|
|
|
|
/**
|
|
* DataTables has a build in number formatter (fnFormatNumber) which is used
|
|
* to format large numbers that are used in the table information. By
|
|
* default a comma is used, but this can be trivially changed to any
|
|
* character you wish with this parameter.
|
|
* @type string
|
|
* @default ,
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sInfoThousands": "'"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sInfoThousands": ",",
|
|
|
|
|
|
/**
|
|
* Detail the action that will be taken when the drop down menu for the
|
|
* pagination length option is changed. The '_MENU_' variable is replaced
|
|
* with a default select list of 10, 25, 50 and 100, and can be replaced
|
|
* with a custom select box if required.
|
|
* @type string
|
|
* @default Show _MENU_ entries
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* // Language change only
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sLengthMenu": "Display _MENU_ records"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Language and options change
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sLengthMenu": 'Display <select>'+
|
|
* '<option value="10">10</option>'+
|
|
* '<option value="20">20</option>'+
|
|
* '<option value="30">30</option>'+
|
|
* '<option value="40">40</option>'+
|
|
* '<option value="50">50</option>'+
|
|
* '<option value="-1">All</option>'+
|
|
* '</select> records'
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sLengthMenu": "Show _MENU_ entries",
|
|
|
|
|
|
/**
|
|
* When using Ajax sourced data and during the first draw when DataTables is
|
|
* gathering the data, this message is shown in an empty row in the table to
|
|
* indicate to the end user the the data is being loaded. Note that this
|
|
* parameter is not used when loading data by server-side processing, just
|
|
* Ajax sourced data with client-side processing.
|
|
* @type string
|
|
* @default Loading...
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sLoadingRecords": "Please wait - loading..."
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sLoadingRecords": "Loading...",
|
|
|
|
|
|
/**
|
|
* Text which is displayed when the table is processing a user action
|
|
* (usually a sort command or similar).
|
|
* @type string
|
|
* @default Processing...
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sProcessing": "DataTables is currently busy"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sProcessing": "Processing...",
|
|
|
|
|
|
/**
|
|
* Details the actions that will be taken when the user types into the
|
|
* filtering input text box. The variable "_INPUT_", if used in the string,
|
|
* is replaced with the HTML text box for the filtering input allowing
|
|
* control over where it appears in the string. If "_INPUT_" is not given
|
|
* then the input box is appended to the string automatically.
|
|
* @type string
|
|
* @default Search:
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* // Input text box will be appended at the end automatically
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sSearch": "Filter records:"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Specify where the filter should appear
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sSearch": "Apply filter _INPUT_ to table"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sSearch": "Search:",
|
|
|
|
|
|
/**
|
|
* All of the language information can be stored in a file on the
|
|
* server-side, which DataTables will look up if this parameter is passed.
|
|
* It must store the URL of the language file, which is in a JSON format,
|
|
* and the object has the same properties as the oLanguage object in the
|
|
* initialiser object (i.e. the above parameters). Please refer to one of
|
|
* the example language files to see how this works in action.
|
|
* @type string
|
|
* @default <i>Empty string - i.e. disabled</i>
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sUrl": "http://www.sprymedia.co.uk/dataTables/lang.txt"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sUrl": "",
|
|
|
|
|
|
/**
|
|
* Text shown inside the table records when the is no information to be
|
|
* displayed after filtering. sEmptyTable is shown when there is simply no
|
|
* information in the table at all (regardless of filtering).
|
|
* @type string
|
|
* @default No matching records found
|
|
* @dtopt Language
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oLanguage": {
|
|
* "sZeroRecords": "No records to display"
|
|
* }
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sZeroRecords": "No matching records found"
|
|
},
|
|
|
|
|
|
/**
|
|
* This parameter allows you to have define the global filtering state at
|
|
* initialisation time. As an object the "sSearch" parameter must be
|
|
* defined, but all other parameters are optional. When "bRegex" is true,
|
|
* the search string will be treated as a regular expression, when false
|
|
* (default) it will be treated as a straight string. When "bSmart"
|
|
* DataTables will use it's smart filtering methods (to word match at
|
|
* any point in the data), when false this will not be done.
|
|
* @namespace
|
|
* @extends DataTable.models.oSearch
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "oSearch": {"sSearch": "Initial search"}
|
|
* } );
|
|
* } )
|
|
*/
|
|
"oSearch": $.extend( {}, DataTable.models.oSearch ),
|
|
|
|
|
|
/**
|
|
* By default DataTables will look for the property 'aaData' when obtaining
|
|
* data from an Ajax source or for server-side processing - this parameter
|
|
* allows that property to be changed. You can use Javascript dotted object
|
|
* notation to get a data source for multiple levels of nesting.
|
|
* @type string
|
|
* @default aaData
|
|
* @dtopt Options
|
|
* @dtopt Server-side
|
|
*
|
|
* @example
|
|
* // Get data from { "data": [...] }
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "sAjaxSource": "sources/data.txt",
|
|
* "sAjaxDataProp": "data"
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Get data from { "data": { "inner": [...] } }
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "sAjaxSource": "sources/data.txt",
|
|
* "sAjaxDataProp": "data.inner"
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sAjaxDataProp": "aaData",
|
|
|
|
|
|
/**
|
|
* You can instruct DataTables to load data from an external source using this
|
|
* parameter (use aData if you want to pass data in you already have). Simply
|
|
* provide a url a JSON object can be obtained from. This object must include
|
|
* the parameter 'aaData' which is the data source for the table.
|
|
* @type string
|
|
* @default null
|
|
* @dtopt Options
|
|
* @dtopt Server-side
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php"
|
|
* } );
|
|
* } )
|
|
*/
|
|
"sAjaxSource": null,
|
|
|
|
|
|
/**
|
|
* This parameter can be used to override the default prefix that DataTables
|
|
* assigns to a cookie when state saving is enabled.
|
|
* @type string
|
|
* @default SpryMedia_DataTables_
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sCookiePrefix": "my_datatable_",
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sCookiePrefix": "SpryMedia_DataTables_",
|
|
|
|
|
|
/**
|
|
* This initialisation variable allows you to specify exactly where in the
|
|
* DOM you want DataTables to inject the various controls it adds to the page
|
|
* (for example you might want the pagination controls at the top of the
|
|
* table). DIV elements (with or without a custom class) can also be added to
|
|
* aid styling. The follow syntax is used:
|
|
* <ul>
|
|
* <li>The following options are allowed:
|
|
* <ul>
|
|
* <li>'l' - Length changing</li
|
|
* <li>'f' - Filtering input</li>
|
|
* <li>'t' - The table!</li>
|
|
* <li>'i' - Information</li>
|
|
* <li>'p' - Pagination</li>
|
|
* <li>'r' - pRocessing</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>The following constants are allowed:
|
|
* <ul>
|
|
* <li>'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')</li>
|
|
* <li>'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>The following syntax is expected:
|
|
* <ul>
|
|
* <li>'<' and '>' - div elements</li>
|
|
* <li>'<"class" and '>' - div with a class</li>
|
|
* <li>'<"#id" and '>' - div with an ID</li>
|
|
* </ul>
|
|
* </li>
|
|
* <li>Examples:
|
|
* <ul>
|
|
* <li>'<"wrapper"flipt>'</li>
|
|
* <li>'<lf<t>ip>'</li>
|
|
* </ul>
|
|
* </li>
|
|
* </ul>
|
|
* @type string
|
|
* @default lfrtip <i>(when bJQueryUI is false)</i> <b>or</b>
|
|
* <"H"lfr>t<"F"ip> <i>(when bJQueryUI is true)</i>
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sDom": '<"top"i>rt<"bottom"flp><"clear">'
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sDom": "lfrtip",
|
|
|
|
|
|
/**
|
|
* DataTables features two different built-in pagination interaction methods
|
|
* ('two_button' or 'full_numbers') which present different page controls to
|
|
* the end user. Further methods can be added using the API (see below).
|
|
* @type string
|
|
* @default two_button
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sPaginationType": "full_numbers"
|
|
* } );
|
|
* } )
|
|
*/
|
|
"sPaginationType": "two_button",
|
|
|
|
|
|
/**
|
|
* Enable horizontal scrolling. When a table is too wide to fit into a certain
|
|
* layout, or you have a large number of columns in the table, you can enable
|
|
* x-scrolling to show the table in a viewport, which can be scrolled. This
|
|
* property can be any CSS unit, or a number (in which case it will be treated
|
|
* as a pixel measurement).
|
|
* @type string
|
|
* @default <i>blank string - i.e. disabled</i>
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sScrollX": "100%",
|
|
* "bScrollCollapse": true
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sScrollX": "",
|
|
|
|
|
|
/**
|
|
* This property can be used to force a DataTable to use more width than it
|
|
* might otherwise do when x-scrolling is enabled. For example if you have a
|
|
* table which requires to be well spaced, this parameter is useful for
|
|
* "over-sizing" the table, and thus forcing scrolling. This property can by
|
|
* any CSS unit, or a number (in which case it will be treated as a pixel
|
|
* measurement).
|
|
* @type string
|
|
* @default <i>blank string - i.e. disabled</i>
|
|
* @dtopt Options
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sScrollX": "100%",
|
|
* "sScrollXInner": "110%"
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sScrollXInner": "",
|
|
|
|
|
|
/**
|
|
* Enable vertical scrolling. Vertical scrolling will constrain the DataTable
|
|
* to the given height, and enable scrolling for any data which overflows the
|
|
* current viewport. This can be used as an alternative to paging to display
|
|
* a lot of data in a small area (although paging and scrolling can both be
|
|
* enabled at the same time). This property can be any CSS unit, or a number
|
|
* (in which case it will be treated as a pixel measurement).
|
|
* @type string
|
|
* @default <i>blank string - i.e. disabled</i>
|
|
* @dtopt Features
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "sScrollY": "200px",
|
|
* "bPaginate": false
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sScrollY": "",
|
|
|
|
|
|
/**
|
|
* Set the HTTP method that is used to make the Ajax call for server-side
|
|
* processing or Ajax sourced data.
|
|
* @type string
|
|
* @default GET
|
|
* @dtopt Options
|
|
* @dtopt Server-side
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "bServerSide": true,
|
|
* "sAjaxSource": "scripts/post.php",
|
|
* "sServerMethod": "POST"
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sServerMethod": "GET"
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
* Column options that can be given to DataTables at initialisation time.
|
|
* @namespace
|
|
*/
|
|
DataTable.defaults.columns = {
|
|
/**
|
|
* Allows a column's sorting to take multiple columns into account when
|
|
* doing a sort. For example first name / last name columns make sense to
|
|
* do a multi-column sort over the two columns.
|
|
* @type array
|
|
* @default null <i>Takes the value of the column index automatically</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "aDataSort": [ 0, 1 ], "aTargets": [ 0 ] },
|
|
* { "aDataSort": [ 1, 0 ], "aTargets": [ 1 ] },
|
|
* { "aDataSort": [ 2, 3, 4 ], "aTargets": [ 2 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "aDataSort": [ 0, 1 ] },
|
|
* { "aDataSort": [ 1, 0 ] },
|
|
* { "aDataSort": [ 2, 3, 4 ] },
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"aDataSort": null,
|
|
|
|
|
|
/**
|
|
* You can control the default sorting direction, and even alter the behaviour
|
|
* of the sort handler (i.e. only allow ascending sorting etc) using this
|
|
* parameter.
|
|
* @type array
|
|
* @default [ 'asc', 'desc' ]
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "asSorting": [ "asc" ], "aTargets": [ 1 ] },
|
|
* { "asSorting": [ "desc", "asc", "asc" ], "aTargets": [ 2 ] },
|
|
* { "asSorting": [ "desc" ], "aTargets": [ 3 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* null,
|
|
* { "asSorting": [ "asc" ] },
|
|
* { "asSorting": [ "desc", "asc", "asc" ] },
|
|
* { "asSorting": [ "desc" ] },
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"asSorting": [ 'asc', 'desc' ],
|
|
|
|
|
|
/**
|
|
* Enable or disable filtering on the data in this column.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "bSearchable": false, "aTargets": [ 0 ] }
|
|
* ] } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "bSearchable": false },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ] } );
|
|
* } );
|
|
*/
|
|
"bSearchable": true,
|
|
|
|
|
|
/**
|
|
* Enable or disable sorting on this column.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "bSortable": false, "aTargets": [ 0 ] }
|
|
* ] } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "bSortable": false },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ] } );
|
|
* } );
|
|
*/
|
|
"bSortable": true,
|
|
|
|
|
|
/**
|
|
* When using fnRender() for a column, you may wish to use the original data
|
|
* (before rendering) for sorting and filtering (the default is to used the
|
|
* rendered data that the user can see). This may be useful for dates etc.
|
|
*
|
|
* *NOTE* This property is now deprecated, and it is suggested that you use
|
|
* mData and / or mRender to render data for the DataTable.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Columns
|
|
* @deprecated
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* {
|
|
* "fnRender": function ( oObj ) {
|
|
* return oObj.aData[0] +' '+ oObj.aData[3];
|
|
* },
|
|
* "bUseRendered": false,
|
|
* "aTargets": [ 0 ]
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* {
|
|
* "fnRender": function ( oObj ) {
|
|
* return oObj.aData[0] +' '+ oObj.aData[3];
|
|
* },
|
|
* "bUseRendered": false
|
|
* },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"bUseRendered": true,
|
|
|
|
|
|
/**
|
|
* Enable or disable the display of this column.
|
|
* @type boolean
|
|
* @default true
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "bVisible": false, "aTargets": [ 0 ] }
|
|
* ] } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "bVisible": false },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ] } );
|
|
* } );
|
|
*/
|
|
"bVisible": true,
|
|
|
|
|
|
/**
|
|
* Developer definable function that is called whenever a cell is created (Ajax source,
|
|
* etc) or processed for input (DOM source). This can be used as a compliment to fnRender
|
|
* allowing you to modify the DOM element (add background colour for example) when the
|
|
* element is available (since it is not when fnRender is called).
|
|
* @type function
|
|
* @param {element} nTd The TD node that has been created
|
|
* @param {*} sData The Data for the cell
|
|
* @param {array|object} oData The data for the whole row
|
|
* @param {int} iRow The row index for the aoData data store
|
|
* @param {int} iCol The column index for aoColumns
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [ {
|
|
* "aTargets": [3],
|
|
* "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
|
|
* if ( sData == "1.7" ) {
|
|
* $(nTd).css('color', 'blue')
|
|
* }
|
|
* }
|
|
* } ]
|
|
* });
|
|
* } );
|
|
*/
|
|
"fnCreatedCell": null,
|
|
|
|
|
|
/**
|
|
* Custom display function that will be called for the display of each cell in
|
|
* this column.
|
|
* @type function
|
|
* @param {object} o Object with the following parameters:
|
|
* @param {int} o.iDataRow The row in aoData
|
|
* @param {int} o.iDataColumn The column in question
|
|
* @param {array} o.aData The data for the row in question
|
|
* @param {object} o.oSettings The settings object for this DataTables instance
|
|
* @param {object} o.mDataProp The data property used for this column
|
|
* @param {*} val The current cell value
|
|
* @returns {string} The string you which to use in the display
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* {
|
|
* "fnRender": function ( o, val ) {
|
|
* return o.aData[0] +' '+ o.aData[3];
|
|
* },
|
|
* "aTargets": [ 0 ]
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "fnRender": function ( o, val ) {
|
|
* return o.aData[0] +' '+ o.aData[3];
|
|
* } },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"fnRender": null,
|
|
|
|
|
|
/**
|
|
* The column index (starting from 0!) that you wish a sort to be performed
|
|
* upon when this column is selected for sorting. This can be used for sorting
|
|
* on hidden columns for example.
|
|
* @type int
|
|
* @default -1 <i>Use automatically calculated column index</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "iDataSort": 1, "aTargets": [ 0 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "iDataSort": 1 },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"iDataSort": -1,
|
|
|
|
|
|
/**
|
|
* This parameter has been replaced by mData in DataTables to ensure naming
|
|
* consistency. mDataProp can still be used, as there is backwards compatibility
|
|
* in DataTables for this option, but it is strongly recommended that you use
|
|
* mData in preference to mDataProp.
|
|
* @name DataTable.defaults.columns.mDataProp
|
|
*/
|
|
|
|
|
|
/**
|
|
* This property can be used to read data from any JSON data source property,
|
|
* including deeply nested objects / properties. mData can be given in a
|
|
* number of different ways which effect its behaviour:
|
|
* <ul>
|
|
* <li>integer - treated as an array index for the data source. This is the
|
|
* default that DataTables uses (incrementally increased for each column).</li>
|
|
* <li>string - read an object property from the data source. Note that you can
|
|
* use Javascript dotted notation to read deep properties / arrays from the
|
|
* data source.</li>
|
|
* <li>null - the sDefaultContent option will be used for the cell (null
|
|
* by default, so you will need to specify the default content you want -
|
|
* typically an empty string). This can be useful on generated columns such
|
|
* as edit / delete action columns.</li>
|
|
* <li>function - the function given will be executed whenever DataTables
|
|
* needs to set or get the data for a cell in the column. The function
|
|
* takes three parameters:
|
|
* <ul>
|
|
* <li>{array|object} The data source for the row</li>
|
|
* <li>{string} The type call data requested - this will be 'set' when
|
|
* setting data or 'filter', 'display', 'type', 'sort' or undefined when
|
|
* gathering data. Note that when <i>undefined</i> is given for the type
|
|
* DataTables expects to get the raw data for the object back</li>
|
|
* <li>{*} Data to set when the second parameter is 'set'.</li>
|
|
* </ul>
|
|
* The return value from the function is not required when 'set' is the type
|
|
* of call, but otherwise the return is what will be used for the data
|
|
* requested.</li>
|
|
* </ul>
|
|
*
|
|
* Note that prior to DataTables 1.9.2 mData was called mDataProp. The name change
|
|
* reflects the flexibility of this property and is consistent with the naming of
|
|
* mRender. If 'mDataProp' is given, then it will still be used by DataTables, as
|
|
* it automatically maps the old name to the new if required.
|
|
* @type string|int|function|null
|
|
* @default null <i>Use automatically calculated column index</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Read table data from objects
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "sAjaxSource": "sources/deep.txt",
|
|
* "aoColumns": [
|
|
* { "mData": "engine" },
|
|
* { "mData": "browser" },
|
|
* { "mData": "platform.inner" },
|
|
* { "mData": "platform.details.0" },
|
|
* { "mData": "platform.details.1" }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using mData as a function to provide different information for
|
|
* // sorting, filtering and display. In this case, currency (price)
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "aoColumnDefs": [ {
|
|
* "aTargets": [ 0 ],
|
|
* "mData": function ( source, type, val ) {
|
|
* if (type === 'set') {
|
|
* source.price = val;
|
|
* // Store the computed dislay and filter values for efficiency
|
|
* source.price_display = val=="" ? "" : "$"+numberFormat(val);
|
|
* source.price_filter = val=="" ? "" : "$"+numberFormat(val)+" "+val;
|
|
* return;
|
|
* }
|
|
* else if (type === 'display') {
|
|
* return source.price_display;
|
|
* }
|
|
* else if (type === 'filter') {
|
|
* return source.price_filter;
|
|
* }
|
|
* // 'sort', 'type' and undefined all just use the integer
|
|
* return source.price;
|
|
* }
|
|
* } ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"mData": null,
|
|
|
|
|
|
/**
|
|
* This property is the rendering partner to mData and it is suggested that
|
|
* when you want to manipulate data for display (including filtering, sorting etc)
|
|
* but not altering the underlying data for the table, use this property. mData
|
|
* can actually do everything this property can and more, but this parameter is
|
|
* easier to use since there is no 'set' option. Like mData is can be given
|
|
* in a number of different ways to effect its behaviour, with the addition of
|
|
* supporting array syntax for easy outputting of arrays (including arrays of
|
|
* objects):
|
|
* <ul>
|
|
* <li>integer - treated as an array index for the data source. This is the
|
|
* default that DataTables uses (incrementally increased for each column).</li>
|
|
* <li>string - read an object property from the data source. Note that you can
|
|
* use Javascript dotted notation to read deep properties / arrays from the
|
|
* data source and also array brackets to indicate that the data reader should
|
|
* loop over the data source array. When characters are given between the array
|
|
* brackets, these characters are used to join the data source array together.
|
|
* For example: "accounts[, ].name" would result in a comma separated list with
|
|
* the 'name' value from the 'accounts' array of objects.</li>
|
|
* <li>function - the function given will be executed whenever DataTables
|
|
* needs to set or get the data for a cell in the column. The function
|
|
* takes three parameters:
|
|
* <ul>
|
|
* <li>{array|object} The data source for the row (based on mData)</li>
|
|
* <li>{string} The type call data requested - this will be 'filter', 'display',
|
|
* 'type' or 'sort'.</li>
|
|
* <li>{array|object} The full data source for the row (not based on mData)</li>
|
|
* </ul>
|
|
* The return value from the function is what will be used for the data
|
|
* requested.</li>
|
|
* </ul>
|
|
* @type string|int|function|null
|
|
* @default null <i>Use mData</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Create a comma separated list from an array of objects
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "sAjaxSource": "sources/deep.txt",
|
|
* "aoColumns": [
|
|
* { "mData": "engine" },
|
|
* { "mData": "browser" },
|
|
* {
|
|
* "mData": "platform",
|
|
* "mRender": "[, ].name"
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Use as a function to create a link from the data source
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* {
|
|
* "aTargets": [ 0 ],
|
|
* "mData": "download_link",
|
|
* "mRender": function ( data, type, full ) {
|
|
* return '<a href="'+data+'">Download</a>';
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"mRender": null,
|
|
|
|
|
|
/**
|
|
* Change the cell type created for the column - either TD cells or TH cells. This
|
|
* can be useful as TH cells have semantic meaning in the table body, allowing them
|
|
* to act as a header for a row (you may wish to add scope='row' to the TH elements).
|
|
* @type string
|
|
* @default td
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Make the first column use TH cells
|
|
* $(document).ready( function() {
|
|
* var oTable = $('#example').dataTable( {
|
|
* "aoColumnDefs": [ {
|
|
* "aTargets": [ 0 ],
|
|
* "sCellType": "th"
|
|
* } ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sCellType": "td",
|
|
|
|
|
|
/**
|
|
* Class to give to each cell in this column.
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "sClass": "my_class", "aTargets": [ 0 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "sClass": "my_class" },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sClass": "",
|
|
|
|
/**
|
|
* When DataTables calculates the column widths to assign to each column,
|
|
* it finds the longest string in each column and then constructs a
|
|
* temporary table and reads the widths from that. The problem with this
|
|
* is that "mmm" is much wider then "iiii", but the latter is a longer
|
|
* string - thus the calculation can go wrong (doing it properly and putting
|
|
* it into an DOM object and measuring that is horribly(!) slow). Thus as
|
|
* a "work around" we provide this option. It will append its value to the
|
|
* text that is found to be the longest string for the column - i.e. padding.
|
|
* Generally you shouldn't need this, and it is not documented on the
|
|
* general DataTables.net documentation
|
|
* @type string
|
|
* @default <i>Empty string<i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* {
|
|
* "sContentPadding": "mmm"
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sContentPadding": "",
|
|
|
|
|
|
/**
|
|
* Allows a default value to be given for a column's data, and will be used
|
|
* whenever a null data source is encountered (this can be because mData
|
|
* is set to null, or because the data source itself is null).
|
|
* @type string
|
|
* @default null
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* {
|
|
* "mData": null,
|
|
* "sDefaultContent": "Edit",
|
|
* "aTargets": [ -1 ]
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* {
|
|
* "mData": null,
|
|
* "sDefaultContent": "Edit"
|
|
* }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sDefaultContent": null,
|
|
|
|
|
|
/**
|
|
* This parameter is only used in DataTables' server-side processing. It can
|
|
* be exceptionally useful to know what columns are being displayed on the
|
|
* client side, and to map these to database fields. When defined, the names
|
|
* also allow DataTables to reorder information from the server if it comes
|
|
* back in an unexpected order (i.e. if you switch your columns around on the
|
|
* client-side, your server-side code does not also need updating).
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "sName": "engine", "aTargets": [ 0 ] },
|
|
* { "sName": "browser", "aTargets": [ 1 ] },
|
|
* { "sName": "platform", "aTargets": [ 2 ] },
|
|
* { "sName": "version", "aTargets": [ 3 ] },
|
|
* { "sName": "grade", "aTargets": [ 4 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "sName": "engine" },
|
|
* { "sName": "browser" },
|
|
* { "sName": "platform" },
|
|
* { "sName": "version" },
|
|
* { "sName": "grade" }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sName": "",
|
|
|
|
|
|
/**
|
|
* Defines a data source type for the sorting which can be used to read
|
|
* real-time information from the table (updating the internally cached
|
|
* version) prior to sorting. This allows sorting to occur on user editable
|
|
* elements such as form inputs.
|
|
* @type string
|
|
* @default std
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "sSortDataType": "dom-text", "aTargets": [ 2, 3 ] },
|
|
* { "sType": "numeric", "aTargets": [ 3 ] },
|
|
* { "sSortDataType": "dom-select", "aTargets": [ 4 ] },
|
|
* { "sSortDataType": "dom-checkbox", "aTargets": [ 5 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* null,
|
|
* null,
|
|
* { "sSortDataType": "dom-text" },
|
|
* { "sSortDataType": "dom-text", "sType": "numeric" },
|
|
* { "sSortDataType": "dom-select" },
|
|
* { "sSortDataType": "dom-checkbox" }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sSortDataType": "std",
|
|
|
|
|
|
/**
|
|
* The title of this column.
|
|
* @type string
|
|
* @default null <i>Derived from the 'TH' value for this column in the
|
|
* original HTML table.</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "sTitle": "My column title", "aTargets": [ 0 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "sTitle": "My column title" },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sTitle": null,
|
|
|
|
|
|
/**
|
|
* The type allows you to specify how the data for this column will be sorted.
|
|
* Four types (string, numeric, date and html (which will strip HTML tags
|
|
* before sorting)) are currently available. Note that only date formats
|
|
* understood by Javascript's Date() object will be accepted as type date. For
|
|
* example: "Mar 26, 2008 5:03 PM". May take the values: 'string', 'numeric',
|
|
* 'date' or 'html' (by default). Further types can be adding through
|
|
* plug-ins.
|
|
* @type string
|
|
* @default null <i>Auto-detected from raw data</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "sType": "html", "aTargets": [ 0 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "sType": "html" },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sType": null,
|
|
|
|
|
|
/**
|
|
* Defining the width of the column, this parameter may take any CSS value
|
|
* (3em, 20px etc). DataTables apples 'smart' widths to columns which have not
|
|
* been given a specific width through this interface ensuring that the table
|
|
* remains readable.
|
|
* @type string
|
|
* @default null <i>Automatic</i>
|
|
* @dtopt Columns
|
|
*
|
|
* @example
|
|
* // Using aoColumnDefs
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumnDefs": [
|
|
* { "sWidth": "20%", "aTargets": [ 0 ] }
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*
|
|
* @example
|
|
* // Using aoColumns
|
|
* $(document).ready( function() {
|
|
* $('#example').dataTable( {
|
|
* "aoColumns": [
|
|
* { "sWidth": "20%" },
|
|
* null,
|
|
* null,
|
|
* null,
|
|
* null
|
|
* ]
|
|
* } );
|
|
* } );
|
|
*/
|
|
"sWidth": null
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
* DataTables settings object - this holds all the information needed for a
|
|
* given table, including configuration, data and current application of the
|
|
* table options. DataTables does not have a single instance for each DataTable
|
|
* with the settings attached to that instance, but rather instances of the
|
|
* DataTable "class" are created on-the-fly as needed (typically by a
|
|
* $().dataTable() call) and the settings object is then applied to that
|
|
* instance.
|
|
*
|
|
* Note that this object is related to {@link DataTable.defaults} but this
|
|
* one is the internal data store for DataTables's cache of columns. It should
|
|
* NOT be manipulated outside of DataTables. Any configuration should be done
|
|
* through the initialisation options.
|
|
* @namespace
|
|
* @todo Really should attach the settings object to individual instances so we
|
|
* don't need to create new instances on each $().dataTable() call (if the
|
|
* table already exists). It would also save passing oSettings around and
|
|
* into every single function. However, this is a very significant
|
|
* architecture change for DataTables and will almost certainly break
|
|
* backwards compatibility with older installations. This is something that
|
|
* will be done in 2.0.
|
|
*/
|
|
DataTable.models.oSettings = {
|
|
/**
|
|
* Primary features of DataTables and their enablement state.
|
|
* @namespace
|
|
*/
|
|
"oFeatures": {
|
|
|
|
/**
|
|
* Flag to say if DataTables should automatically try to calculate the
|
|
* optimum table and columns widths (true) or not (false).
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bAutoWidth": null,
|
|
|
|
/**
|
|
* Delay the creation of TR and TD elements until they are actually
|
|
* needed by a driven page draw. This can give a significant speed
|
|
* increase for Ajax source and Javascript source data, but makes no
|
|
* difference at all fro DOM and server-side processing tables.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bDeferRender": null,
|
|
|
|
/**
|
|
* Enable filtering on the table or not. Note that if this is disabled
|
|
* then there is no filtering at all on the table, including fnFilter.
|
|
* To just remove the filtering input use sDom and remove the 'f' option.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bFilter": null,
|
|
|
|
/**
|
|
* Table information element (the 'Showing x of y records' div) enable
|
|
* flag.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bInfo": null,
|
|
|
|
/**
|
|
* Present a user control allowing the end user to change the page size
|
|
* when pagination is enabled.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bLengthChange": null,
|
|
|
|
/**
|
|
* Pagination enabled or not. Note that if this is disabled then length
|
|
* changing must also be disabled.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bPaginate": null,
|
|
|
|
/**
|
|
* Processing indicator enable flag whenever DataTables is enacting a
|
|
* user request - typically an Ajax request for server-side processing.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bProcessing": null,
|
|
|
|
/**
|
|
* Server-side processing enabled flag - when enabled DataTables will
|
|
* get all data from the server for every draw - there is no filtering,
|
|
* sorting or paging done on the client-side.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bServerSide": null,
|
|
|
|
/**
|
|
* Sorting enablement flag.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bSort": null,
|
|
|
|
/**
|
|
* Apply a class to the columns which are being sorted to provide a
|
|
* visual highlight or not. This can slow things down when enabled since
|
|
* there is a lot of DOM interaction.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bSortClasses": null,
|
|
|
|
/**
|
|
* State saving enablement flag.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bStateSave": null
|
|
},
|
|
|
|
|
|
/**
|
|
* Scrolling settings for a table.
|
|
* @namespace
|
|
*/
|
|
"oScroll": {
|
|
/**
|
|
* Indicate if DataTables should be allowed to set the padding / margin
|
|
* etc for the scrolling header elements or not. Typically you will want
|
|
* this.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bAutoCss": null,
|
|
|
|
/**
|
|
* When the table is shorter in height than sScrollY, collapse the
|
|
* table container down to the height of the table (when true).
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bCollapse": null,
|
|
|
|
/**
|
|
* Infinite scrolling enablement flag. Now deprecated in favour of
|
|
* using the Scroller plug-in.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bInfinite": null,
|
|
|
|
/**
|
|
* Width of the scrollbar for the web-browser's platform. Calculated
|
|
* during table initialisation.
|
|
* @type int
|
|
* @default 0
|
|
*/
|
|
"iBarWidth": 0,
|
|
|
|
/**
|
|
* Space (in pixels) between the bottom of the scrolling container and
|
|
* the bottom of the scrolling viewport before the next page is loaded
|
|
* when using infinite scrolling.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type int
|
|
*/
|
|
"iLoadGap": null,
|
|
|
|
/**
|
|
* Viewport width for horizontal scrolling. Horizontal scrolling is
|
|
* disabled if an empty string.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
*/
|
|
"sX": null,
|
|
|
|
/**
|
|
* Width to expand the table to when using x-scrolling. Typically you
|
|
* should not need to use this.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
* @deprecated
|
|
*/
|
|
"sXInner": null,
|
|
|
|
/**
|
|
* Viewport height for vertical scrolling. Vertical scrolling is disabled
|
|
* if an empty string.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
*/
|
|
"sY": null
|
|
},
|
|
|
|
/**
|
|
* Language information for the table.
|
|
* @namespace
|
|
* @extends DataTable.defaults.oLanguage
|
|
*/
|
|
"oLanguage": {
|
|
/**
|
|
* Information callback function. See
|
|
* {@link DataTable.defaults.fnInfoCallback}
|
|
* @type function
|
|
* @default null
|
|
*/
|
|
"fnInfoCallback": null
|
|
},
|
|
|
|
/**
|
|
* Browser support parameters
|
|
* @namespace
|
|
*/
|
|
"oBrowser": {
|
|
/**
|
|
* Indicate if the browser incorrectly calculates width:100% inside a
|
|
* scrolling element (IE6/7)
|
|
* @type boolean
|
|
* @default false
|
|
*/
|
|
"bScrollOversize": false
|
|
},
|
|
|
|
/**
|
|
* Array referencing the nodes which are used for the features. The
|
|
* parameters of this object match what is allowed by sDom - i.e.
|
|
* <ul>
|
|
* <li>'l' - Length changing</li>
|
|
* <li>'f' - Filtering input</li>
|
|
* <li>'t' - The table!</li>
|
|
* <li>'i' - Information</li>
|
|
* <li>'p' - Pagination</li>
|
|
* <li>'r' - pRocessing</li>
|
|
* </ul>
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aanFeatures": [],
|
|
|
|
/**
|
|
* Store data information - see {@link DataTable.models.oRow} for detailed
|
|
* information.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoData": [],
|
|
|
|
/**
|
|
* Array of indexes which are in the current display (after filtering etc)
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aiDisplay": [],
|
|
|
|
/**
|
|
* Array of indexes for display - no filtering
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aiDisplayMaster": [],
|
|
|
|
/**
|
|
* Store information about each column that is in use
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoColumns": [],
|
|
|
|
/**
|
|
* Store information about the table's header
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoHeader": [],
|
|
|
|
/**
|
|
* Store information about the table's footer
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoFooter": [],
|
|
|
|
/**
|
|
* Search data array for regular expression searching
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"asDataSearch": [],
|
|
|
|
/**
|
|
* Store the applied global search information in case we want to force a
|
|
* research or compare the old search to a new one.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @namespace
|
|
* @extends DataTable.models.oSearch
|
|
*/
|
|
"oPreviousSearch": {},
|
|
|
|
/**
|
|
* Store the applied search for each column - see
|
|
* {@link DataTable.models.oSearch} for the format that is used for the
|
|
* filtering information for each column.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoPreSearchCols": [],
|
|
|
|
/**
|
|
* Sorting that is applied to the table. Note that the inner arrays are
|
|
* used in the following manner:
|
|
* <ul>
|
|
* <li>Index 0 - column number</li>
|
|
* <li>Index 1 - current sorting direction</li>
|
|
* <li>Index 2 - index of asSorting for this column</li>
|
|
* </ul>
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type array
|
|
* @todo These inner arrays should really be objects
|
|
*/
|
|
"aaSorting": null,
|
|
|
|
/**
|
|
* Sorting that is always applied to the table (i.e. prefixed in front of
|
|
* aaSorting).
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type array|null
|
|
* @default null
|
|
*/
|
|
"aaSortingFixed": null,
|
|
|
|
/**
|
|
* Classes to use for the striping of a table.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"asStripeClasses": null,
|
|
|
|
/**
|
|
* If restoring a table - we should restore its striping classes as well
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"asDestroyStripes": [],
|
|
|
|
/**
|
|
* If restoring a table - we should restore its width
|
|
* @type int
|
|
* @default 0
|
|
*/
|
|
"sDestroyWidth": 0,
|
|
|
|
/**
|
|
* Callback functions array for every time a row is inserted (i.e. on a draw).
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoRowCallback": [],
|
|
|
|
/**
|
|
* Callback functions for the header on each draw.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoHeaderCallback": [],
|
|
|
|
/**
|
|
* Callback function for the footer on each draw.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoFooterCallback": [],
|
|
|
|
/**
|
|
* Array of callback functions for draw callback functions
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoDrawCallback": [],
|
|
|
|
/**
|
|
* Array of callback functions for row created function
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoRowCreatedCallback": [],
|
|
|
|
/**
|
|
* Callback functions for just before the table is redrawn. A return of
|
|
* false will be used to cancel the draw.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoPreDrawCallback": [],
|
|
|
|
/**
|
|
* Callback functions for when the table has been initialised.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoInitComplete": [],
|
|
|
|
|
|
/**
|
|
* Callbacks for modifying the settings to be stored for state saving, prior to
|
|
* saving state.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoStateSaveParams": [],
|
|
|
|
/**
|
|
* Callbacks for modifying the settings that have been stored for state saving
|
|
* prior to using the stored values to restore the state.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoStateLoadParams": [],
|
|
|
|
/**
|
|
* Callbacks for operating on the settings object once the saved state has been
|
|
* loaded
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoStateLoaded": [],
|
|
|
|
/**
|
|
* Cache the table ID for quick access
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
*/
|
|
"sTableId": "",
|
|
|
|
/**
|
|
* The TABLE node for the main table
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTable": null,
|
|
|
|
/**
|
|
* Permanent ref to the thead element
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTHead": null,
|
|
|
|
/**
|
|
* Permanent ref to the tfoot element - if it exists
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTFoot": null,
|
|
|
|
/**
|
|
* Permanent ref to the tbody element
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTBody": null,
|
|
|
|
/**
|
|
* Cache the wrapper node (contains all DataTables controlled elements)
|
|
* @type node
|
|
* @default null
|
|
*/
|
|
"nTableWrapper": null,
|
|
|
|
/**
|
|
* Indicate if when using server-side processing the loading of data
|
|
* should be deferred until the second draw.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
* @default false
|
|
*/
|
|
"bDeferLoading": false,
|
|
|
|
/**
|
|
* Indicate if all required information has been read in
|
|
* @type boolean
|
|
* @default false
|
|
*/
|
|
"bInitialised": false,
|
|
|
|
/**
|
|
* Information about open rows. Each object in the array has the parameters
|
|
* 'nTr' and 'nParent'
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoOpenRows": [],
|
|
|
|
/**
|
|
* Dictate the positioning of DataTables' control elements - see
|
|
* {@link DataTable.model.oInit.sDom}.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sDom": null,
|
|
|
|
/**
|
|
* Which type of pagination should be used.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
* @default two_button
|
|
*/
|
|
"sPaginationType": "two_button",
|
|
|
|
/**
|
|
* The cookie duration (for bStateSave) in seconds.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type int
|
|
* @default 0
|
|
*/
|
|
"iCookieDuration": 0,
|
|
|
|
/**
|
|
* The cookie name prefix.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
* @default <i>Empty string</i>
|
|
*/
|
|
"sCookiePrefix": "",
|
|
|
|
/**
|
|
* Callback function for cookie creation.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type function
|
|
* @default null
|
|
*/
|
|
"fnCookieCallback": null,
|
|
|
|
/**
|
|
* Array of callback functions for state saving. Each array element is an
|
|
* object with the following parameters:
|
|
* <ul>
|
|
* <li>function:fn - function to call. Takes two parameters, oSettings
|
|
* and the JSON string to save that has been thus far created. Returns
|
|
* a JSON string to be inserted into a json object
|
|
* (i.e. '"param": [ 0, 1, 2]')</li>
|
|
* <li>string:sName - name of callback</li>
|
|
* </ul>
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoStateSave": [],
|
|
|
|
/**
|
|
* Array of callback functions for state loading. Each array element is an
|
|
* object with the following parameters:
|
|
* <ul>
|
|
* <li>function:fn - function to call. Takes two parameters, oSettings
|
|
* and the object stored. May return false to cancel state loading</li>
|
|
* <li>string:sName - name of callback</li>
|
|
* </ul>
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoStateLoad": [],
|
|
|
|
/**
|
|
* State that was loaded from the cookie. Useful for back reference
|
|
* @type object
|
|
* @default null
|
|
*/
|
|
"oLoadedState": null,
|
|
|
|
/**
|
|
* Source url for AJAX data for the table.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sAjaxSource": null,
|
|
|
|
/**
|
|
* Property from a given object from which to read the table data from. This
|
|
* can be an empty string (when not server-side processing), in which case
|
|
* it is assumed an an array is given directly.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
*/
|
|
"sAjaxDataProp": null,
|
|
|
|
/**
|
|
* Note if draw should be blocked while getting data
|
|
* @type boolean
|
|
* @default true
|
|
*/
|
|
"bAjaxDataGet": true,
|
|
|
|
/**
|
|
* The last jQuery XHR object that was used for server-side data gathering.
|
|
* This can be used for working with the XHR information in one of the
|
|
* callbacks
|
|
* @type object
|
|
* @default null
|
|
*/
|
|
"jqXHR": null,
|
|
|
|
/**
|
|
* Function to get the server-side data.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type function
|
|
*/
|
|
"fnServerData": null,
|
|
|
|
/**
|
|
* Functions which are called prior to sending an Ajax request so extra
|
|
* parameters can easily be sent to the server
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoServerParams": [],
|
|
|
|
/**
|
|
* Send the XHR HTTP method - GET or POST (could be PUT or DELETE if
|
|
* required).
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type string
|
|
*/
|
|
"sServerMethod": null,
|
|
|
|
/**
|
|
* Format numbers for display.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type function
|
|
*/
|
|
"fnFormatNumber": null,
|
|
|
|
/**
|
|
* List of options that can be used for the user selectable length menu.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aLengthMenu": null,
|
|
|
|
/**
|
|
* Counter for the draws that the table does. Also used as a tracker for
|
|
* server-side processing
|
|
* @type int
|
|
* @default 0
|
|
*/
|
|
"iDraw": 0,
|
|
|
|
/**
|
|
* Indicate if a redraw is being done - useful for Ajax
|
|
* @type boolean
|
|
* @default false
|
|
*/
|
|
"bDrawing": false,
|
|
|
|
/**
|
|
* Draw index (iDraw) of the last error when parsing the returned data
|
|
* @type int
|
|
* @default -1
|
|
*/
|
|
"iDrawError": -1,
|
|
|
|
/**
|
|
* Paging display length
|
|
* @type int
|
|
* @default 10
|
|
*/
|
|
"_iDisplayLength": 10,
|
|
|
|
/**
|
|
* Paging start point - aiDisplay index
|
|
* @type int
|
|
* @default 0
|
|
*/
|
|
"_iDisplayStart": 0,
|
|
|
|
/**
|
|
* Paging end point - aiDisplay index. Use fnDisplayEnd rather than
|
|
* this property to get the end point
|
|
* @type int
|
|
* @default 10
|
|
* @private
|
|
*/
|
|
"_iDisplayEnd": 10,
|
|
|
|
/**
|
|
* Server-side processing - number of records in the result set
|
|
* (i.e. before filtering), Use fnRecordsTotal rather than
|
|
* this property to get the value of the number of records, regardless of
|
|
* the server-side processing setting.
|
|
* @type int
|
|
* @default 0
|
|
* @private
|
|
*/
|
|
"_iRecordsTotal": 0,
|
|
|
|
/**
|
|
* Server-side processing - number of records in the current display set
|
|
* (i.e. after filtering). Use fnRecordsDisplay rather than
|
|
* this property to get the value of the number of records, regardless of
|
|
* the server-side processing setting.
|
|
* @type boolean
|
|
* @default 0
|
|
* @private
|
|
*/
|
|
"_iRecordsDisplay": 0,
|
|
|
|
/**
|
|
* Flag to indicate if jQuery UI marking and classes should be used.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bJUI": null,
|
|
|
|
/**
|
|
* The classes to use for the table
|
|
* @type object
|
|
* @default {}
|
|
*/
|
|
"oClasses": {},
|
|
|
|
/**
|
|
* Flag attached to the settings object so you can check in the draw
|
|
* callback if filtering has been done in the draw. Deprecated in favour of
|
|
* events.
|
|
* @type boolean
|
|
* @default false
|
|
* @deprecated
|
|
*/
|
|
"bFiltered": false,
|
|
|
|
/**
|
|
* Flag attached to the settings object so you can check in the draw
|
|
* callback if sorting has been done in the draw. Deprecated in favour of
|
|
* events.
|
|
* @type boolean
|
|
* @default false
|
|
* @deprecated
|
|
*/
|
|
"bSorted": false,
|
|
|
|
/**
|
|
* Indicate that if multiple rows are in the header and there is more than
|
|
* one unique cell per column, if the top one (true) or bottom one (false)
|
|
* should be used for sorting / title by DataTables.
|
|
* Note that this parameter will be set by the initialisation routine. To
|
|
* set a default use {@link DataTable.defaults}.
|
|
* @type boolean
|
|
*/
|
|
"bSortCellsTop": null,
|
|
|
|
/**
|
|
* Initialisation object that is used for the table
|
|
* @type object
|
|
* @default null
|
|
*/
|
|
"oInit": null,
|
|
|
|
/**
|
|
* Destroy callback functions - for plug-ins to attach themselves to the
|
|
* destroy so they can clean up markup and events.
|
|
* @type array
|
|
* @default []
|
|
*/
|
|
"aoDestroyCallback": [],
|
|
|
|
|
|
/**
|
|
* Get the number of records in the current record set, before filtering
|
|
* @type function
|
|
*/
|
|
"fnRecordsTotal": function ()
|
|
{
|
|
if ( this.oFeatures.bServerSide ) {
|
|
return parseInt(this._iRecordsTotal, 10);
|
|
} else {
|
|
return this.aiDisplayMaster.length;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Get the number of records in the current record set, after filtering
|
|
* @type function
|
|
*/
|
|
"fnRecordsDisplay": function ()
|
|
{
|
|
if ( this.oFeatures.bServerSide ) {
|
|
return parseInt(this._iRecordsDisplay, 10);
|
|
} else {
|
|
return this.aiDisplay.length;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Set the display end point - aiDisplay index
|
|
* @type function
|
|
* @todo Should do away with _iDisplayEnd and calculate it on-the-fly here
|
|
*/
|
|
"fnDisplayEnd": function ()
|
|
{
|
|
if ( this.oFeatures.bServerSide ) {
|
|
if ( this.oFeatures.bPaginate === false || this._iDisplayLength == -1 ) {
|
|
return this._iDisplayStart+this.aiDisplay.length;
|
|
} else {
|
|
return Math.min( this._iDisplayStart+this._iDisplayLength,
|
|
this._iRecordsDisplay );
|
|
}
|
|
} else {
|
|
return this._iDisplayEnd;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* The DataTables object for this table
|
|
* @type object
|
|
* @default null
|
|
*/
|
|
"oInstance": null,
|
|
|
|
/**
|
|
* Unique identifier for each instance of the DataTables object. If there
|
|
* is an ID on the table node, then it takes that value, otherwise an
|
|
* incrementing internal counter is used.
|
|
* @type string
|
|
* @default null
|
|
*/
|
|
"sInstance": null,
|
|
|
|
/**
|
|
* tabindex attribute value that is added to DataTables control elements, allowing
|
|
* keyboard navigation of the table and its controls.
|
|
*/
|
|
"iTabIndex": 0,
|
|
|
|
/**
|
|
* DIV container for the footer scrolling table if scrolling
|
|
*/
|
|
"nScrollHead": null,
|
|
|
|
/**
|
|
* DIV container for the footer scrolling table if scrolling
|
|
*/
|
|
"nScrollFoot": null
|
|
};
|
|
|
|
/**
|
|
* Extension object for DataTables that is used to provide all extension options.
|
|
*
|
|
* Note that the <i>DataTable.ext</i> object is available through
|
|
* <i>jQuery.fn.dataTable.ext</i> where it may be accessed and manipulated. It is
|
|
* also aliased to <i>jQuery.fn.dataTableExt</i> for historic reasons.
|
|
* @namespace
|
|
* @extends DataTable.models.ext
|
|
*/
|
|
DataTable.ext = $.extend( true, {}, DataTable.models.ext );
|
|
|
|
$.extend( DataTable.ext.oStdClasses, {
|
|
"sTable": "dataTable",
|
|
|
|
/* Two buttons buttons */
|
|
"sPagePrevEnabled": "paginate_enabled_previous",
|
|
"sPagePrevDisabled": "paginate_disabled_previous",
|
|
"sPageNextEnabled": "paginate_enabled_next",
|
|
"sPageNextDisabled": "paginate_disabled_next",
|
|
"sPageJUINext": "",
|
|
"sPageJUIPrev": "",
|
|
|
|
/* Full numbers paging buttons */
|
|
"sPageButton": "paginate_button",
|
|
"sPageButtonActive": "paginate_active",
|
|
"sPageButtonStaticDisabled": "paginate_button paginate_button_disabled",
|
|
"sPageFirst": "first",
|
|
"sPagePrevious": "previous",
|
|
"sPageNext": "next",
|
|
"sPageLast": "last",
|
|
|
|
/* Striping classes */
|
|
"sStripeOdd": "odd",
|
|
"sStripeEven": "even",
|
|
|
|
/* Empty row */
|
|
"sRowEmpty": "dataTables_empty",
|
|
|
|
/* Features */
|
|
"sWrapper": "dataTables_wrapper",
|
|
"sFilter": "dataTables_filter",
|
|
"sInfo": "dataTables_info",
|
|
"sPaging": "dataTables_paginate paging_", /* Note that the type is postfixed */
|
|
"sLength": "dataTables_length",
|
|
"sProcessing": "dataTables_processing",
|
|
|
|
/* Sorting */
|
|
"sSortAsc": "sorting_asc",
|
|
"sSortDesc": "sorting_desc",
|
|
"sSortable": "sorting", /* Sortable in both directions */
|
|
"sSortableAsc": "sorting_asc_disabled",
|
|
"sSortableDesc": "sorting_desc_disabled",
|
|
"sSortableNone": "sorting_disabled",
|
|
"sSortColumn": "sorting_", /* Note that an int is postfixed for the sorting order */
|
|
"sSortJUIAsc": "",
|
|
"sSortJUIDesc": "",
|
|
"sSortJUI": "",
|
|
"sSortJUIAscAllowed": "",
|
|
"sSortJUIDescAllowed": "",
|
|
"sSortJUIWrapper": "",
|
|
"sSortIcon": "",
|
|
|
|
/* Scrolling */
|
|
"sScrollWrapper": "dataTables_scroll",
|
|
"sScrollHead": "dataTables_scrollHead",
|
|
"sScrollHeadInner": "dataTables_scrollHeadInner",
|
|
"sScrollBody": "dataTables_scrollBody",
|
|
"sScrollFoot": "dataTables_scrollFoot",
|
|
"sScrollFootInner": "dataTables_scrollFootInner",
|
|
|
|
/* Misc */
|
|
"sFooterTH": "",
|
|
"sJUIHeader": "",
|
|
"sJUIFooter": ""
|
|
} );
|
|
|
|
|
|
$.extend( DataTable.ext.oJUIClasses, DataTable.ext.oStdClasses, {
|
|
/* Two buttons buttons */
|
|
"sPagePrevEnabled": "fg-button ui-button ui-state-default ui-corner-left",
|
|
"sPagePrevDisabled": "fg-button ui-button ui-state-default ui-corner-left ui-state-disabled",
|
|
"sPageNextEnabled": "fg-button ui-button ui-state-default ui-corner-right",
|
|
"sPageNextDisabled": "fg-button ui-button ui-state-default ui-corner-right ui-state-disabled",
|
|
"sPageJUINext": "ui-icon ui-icon-circle-arrow-e",
|
|
"sPageJUIPrev": "ui-icon ui-icon-circle-arrow-w",
|
|
|
|
/* Full numbers paging buttons */
|
|
"sPageButton": "fg-button ui-button ui-state-default",
|
|
"sPageButtonActive": "fg-button ui-button ui-state-default ui-state-disabled",
|
|
"sPageButtonStaticDisabled": "fg-button ui-button ui-state-default ui-state-disabled",
|
|
"sPageFirst": "first ui-corner-tl ui-corner-bl",
|
|
"sPageLast": "last ui-corner-tr ui-corner-br",
|
|
|
|
/* Features */
|
|
"sPaging": "dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi "+
|
|
"ui-buttonset-multi paging_", /* Note that the type is postfixed */
|
|
|
|
/* Sorting */
|
|
"sSortAsc": "ui-state-default",
|
|
"sSortDesc": "ui-state-default",
|
|
"sSortable": "ui-state-default",
|
|
"sSortableAsc": "ui-state-default",
|
|
"sSortableDesc": "ui-state-default",
|
|
"sSortableNone": "ui-state-default",
|
|
"sSortJUIAsc": "css_right ui-icon ui-icon-triangle-1-n",
|
|
"sSortJUIDesc": "css_right ui-icon ui-icon-triangle-1-s",
|
|
"sSortJUI": "css_right ui-icon ui-icon-carat-2-n-s",
|
|
"sSortJUIAscAllowed": "css_right ui-icon ui-icon-carat-1-n",
|
|
"sSortJUIDescAllowed": "css_right ui-icon ui-icon-carat-1-s",
|
|
"sSortJUIWrapper": "DataTables_sort_wrapper",
|
|
"sSortIcon": "DataTables_sort_icon",
|
|
|
|
/* Scrolling */
|
|
"sScrollHead": "dataTables_scrollHead ui-state-default",
|
|
"sScrollFoot": "dataTables_scrollFoot ui-state-default",
|
|
|
|
/* Misc */
|
|
"sFooterTH": "ui-state-default",
|
|
"sJUIHeader": "fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix",
|
|
"sJUIFooter": "fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"
|
|
} );
|
|
|
|
|
|
/*
|
|
* Variable: oPagination
|
|
* Purpose:
|
|
* Scope: jQuery.fn.dataTableExt
|
|
*/
|
|
$.extend( DataTable.ext.oPagination, {
|
|
/*
|
|
* Variable: two_button
|
|
* Purpose: Standard two button (forward/back) pagination
|
|
* Scope: jQuery.fn.dataTableExt.oPagination
|
|
*/
|
|
"two_button": {
|
|
/*
|
|
* Function: oPagination.two_button.fnInit
|
|
* Purpose: Initialise dom elements required for pagination with forward/back buttons only
|
|
* Returns: -
|
|
* Inputs: object:oSettings - dataTables settings object
|
|
* node:nPaging - the DIV which contains this pagination control
|
|
* function:fnCallbackDraw - draw function which must be called on update
|
|
*/
|
|
"fnInit": function ( oSettings, nPaging, fnCallbackDraw )
|
|
{
|
|
var oLang = oSettings.oLanguage.oPaginate;
|
|
var oClasses = oSettings.oClasses;
|
|
var fnClickHandler = function ( e ) {
|
|
if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) )
|
|
{
|
|
fnCallbackDraw( oSettings );
|
|
}
|
|
};
|
|
|
|
var sAppend = (!oSettings.bJUI) ?
|
|
'<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sPrevious+'</a>'+
|
|
'<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sNext+'</a>'
|
|
:
|
|
'<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUIPrev+'"></span></a>'+
|
|
'<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUINext+'"></span></a>';
|
|
$(nPaging).append( sAppend );
|
|
|
|
var els = $('a', nPaging);
|
|
var nPrevious = els[0],
|
|
nNext = els[1];
|
|
|
|
oSettings.oApi._fnBindAction( nPrevious, {action: "previous"}, fnClickHandler );
|
|
oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler );
|
|
|
|
/* ID the first elements only */
|
|
if ( !oSettings.aanFeatures.p )
|
|
{
|
|
nPaging.id = oSettings.sTableId+'_paginate';
|
|
nPrevious.id = oSettings.sTableId+'_previous';
|
|
nNext.id = oSettings.sTableId+'_next';
|
|
|
|
nPrevious.setAttribute('aria-controls', oSettings.sTableId);
|
|
nNext.setAttribute('aria-controls', oSettings.sTableId);
|
|
}
|
|
},
|
|
|
|
/*
|
|
* Function: oPagination.two_button.fnUpdate
|
|
* Purpose: Update the two button pagination at the end of the draw
|
|
* Returns: -
|
|
* Inputs: object:oSettings - dataTables settings object
|
|
* function:fnCallbackDraw - draw function to call on page change
|
|
*/
|
|
"fnUpdate": function ( oSettings, fnCallbackDraw )
|
|
{
|
|
if ( !oSettings.aanFeatures.p )
|
|
{
|
|
return;
|
|
}
|
|
|
|
var oClasses = oSettings.oClasses;
|
|
var an = oSettings.aanFeatures.p;
|
|
|
|
/* Loop over each instance of the pager */
|
|
for ( var i=0, iLen=an.length ; i<iLen ; i++ )
|
|
{
|
|
if ( an[i].childNodes.length !== 0 )
|
|
{
|
|
an[i].childNodes[0].className = ( oSettings._iDisplayStart === 0 ) ?
|
|
oClasses.sPagePrevDisabled : oClasses.sPagePrevEnabled;
|
|
|
|
an[i].childNodes[1].className = ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) ?
|
|
oClasses.sPageNextDisabled : oClasses.sPageNextEnabled;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
|
|
/*
|
|
* Variable: iFullNumbersShowPages
|
|
* Purpose: Change the number of pages which can be seen
|
|
* Scope: jQuery.fn.dataTableExt.oPagination
|
|
*/
|
|
"iFullNumbersShowPages": 5,
|
|
|
|
/*
|
|
* Variable: full_numbers
|
|
* Purpose: Full numbers pagination
|
|
* Scope: jQuery.fn.dataTableExt.oPagination
|
|
*/
|
|
"full_numbers": {
|
|
/*
|
|
* Function: oPagination.full_numbers.fnInit
|
|
* Purpose: Initialise dom elements required for pagination with a list of the pages
|
|
* Returns: -
|
|
* Inputs: object:oSettings - dataTables settings object
|
|
* node:nPaging - the DIV which contains this pagination control
|
|
* function:fnCallbackDraw - draw function which must be called on update
|
|
*/
|
|
"fnInit": function ( oSettings, nPaging, fnCallbackDraw )
|
|
{
|
|
var oLang = oSettings.oLanguage.oPaginate;
|
|
var oClasses = oSettings.oClasses;
|
|
var fnClickHandler = function ( e ) {
|
|
if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) )
|
|
{
|
|
fnCallbackDraw( oSettings );
|
|
}
|
|
};
|
|
|
|
$(nPaging).append(
|
|
'<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageFirst+'">'+oLang.sFirst+'</a>'+
|
|
'<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPagePrevious+'">'+oLang.sPrevious+'</a>'+
|
|
'<span></span>'+
|
|
'<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageNext+'">'+oLang.sNext+'</a>'+
|
|
'<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageLast+'">'+oLang.sLast+'</a>'
|
|
);
|
|
var els = $('a', nPaging);
|
|
var nFirst = els[0],
|
|
nPrev = els[1],
|
|
nNext = els[2],
|
|
nLast = els[3];
|
|
|
|
oSettings.oApi._fnBindAction( nFirst, {action: "first"}, fnClickHandler );
|
|
oSettings.oApi._fnBindAction( nPrev, {action: "previous"}, fnClickHandler );
|
|
oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler );
|
|
oSettings.oApi._fnBindAction( nLast, {action: "last"}, fnClickHandler );
|
|
|
|
/* ID the first elements only */
|
|
if ( !oSettings.aanFeatures.p )
|
|
{
|
|
nPaging.id = oSettings.sTableId+'_paginate';
|
|
nFirst.id =oSettings.sTableId+'_first';
|
|
nPrev.id =oSettings.sTableId+'_previous';
|
|
nNext.id =oSettings.sTableId+'_next';
|
|
nLast.id =oSettings.sTableId+'_last';
|
|
}
|
|
},
|
|
|
|
/*
|
|
* Function: oPagination.full_numbers.fnUpdate
|
|
* Purpose: Update the list of page buttons shows
|
|
* Returns: -
|
|
* Inputs: object:oSettings - dataTables settings object
|
|
* function:fnCallbackDraw - draw function to call on page change
|
|
*/
|
|
"fnUpdate": function ( oSettings, fnCallbackDraw )
|
|
{
|
|
if ( !oSettings.aanFeatures.p )
|
|
{
|
|
return;
|
|
}
|
|
|
|
var iPageCount = DataTable.ext.oPagination.iFullNumbersShowPages;
|
|
var iPageCountHalf = Math.floor(iPageCount / 2);
|
|
var iPages = Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength);
|
|
var iCurrentPage = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1;
|
|
var sList = "";
|
|
var iStartButton, iEndButton, i, iLen;
|
|
var oClasses = oSettings.oClasses;
|
|
var anButtons, anStatic, nPaginateList;
|
|
var an = oSettings.aanFeatures.p;
|
|
var fnBind = function (j) {
|
|
oSettings.oApi._fnBindAction( this, {"page": j+iStartButton-1}, function(e) {
|
|
/* Use the information in the element to jump to the required page */
|
|
oSettings.oApi._fnPageChange( oSettings, e.data.page );
|
|
fnCallbackDraw( oSettings );
|
|
e.preventDefault();
|
|
} );
|
|
};
|
|
|
|
/* Pages calculation */
|
|
if ( oSettings._iDisplayLength === -1 )
|
|
{
|
|
iStartButton = 1;
|
|
iEndButton = 1;
|
|
iCurrentPage = 1;
|
|
}
|
|
else if (iPages < iPageCount)
|
|
{
|
|
iStartButton = 1;
|
|
iEndButton = iPages;
|
|
}
|
|
else if (iCurrentPage <= iPageCountHalf)
|
|
{
|
|
iStartButton = 1;
|
|
iEndButton = iPageCount;
|
|
}
|
|
else if (iCurrentPage >= (iPages - iPageCountHalf))
|
|
{
|
|
iStartButton = iPages - iPageCount + 1;
|
|
iEndButton = iPages;
|
|
}
|
|
else
|
|
{
|
|
iStartButton = iCurrentPage - Math.ceil(iPageCount / 2) + 1;
|
|
iEndButton = iStartButton + iPageCount - 1;
|
|
}
|
|
|
|
|
|
/* Build the dynamic list */
|
|
for ( i=iStartButton ; i<=iEndButton ; i++ )
|
|
{
|
|
sList += (iCurrentPage !== i) ?
|
|
'<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+'">'+oSettings.fnFormatNumber(i)+'</a>' :
|
|
'<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButtonActive+'">'+oSettings.fnFormatNumber(i)+'</a>';
|
|
}
|
|
|
|
/* Loop over each instance of the pager */
|
|
for ( i=0, iLen=an.length ; i<iLen ; i++ )
|
|
{
|
|
if ( an[i].childNodes.length === 0 )
|
|
{
|
|
continue;
|
|
}
|
|
|
|
/* Build up the dynamic list first - html and listeners */
|
|
$('span:eq(0)', an[i])
|
|
.html( sList )
|
|
.children('a').each( fnBind );
|
|
|
|
/* Update the permanent button's classes */
|
|
anButtons = an[i].getElementsByTagName('a');
|
|
anStatic = [
|
|
anButtons[0], anButtons[1],
|
|
anButtons[anButtons.length-2], anButtons[anButtons.length-1]
|
|
];
|
|
|
|
$(anStatic).removeClass( oClasses.sPageButton+" "+oClasses.sPageButtonActive+" "+oClasses.sPageButtonStaticDisabled );
|
|
$([anStatic[0], anStatic[1]]).addClass(
|
|
(iCurrentPage==1) ?
|
|
oClasses.sPageButtonStaticDisabled :
|
|
oClasses.sPageButton
|
|
);
|
|
$([anStatic[2], anStatic[3]]).addClass(
|
|
(iPages===0 || iCurrentPage===iPages || oSettings._iDisplayLength===-1) ?
|
|
oClasses.sPageButtonStaticDisabled :
|
|
oClasses.sPageButton
|
|
);
|
|
}
|
|
}
|
|
}
|
|
} );
|
|
|
|
$.extend( DataTable.ext.oSort, {
|
|
/*
|
|
* text sorting
|
|
*/
|
|
"string-pre": function ( a )
|
|
{
|
|
if ( typeof a != 'string' ) {
|
|
a = (a !== null && a.toString) ? a.toString() : '';
|
|
}
|
|
return a.toLowerCase();
|
|
},
|
|
|
|
"string-asc": function ( x, y )
|
|
{
|
|
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
|
|
},
|
|
|
|
"string-desc": function ( x, y )
|
|
{
|
|
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
|
|
},
|
|
|
|
|
|
/*
|
|
* html sorting (ignore html tags)
|
|
*/
|
|
"html-pre": function ( a )
|
|
{
|
|
return a.replace( /<.*?>/g, "" ).toLowerCase();
|
|
},
|
|
|
|
"html-asc": function ( x, y )
|
|
{
|
|
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
|
|
},
|
|
|
|
"html-desc": function ( x, y )
|
|
{
|
|
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
|
|
},
|
|
|
|
|
|
/*
|
|
* date sorting
|
|
*/
|
|
"date-pre": function ( a )
|
|
{
|
|
var x = Date.parse( a );
|
|
|
|
if ( isNaN(x) || x==="" )
|
|
{
|
|
x = Date.parse( "01/01/1970 00:00:00" );
|
|
}
|
|
return x;
|
|
},
|
|
|
|
"date-asc": function ( x, y )
|
|
{
|
|
return x - y;
|
|
},
|
|
|
|
"date-desc": function ( x, y )
|
|
{
|
|
return y - x;
|
|
},
|
|
|
|
|
|
/*
|
|
* numerical sorting
|
|
*/
|
|
"numeric-pre": function ( a )
|
|
{
|
|
return (a=="-" || a==="") ? 0 : a*1;
|
|
},
|
|
|
|
"numeric-asc": function ( x, y )
|
|
{
|
|
return x - y;
|
|
},
|
|
|
|
"numeric-desc": function ( x, y )
|
|
{
|
|
return y - x;
|
|
}
|
|
} );
|
|
|
|
|
|
$.extend( DataTable.ext.aTypes, [
|
|
/*
|
|
* Function: -
|
|
* Purpose: Check to see if a string is numeric
|
|
* Returns: string:'numeric' or null
|
|
* Inputs: mixed:sText - string to check
|
|
*/
|
|
function ( sData )
|
|
{
|
|
/* Allow zero length strings as a number */
|
|
if ( typeof sData === 'number' )
|
|
{
|
|
return 'numeric';
|
|
}
|
|
else if ( typeof sData !== 'string' )
|
|
{
|
|
return null;
|
|
}
|
|
|
|
var sValidFirstChars = "0123456789-";
|
|
var sValidChars = "0123456789.";
|
|
var Char;
|
|
var bDecimal = false;
|
|
|
|
/* Check for a valid first char (no period and allow negatives) */
|
|
Char = sData.charAt(0);
|
|
if (sValidFirstChars.indexOf(Char) == -1)
|
|
{
|
|
return null;
|
|
}
|
|
|
|
/* Check all the other characters are valid */
|
|
for ( var i=1 ; i<sData.length ; i++ )
|
|
{
|
|
Char = sData.charAt(i);
|
|
if (sValidChars.indexOf(Char) == -1)
|
|
{
|
|
return null;
|
|
}
|
|
|
|
/* Only allowed one decimal place... */
|
|
if ( Char == "." )
|
|
{
|
|
if ( bDecimal )
|
|
{
|
|
return null;
|
|
}
|
|
bDecimal = true;
|
|
}
|
|
}
|
|
|
|
return 'numeric';
|
|
},
|
|
|
|
/*
|
|
* Function: -
|
|
* Purpose: Check to see if a string is actually a formatted date
|
|
* Returns: string:'date' or null
|
|
* Inputs: string:sText - string to check
|
|
*/
|
|
function ( sData )
|
|
{
|
|
var iParse = Date.parse(sData);
|
|
if ( (iParse !== null && !isNaN(iParse)) || (typeof sData === 'string' && sData.length === 0) )
|
|
{
|
|
return 'date';
|
|
}
|
|
return null;
|
|
},
|
|
|
|
/*
|
|
* Function: -
|
|
* Purpose: Check to see if a string should be treated as an HTML string
|
|
* Returns: string:'html' or null
|
|
* Inputs: string:sText - string to check
|
|
*/
|
|
function ( sData )
|
|
{
|
|
if ( typeof sData === 'string' && sData.indexOf('<') != -1 && sData.indexOf('>') != -1 )
|
|
{
|
|
return 'html';
|
|
}
|
|
return null;
|
|
}
|
|
] );
|
|
|
|
|
|
// jQuery aliases
|
|
$.fn.DataTable = DataTable;
|
|
$.fn.dataTable = DataTable;
|
|
$.fn.dataTableSettings = DataTable.settings;
|
|
$.fn.dataTableExt = DataTable.ext;
|
|
|
|
|
|
// Information about events fired by DataTables - for documentation.
|
|
/**
|
|
* Draw event, fired whenever the table is redrawn on the page, at the same point as
|
|
* fnDrawCallback. This may be useful for binding events or performing calculations when
|
|
* the table is altered at all.
|
|
* @name DataTable#draw
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} o DataTables settings object {@link DataTable.models.oSettings}
|
|
*/
|
|
|
|
/**
|
|
* Filter event, fired when the filtering applied to the table (using the build in global
|
|
* global filter, or column filters) is altered.
|
|
* @name DataTable#filter
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} o DataTables settings object {@link DataTable.models.oSettings}
|
|
*/
|
|
|
|
/**
|
|
* Page change event, fired when the paging of the table is altered.
|
|
* @name DataTable#page
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} o DataTables settings object {@link DataTable.models.oSettings}
|
|
*/
|
|
|
|
/**
|
|
* Sort event, fired when the sorting applied to the table is altered.
|
|
* @name DataTable#sort
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} o DataTables settings object {@link DataTable.models.oSettings}
|
|
*/
|
|
|
|
/**
|
|
* DataTables initialisation complete event, fired when the table is fully drawn,
|
|
* including Ajax data loaded, if Ajax data is required.
|
|
* @name DataTable#init
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} json The JSON object request from the server - only
|
|
* present if client-side Ajax sourced data is used</li></ol>
|
|
*/
|
|
|
|
/**
|
|
* State save event, fired when the table has changed state a new state save is required.
|
|
* This method allows modification of the state saving object prior to actually doing the
|
|
* save, including addition or other state properties (for plug-ins) or modification
|
|
* of a DataTables core property.
|
|
* @name DataTable#stateSaveParams
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} json The state information to be saved
|
|
*/
|
|
|
|
/**
|
|
* State load event, fired when the table is loading state from the stored data, but
|
|
* prior to the settings object being modified by the saved state - allowing modification
|
|
* of the saved state is required or loading of state for a plug-in.
|
|
* @name DataTable#stateLoadParams
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} json The saved state information
|
|
*/
|
|
|
|
/**
|
|
* State loaded event, fired when state has been loaded from stored data and the settings
|
|
* object has been modified by the loaded data.
|
|
* @name DataTable#stateLoaded
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {object} json The saved state information
|
|
*/
|
|
|
|
/**
|
|
* Processing event, fired when DataTables is doing some kind of processing (be it,
|
|
* sort, filter or anything else). Can be used to indicate to the end user that
|
|
* there is something happening, or that something has finished.
|
|
* @name DataTable#processing
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} oSettings DataTables settings object
|
|
* @param {boolean} bShow Flag for if DataTables is doing processing or not
|
|
*/
|
|
|
|
/**
|
|
* Ajax (XHR) event, fired whenever an Ajax request is completed from a request to
|
|
* made to the server for new data (note that this trigger is called in fnServerData,
|
|
* if you override fnServerData and which to use this event, you need to trigger it in
|
|
* you success function).
|
|
* @name DataTable#xhr
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} o DataTables settings object {@link DataTable.models.oSettings}
|
|
* @param {object} json JSON returned from the server
|
|
*/
|
|
|
|
/**
|
|
* Destroy event, fired when the DataTable is destroyed by calling fnDestroy or passing
|
|
* the bDestroy:true parameter in the initialisation object. This can be used to remove
|
|
* bound events, added DOM nodes, etc.
|
|
* @name DataTable#destroy
|
|
* @event
|
|
* @param {event} e jQuery event object
|
|
* @param {object} o DataTables settings object {@link DataTable.models.oSettings}
|
|
*/
|
|
}(jQuery, window, document, undefined));
|
|
|
|
///#source 1 1 /ClientSource/Scripts/Core/disco.dataTables.extensions.js
|
|
jQuery.fn.dataTableExt.afnSortData['text'] = function (oSettings, iColumn) {
|
|
var aData = [];
|
|
$('td:eq(' + iColumn + ')', oSettings.oApi._fnGetTrNodes(oSettings)).each(function () {
|
|
aData.push(jQuery.trim($(this).text()));
|
|
});
|
|
return aData;
|
|
}
|
|
jQuery.fn.dataTableExt.afnSortData['disco_datetime'] = function (oSettings, iColumn) {
|
|
var aData = [];
|
|
$('td:eq(' + iColumn + ')', oSettings.oApi._fnGetTrNodes(oSettings)).each(function () {
|
|
var d = $(this).children('span.date[data-discodatetime]');
|
|
if (d.length > 0)
|
|
aData.push((d.attr('data-discodatetime')) * 1);
|
|
else
|
|
aData.push(-1);
|
|
});
|
|
return aData;
|
|
}
|
|
|
|
jQuery.fn.dataTableExt.oSort['au_date-pre'] = function (a) {
|
|
var ukDatea = a.split('/');
|
|
return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
|
|
};
|
|
jQuery.fn.dataTableExt.oSort['au_date-asc'] = function (a, b) {
|
|
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
|
|
};
|
|
jQuery.fn.dataTableExt.oSort['au_date-desc'] = function (a, b) {
|
|
return ((a < b) ? 1 : ((a > b) ? -1 : 0));
|
|
};
|
|
|
|
jQuery.fn.dataTableExt.oSort['disco_datetime-asc'] = function (a, b) {
|
|
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
|
|
};
|
|
jQuery.fn.dataTableExt.oSort['disco_datetime-desc'] = function (a, b) {
|
|
return ((a < b) ? 1 : ((a > b) ? -1 : 0));
|
|
};
|
|
|
|
// Change Default Menu Lengths
|
|
|
|
jQuery.fn.DataTable.defaults.aLengthMenu = [[10, 20, 50, -1], [10, 20, 50, "All"]];
|