Created
April 11, 2013 02:10
-
-
Save jamesconant/5360104 to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* 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 ); | |
(function($, undefined) { | |
/** | |
* Unobtrusive scripting adapter for jQuery | |
* https://github.com/rails/jquery-ujs | |
* | |
* Requires jQuery 1.7.0 or later. | |
* | |
* Released under the MIT license | |
* | |
*/ | |
// Cut down on the number if issues from people inadvertently including jquery_ujs twice | |
// by detecting and raising an error when it happens. | |
var alreadyInitialized = function() { | |
var events = $._data(document, 'events'); | |
return events && events.click && $.grep(events.click, function(e) { return e.namespace === 'rails'; }).length; | |
} | |
if ( alreadyInitialized() ) { | |
$.error('jquery-ujs has already been loaded!'); | |
} | |
// Shorthand to make it a little easier to call public rails functions from within rails.js | |
var rails; | |
$.rails = rails = { | |
// Link elements bound by jquery-ujs | |
linkClickSelector: 'a[data-confirm], a[data-method], a[data-remote], a[data-disable-with]', | |
// Select elements bound by jquery-ujs | |
inputChangeSelector: 'select[data-remote], input[data-remote], textarea[data-remote]', | |
// Form elements bound by jquery-ujs | |
formSubmitSelector: 'form', | |
// Form input elements bound by jquery-ujs | |
formInputClickSelector: 'form input[type=submit], form input[type=image], form button[type=submit], form button:not([type])', | |
// Form input elements disabled during form submission | |
disableSelector: 'input[data-disable-with], button[data-disable-with], textarea[data-disable-with]', | |
// Form input elements re-enabled after form submission | |
enableSelector: 'input[data-disable-with]:disabled, button[data-disable-with]:disabled, textarea[data-disable-with]:disabled', | |
// Form required input elements | |
requiredInputSelector: 'input[name][required]:not([disabled]),textarea[name][required]:not([disabled])', | |
// Form file input elements | |
fileInputSelector: 'input[type=file]', | |
// Link onClick disable selector with possible reenable after remote submission | |
linkDisableSelector: 'a[data-disable-with]', | |
// Make sure that every Ajax request sends the CSRF token | |
CSRFProtection: function(xhr) { | |
var token = $('meta[name="csrf-token"]').attr('content'); | |
if (token) xhr.setRequestHeader('X-CSRF-Token', token); | |
}, | |
// Triggers an event on an element and returns false if the event result is false | |
fire: function(obj, name, data) { | |
var event = $.Event(name); | |
obj.trigger(event, data); | |
return event.result !== false; | |
}, | |
// Default confirm dialog, may be overridden with custom confirm dialog in $.rails.confirm | |
confirm: function(message) { | |
return confirm(message); | |
}, | |
// Default ajax function, may be overridden with custom function in $.rails.ajax | |
ajax: function(options) { | |
return $.ajax(options); | |
}, | |
// Default way to get an element's href. May be overridden at $.rails.href. | |
href: function(element) { | |
return element.attr('href'); | |
}, | |
// Submits "remote" forms and links with ajax | |
handleRemote: function(element) { | |
var method, url, data, elCrossDomain, crossDomain, withCredentials, dataType, options; | |
if (rails.fire(element, 'ajax:before')) { | |
elCrossDomain = element.data('cross-domain'); | |
crossDomain = elCrossDomain === undefined ? null : elCrossDomain; | |
withCredentials = element.data('with-credentials') || null; | |
dataType = element.data('type') || ($.ajaxSettings && $.ajaxSettings.dataType); | |
if (element.is('form')) { | |
method = element.attr('method'); | |
url = element.attr('action'); | |
data = element.serializeArray(); | |
// memoized value from clicked submit button | |
var button = element.data('ujs:submit-button'); | |
if (button) { | |
data.push(button); | |
element.data('ujs:submit-button', null); | |
} | |
} else if (element.is(rails.inputChangeSelector)) { | |
method = element.data('method'); | |
url = element.data('url'); | |
data = element.serialize(); | |
if (element.data('params')) data = data + "&" + element.data('params'); | |
} else { | |
method = element.data('method'); | |
url = rails.href(element); | |
data = element.data('params') || null; | |
} | |
options = { | |
type: method || 'GET', data: data, dataType: dataType, | |
// stopping the "ajax:beforeSend" event will cancel the ajax request | |
beforeSend: function(xhr, settings) { | |
if (settings.dataType === undefined) { | |
xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script); | |
} | |
return rails.fire(element, 'ajax:beforeSend', [xhr, settings]); | |
}, | |
success: function(data, status, xhr) { | |
element.trigger('ajax:success', [data, status, xhr]); | |
}, | |
complete: function(xhr, status) { | |
element.trigger('ajax:complete', [xhr, status]); | |
}, | |
error: function(xhr, status, error) { | |
element.trigger('ajax:error', [xhr, status, error]); | |
}, | |
crossDomain: crossDomain | |
}; | |
// There is no withCredentials for IE6-8 when | |
// "Enable native XMLHTTP support" is disabled | |
if (withCredentials) { | |
options.xhrFields = { | |
withCredentials: withCredentials | |
}; | |
} | |
// Only pass url to `ajax` options if not blank | |
if (url) { options.url = url; } | |
var jqxhr = rails.ajax(options); | |
element.trigger('ajax:send', jqxhr); | |
return jqxhr; | |
} else { | |
return false; | |
} | |
}, | |
// Handles "data-method" on links such as: | |
// <a href="/users/5" data-method="delete" rel="nofollow" data-confirm="Are you sure?">Delete</a> | |
handleMethod: function(link) { | |
var href = rails.href(link), | |
method = link.data('method'), | |
target = link.attr('target'), | |
csrf_token = $('meta[name=csrf-token]').attr('content'), | |
csrf_param = $('meta[name=csrf-param]').attr('content'), | |
form = $('<form method="post" action="' + href + '"></form>'), | |
metadata_input = '<input name="_method" value="' + method + '" type="hidden" />'; | |
if (csrf_param !== undefined && csrf_token !== undefined) { | |
metadata_input += '<input name="' + csrf_param + '" value="' + csrf_token + '" type="hidden" />'; | |
} | |
if (target) { form.attr('target', target); } | |
form.hide().append(metadata_input).appendTo('body'); | |
form.submit(); | |
}, | |
/* Disables form elements: | |
- Caches element value in 'ujs:enable-with' data store | |
- Replaces element text with value of 'data-disable-with' attribute | |
- Sets disabled property to true | |
*/ | |
disableFormElements: function(form) { | |
form.find(rails.disableSelector).each(function() { | |
var element = $(this), method = element.is('button') ? 'html' : 'val'; | |
element.data('ujs:enable-with', element[method]()); | |
element[method](element.data('disable-with')); | |
element.prop('disabled', true); | |
}); | |
}, | |
/* Re-enables disabled form elements: | |
- Replaces element text with cached value from 'ujs:enable-with' data store (created in `disableFormElements`) | |
- Sets disabled property to false | |
*/ | |
enableFormElements: function(form) { | |
form.find(rails.enableSelector).each(function() { | |
var element = $(this), method = element.is('button') ? 'html' : 'val'; | |
if (element.data('ujs:enable-with')) element[method](element.data('ujs:enable-with')); | |
element.prop('disabled', false); | |
}); | |
}, | |
/* For 'data-confirm' attribute: | |
- Fires `confirm` event | |
- Shows the confirmation dialog | |
- Fires the `confirm:complete` event | |
Returns `true` if no function stops the chain and user chose yes; `false` otherwise. | |
Attaching a handler to the element's `confirm` event that returns a `falsy` value cancels the confirmation dialog. | |
Attaching a handler to the element's `confirm:complete` event that returns a `falsy` value makes this function | |
return false. The `confirm:complete` event is fired whether or not the user answered true or false to the dialog. | |
*/ | |
allowAction: function(element) { | |
var message = element.data('confirm'), | |
answer = false, callback; | |
if (!message) { return true; } | |
if (rails.fire(element, 'confirm')) { | |
answer = rails.confirm(message); | |
callback = rails.fire(element, 'confirm:complete', [answer]); | |
} | |
return answer && callback; | |
}, | |
// Helper function which checks for blank inputs in a form that match the specified CSS selector | |
blankInputs: function(form, specifiedSelector, nonBlank) { | |
var inputs = $(), input, valueToCheck, | |
selector = specifiedSelector || 'input,textarea', | |
allInputs = form.find(selector); | |
allInputs.each(function() { | |
input = $(this); | |
valueToCheck = input.is('input[type=checkbox],input[type=radio]') ? input.is(':checked') : input.val(); | |
// If nonBlank and valueToCheck are both truthy, or nonBlank and valueToCheck are both falsey | |
if (!valueToCheck === !nonBlank) { | |
// Don't count unchecked required radio if other radio with same name is checked | |
if (input.is('input[type=radio]') && allInputs.filter('input[type=radio]:checked[name="' + input.attr('name') + '"]').length) { | |
return true; // Skip to next input | |
} | |
inputs = inputs.add(input); | |
} | |
}); | |
return inputs.length ? inputs : false; | |
}, | |
// Helper function which checks for non-blank inputs in a form that match the specified CSS selector | |
nonBlankInputs: function(form, specifiedSelector) { | |
return rails.blankInputs(form, specifiedSelector, true); // true specifies nonBlank | |
}, | |
// Helper function, needed to provide consistent behavior in IE | |
stopEverything: function(e) { | |
$(e.target).trigger('ujs:everythingStopped'); | |
e.stopImmediatePropagation(); | |
return false; | |
}, | |
// find all the submit events directly bound to the form and | |
// manually invoke them. If anyone returns false then stop the loop | |
callFormSubmitBindings: function(form, event) { | |
var events = form.data('events'), continuePropagation = true; | |
if (events !== undefined && events['submit'] !== undefined) { | |
$.each(events['submit'], function(i, obj){ | |
if (typeof obj.handler === 'function') return continuePropagation = obj.handler(event); | |
}); | |
} | |
return continuePropagation; | |
}, | |
// replace element's html with the 'data-disable-with' after storing original html | |
// and prevent clicking on it | |
disableElement: function(element) { | |
element.data('ujs:enable-with', element.html()); // store enabled state | |
element.html(element.data('disable-with')); // set to disabled state | |
element.bind('click.railsDisable', function(e) { // prevent further clicking | |
return rails.stopEverything(e); | |
}); | |
}, | |
// restore element to its original state which was disabled by 'disableElement' above | |
enableElement: function(element) { | |
if (element.data('ujs:enable-with') !== undefined) { | |
element.html(element.data('ujs:enable-with')); // set to old enabled state | |
// this should be element.removeData('ujs:enable-with') | |
// but, there is currently a bug in jquery which makes hyphenated data attributes not get removed | |
element.data('ujs:enable-with', false); // clean up cache | |
} | |
element.unbind('click.railsDisable'); // enable element | |
} | |
}; | |
if (rails.fire($(document), 'rails:attachBindings')) { | |
$.ajaxPrefilter(function(options, originalOptions, xhr){ if ( !options.crossDomain ) { rails.CSRFProtection(xhr); }}); | |
$(document).delegate(rails.linkDisableSelector, 'ajax:complete', function() { | |
rails.enableElement($(this)); | |
}); | |
$(document).delegate(rails.linkClickSelector, 'click.rails', function(e) { | |
var link = $(this), method = link.data('method'), data = link.data('params'); | |
if (!rails.allowAction(link)) return rails.stopEverything(e); | |
if (link.is(rails.linkDisableSelector)) rails.disableElement(link); | |
if (link.data('remote') !== undefined) { | |
if ( (e.metaKey || e.ctrlKey) && (!method || method === 'GET') && !data ) { return true; } | |
var handleRemote = rails.handleRemote(link); | |
// response from rails.handleRemote() will either be false or a deferred object promise. | |
if (handleRemote === false) { | |
rails.enableElement(link); | |
} else { | |
handleRemote.error( function() { rails.enableElement(link); } ); | |
} | |
return false; | |
} else if (link.data('method')) { | |
rails.handleMethod(link); | |
return false; | |
} | |
}); | |
$(document).delegate(rails.inputChangeSelector, 'change.rails', function(e) { | |
var link = $(this); | |
if (!rails.allowAction(link)) return rails.stopEverything(e); | |
rails.handleRemote(link); | |
return false; | |
}); | |
$(document).delegate(rails.formSubmitSelector, 'submit.rails', function(e) { | |
var form = $(this), | |
remote = form.data('remote') !== undefined, | |
blankRequiredInputs = rails.blankInputs(form, rails.requiredInputSelector), | |
nonBlankFileInputs = rails.nonBlankInputs(form, rails.fileInputSelector); | |
if (!rails.allowAction(form)) return rails.stopEverything(e); | |
// skip other logic when required values are missing or file upload is present | |
if (blankRequiredInputs && form.attr("novalidate") == undefined && rails.fire(form, 'ajax:aborted:required', [blankRequiredInputs])) { | |
return rails.stopEverything(e); | |
} | |
if (remote) { | |
if (nonBlankFileInputs) { | |
// slight timeout so that the submit button gets properly serialized | |
// (make it easy for event handler to serialize form without disabled values) | |
setTimeout(function(){ rails.disableFormElements(form); }, 13); | |
var aborted = rails.fire(form, 'ajax:aborted:file', [nonBlankFileInputs]); | |
// re-enable form elements if event bindings return false (canceling normal form submission) | |
if (!aborted) { setTimeout(function(){ rails.enableFormElements(form); }, 13); } | |
return aborted; | |
} | |
// If browser does not support submit bubbling, then this live-binding will be called before direct | |
// bindings. Therefore, we should directly call any direct bindings before remotely submitting form. | |
if (!$.support.submitBubbles && $().jquery < '1.7' && rails.callFormSubmitBindings(form, e) === false) return rails.stopEverything(e); | |
rails.handleRemote(form); | |
return false; | |
} else { | |
// slight timeout so that the submit button gets properly serialized | |
setTimeout(function(){ rails.disableFormElements(form); }, 13); | |
} | |
}); | |
$(document).delegate(rails.formInputClickSelector, 'click.rails', function(event) { | |
var button = $(this); | |
if (!rails.allowAction(button)) return rails.stopEverything(event); | |
// register the pressed submit button | |
var name = button.attr('name'), | |
data = name ? {name:name, value:button.val()} : null; | |
button.closest('form').data('ujs:submit-button', data); | |
}); | |
$(document).delegate(rails.formSubmitSelector, 'ajax:beforeSend.rails', function(event) { | |
if (this == event.target) rails.disableFormElements($(this)); | |
}); | |
$(document).delegate(rails.formSubmitSelector, 'ajax:complete.rails', function(event) { | |
if (this == event.target) rails.enableFormElements($(this)); | |
}); | |
$(function(){ | |
// making sure that all forms have actual up-to-date token(cached forms contain old one) | |
var csrf_token = $('meta[name=csrf-token]').attr('content'); | |
var csrf_param = $('meta[name=csrf-param]').attr('content'); | |
$('form input[name="' + csrf_param + '"]').val(csrf_token); | |
}); | |
} | |
})( jQuery ); | |
/* Modernizr 2.6.2 (Custom Build) | MIT & BSD | |
* Build: http://modernizr.com/download/#-inlinesvg-svg-svgclippaths-touch-shiv-mq-cssclasses-teststyles-prefixes-ie8compat-load | |
*/ | |
;window.Modernizr=function(a,b,c){function y(a){j.cssText=a}function z(a,b){return y(m.join(a+";")+(b||""))}function A(a,b){return typeof a===b}function B(a,b){return!!~(""+a).indexOf(b)}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:A(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n={svg:"http://www.w3.org/2000/svg"},o={},p={},q={},r=[],s=r.slice,t,u=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},v=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return u("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},w={}.hasOwnProperty,x;!A(w,"undefined")&&!A(w.call,"undefined")?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect},o.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==n.svg},o.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(n.svg,"clipPath")))};for(var D in o)x(o,D)&&(t=D.toLowerCase(),e[t]=o[D](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)x(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},y(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?: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,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.mq=v,e.testStyles=u,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))},Modernizr.addTest("ie8compat",function(){return!window.addEventListener&&document.documentMode&&document.documentMode===7}); | |
/*! http://mths.be/placeholder v2.0.7 by @mathias */ | |
;(function(window, document, $) { | |
var isInputSupported = 'placeholder' in document.createElement('input'), | |
isTextareaSupported = 'placeholder' in document.createElement('textarea'), | |
prototype = $.fn, | |
valHooks = $.valHooks, | |
hooks, | |
placeholder; | |
if (isInputSupported && isTextareaSupported) { | |
placeholder = prototype.placeholder = function() { | |
return this; | |
}; | |
placeholder.input = placeholder.textarea = true; | |
} else { | |
placeholder = prototype.placeholder = function() { | |
var $this = this; | |
$this | |
.filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]') | |
.not('.placeholder') | |
.bind({ | |
'focus.placeholder': clearPlaceholder, | |
'blur.placeholder': setPlaceholder | |
}) | |
.data('placeholder-enabled', true) | |
.trigger('blur.placeholder'); | |
return $this; | |
}; | |
placeholder.input = isInputSupported; | |
placeholder.textarea = isTextareaSupported; | |
hooks = { | |
'get': function(element) { | |
var $element = $(element); | |
return $element.data('placeholder-enabled') && $element.hasClass('placeholder') ? '' : element.value; | |
}, | |
'set': function(element, value) { | |
var $element = $(element); | |
if (!$element.data('placeholder-enabled')) { | |
return element.value = value; | |
} | |
if (value == '') { | |
element.value = value; | |
// Issue #56: Setting the placeholder causes problems if the element continues to have focus. | |
if (element != document.activeElement) { | |
// We can't use `triggerHandler` here because of dummy text/password inputs :( | |
setPlaceholder.call(element); | |
} | |
} else if ($element.hasClass('placeholder')) { | |
clearPlaceholder.call(element, true, value) || (element.value = value); | |
} else { | |
element.value = value; | |
} | |
// `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363 | |
return $element; | |
} | |
}; | |
isInputSupported || (valHooks.input = hooks); | |
isTextareaSupported || (valHooks.textarea = hooks); | |
$(function() { | |
// Look for forms | |
$(document).delegate('form', 'submit.placeholder', function() { | |
// Clear the placeholder values so they don't get submitted | |
var $inputs = $('.placeholder', this).each(clearPlaceholder); | |
setTimeout(function() { | |
$inputs.each(setPlaceholder); | |
}, 10); | |
}); | |
}); | |
// Clear placeholder values upon page reload | |
$(window).bind('beforeunload.placeholder', function() { | |
$('.placeholder').each(function() { | |
this.value = ''; | |
}); | |
}); | |
} | |
function args(elem) { | |
// Return an object of element attributes | |
var newAttrs = {}, | |
rinlinejQuery = /^jQuery\d+$/; | |
$.each(elem.attributes, function(i, attr) { | |
if (attr.specified && !rinlinejQuery.test(attr.name)) { | |
newAttrs[attr.name] = attr.value; | |
} | |
}); | |
return newAttrs; | |
} | |
function clearPlaceholder(event, value) { | |
var input = this, | |
$input = $(input); | |
if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) { | |
if ($input.data('placeholder-password')) { | |
$input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id')); | |
// If `clearPlaceholder` was called from `$.valHooks.input.set` | |
if (event === true) { | |
return $input[0].value = value; | |
} | |
$input.focus(); | |
} else { | |
input.value = ''; | |
$input.removeClass('placeholder'); | |
input == document.activeElement && input.select(); | |
} | |
} | |
} | |
function setPlaceholder() { | |
var $replacement, | |
input = this, | |
$input = $(input), | |
$origInput = $input, | |
id = this.id; | |
if (input.value == '') { | |
if (input.type == 'password') { | |
if (!$input.data('placeholder-textinput')) { | |
try { | |
$replacement = $input.clone().attr({ 'type': 'text' }); | |
} catch(e) { | |
$replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' })); | |
} | |
$replacement | |
.removeAttr('name') | |
.data({ | |
'placeholder-password': true, | |
'placeholder-id': id | |
}) | |
.bind('focus.placeholder', clearPlaceholder); | |
$input | |
.data({ | |
'placeholder-textinput': $replacement, | |
'placeholder-id': id | |
}) | |
.before($replacement); | |
} | |
$input = $input.removeAttr('id').hide().prev().attr('id', id).show(); | |
// Note: `$input[0] != input` now! | |
} | |
$input.addClass('placeholder'); | |
$input[0].value = $input.attr('placeholder'); | |
} else { | |
$input.removeClass('placeholder'); | |
} | |
} | |
}(this, document, jQuery)); | |
;(function ($, window, undefined) { | |
'use strict'; | |
$.fn.foundationAlerts = function (options) { | |
var settings = $.extend({ | |
callback: $.noop | |
}, options); | |
$(document).on("click", ".alert-box a.close", function (e) { | |
e.preventDefault(); | |
$(this).closest(".alert-box").fadeOut(function () { | |
$(this).remove(); | |
// Do something else after the alert closes | |
settings.callback(); | |
}); | |
}); | |
}; | |
})(jQuery, this); | |
;(function ($, window, undefined){ | |
'use strict'; | |
$.fn.foundationAccordion = function (options) { | |
// DRY up the logic used to determine if the event logic should execute. | |
var hasHover = function(accordion) { | |
return accordion.hasClass('hover') && !Modernizr.touch | |
}; | |
$(document).on('mouseenter', '.accordion li', function () { | |
var p = $(this).parent(); | |
if (hasHover(p)) { | |
var flyout = $(this).children('.content').first(); | |
$('.content', p).not(flyout).hide().parent('li').removeClass('active'); | |
flyout.show(0, function () { | |
flyout.parent('li').addClass('active'); | |
}); | |
} | |
} | |
); | |
$(document).on('click.fndtn', '.accordion li .title', function () { | |
var li = $(this).closest('li'), | |
p = li.parent(); | |
if(!hasHover(p)) { | |
var flyout = li.children('.content').first(); | |
if (li.hasClass('active')) { | |
p.find('li').removeClass('active').end().find('.content').hide(); | |
} else { | |
$('.content', p).not(flyout).hide().parent('li').removeClass('active'); | |
flyout.show(0, function () { | |
flyout.parent('li').addClass('active'); | |
}); | |
} | |
} | |
} | |
); | |
}; | |
})( jQuery, this ); | |
;(function ($, window, undefined) { | |
'use strict'; | |
$.fn.foundationButtons = function (options) { | |
var $doc = $(document), | |
config = $.extend({ | |
dropdownAsToggle:false, | |
activeClass:'active' | |
}, options), | |
// close all dropdowns except for the dropdown passed | |
closeDropdowns = function (dropdown) { | |
// alert(dropdown.html()); | |
$('.button.dropdown').find('ul').not(dropdown).removeClass('show-dropdown'); | |
}, | |
// reset all toggle states except for the button passed | |
resetToggles = function (button) { | |
// alert(button.html()); | |
var buttons = $('.button.dropdown').not(button); | |
buttons.add($('> span.' + config.activeClass, buttons)).removeClass(config.activeClass); | |
}; | |
// Prevent event propagation on disabled buttons | |
$doc.on('click.fndtn', '.button.disabled', function (e) { | |
e.preventDefault(); | |
}); | |
$('.button.dropdown > ul', this).addClass('no-hover'); | |
// reset other active states | |
$doc.on('click.fndtn', '.button.dropdown:not(.split), .button.dropdown.split span', function (e) { | |
var $el = $(this), | |
button = $el.closest('.button.dropdown'), | |
dropdown = $('> ul', button); | |
// If the click is registered on an actual link or on button element then do not preventDefault which stops the browser from following the link | |
if ($.inArray(e.target.nodeName, ['A', 'BUTTON'])){ | |
e.preventDefault(); | |
} | |
// close other dropdowns | |
setTimeout(function () { | |
closeDropdowns(config.dropdownAsToggle ? '' : dropdown); | |
dropdown.toggleClass('show-dropdown'); | |
if (config.dropdownAsToggle) { | |
resetToggles(button); | |
$el.toggleClass(config.activeClass); | |
} | |
}, 0); | |
}); | |
// close all dropdowns and deactivate all buttons | |
$doc.on('click.fndtn', 'body, html', function (e) { | |
if (undefined == e.originalEvent) { return; } | |
// check original target instead of stopping event propagation to play nice with other events | |
if (!$(e.originalEvent.target).is('.button.dropdown:not(.split), .button.dropdown.split span')) { | |
closeDropdowns(); | |
if (config.dropdownAsToggle) { | |
resetToggles(); | |
} | |
} | |
}); | |
// Positioning the Flyout List | |
var normalButtonHeight = $('.button.dropdown:not(.large):not(.small):not(.tiny):visible', this).outerHeight() - 1, | |
largeButtonHeight = $('.button.large.dropdown:visible', this).outerHeight() - 1, | |
smallButtonHeight = $('.button.small.dropdown:visible', this).outerHeight() - 1, | |
tinyButtonHeight = $('.button.tiny.dropdown:visible', this).outerHeight() - 1; | |
$('.button.dropdown:not(.large):not(.small):not(.tiny) > ul', this).css('top', normalButtonHeight); | |
$('.button.dropdown.large > ul', this).css('top', largeButtonHeight); | |
$('.button.dropdown.small > ul', this).css('top', smallButtonHeight); | |
$('.button.dropdown.tiny > ul', this).css('top', tinyButtonHeight); | |
$('.button.dropdown.up:not(.large):not(.small):not(.tiny) > ul', this).css('top', 'auto').css('bottom', normalButtonHeight - 2); | |
$('.button.dropdown.up.large > ul', this).css('top', 'auto').css('bottom', largeButtonHeight - 2); | |
$('.button.dropdown.up.small > ul', this).css('top', 'auto').css('bottom', smallButtonHeight - 2); | |
$('.button.dropdown.up.tiny > ul', this).css('top', 'auto').css('bottom', tinyButtonHeight - 2); | |
}; | |
})( jQuery, this ); | |
/* | |
* jQuery Foundation Tooltips 2.0.2 | |
* http://foundation.zurb.com | |
* Copyright 2012, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/*jslint unparam: true, browser: true, indent: 2 */ | |
;(function ($, window, undefined) { | |
'use strict'; | |
var settings = { | |
bodyHeight : 0, | |
selector : '.has-tip', | |
additionalInheritableClasses : [], | |
tooltipClass : '.tooltip', | |
tipTemplate : function (selector, content) { | |
return '<span data-selector="' + selector + '" class="' + settings.tooltipClass.substring(1) + '">' + content + '<span class="nub"></span></span>'; | |
} | |
}, | |
methods = { | |
init : function (options) { | |
settings = $.extend(settings, options); | |
// alias the old targetClass option | |
settings.selector = settings.targetClass ? settings.targetClass : settings.selector; | |
return this.each(function () { | |
var $body = $('body'); | |
if (Modernizr.touch) { | |
$body.on('click.tooltip touchstart.tooltip touchend.tooltip', settings.selector, function (e) { | |
e.preventDefault(); | |
$(settings.tooltipClass).hide(); | |
methods.showOrCreateTip($(this)); | |
}); | |
$body.on('click.tooltip touchstart.tooltip touchend.tooltip', settings.tooltipClass, function (e) { | |
e.preventDefault(); | |
$(this).fadeOut(150); | |
}); | |
} else { | |
$body.on('mouseenter.tooltip mouseleave.tooltip', settings.selector, function (e) { | |
var $this = $(this); | |
if (e.type === 'mouseenter') { | |
methods.showOrCreateTip($this); | |
} else if (e.type === 'mouseleave') { | |
methods.hide($this); | |
} | |
}); | |
} | |
$(this).data('tooltips', true); | |
}); | |
}, | |
showOrCreateTip : function ($target, content) { | |
var $tip = methods.getTip($target); | |
if ($tip && $tip.length > 0) { | |
methods.show($target); | |
} else { | |
methods.create($target, content); | |
} | |
}, | |
getTip : function ($target) { | |
var selector = methods.selector($target), | |
tip = null; | |
if (selector) { | |
tip = $('span[data-selector=' + selector + ']' + settings.tooltipClass); | |
} | |
return (tip.length > 0) ? tip : false; | |
}, | |
selector : function ($target) { | |
var id = $target.attr('id'), | |
dataSelector = $target.data('selector'); | |
if (id === undefined && dataSelector === undefined) { | |
dataSelector = 'tooltip' + Math.random().toString(36).substring(7); | |
$target.attr('data-selector', dataSelector); | |
} | |
return (id) ? id : dataSelector; | |
}, | |
create : function ($target, content) { | |
var $tip = $(settings.tipTemplate(methods.selector($target), | |
$('<div>').html(content ? content : $target.attr('title')).html())), | |
classes = methods.inheritable_classes($target); | |
$tip.addClass(classes).appendTo('body'); | |
if (Modernizr.touch) { | |
$tip.append('<span class="tap-to-close">tap to close </span>'); | |
} | |
$target.removeAttr('title'); | |
methods.show($target); | |
}, | |
reposition : function (target, tip, classes) { | |
var width, nub, nubHeight, nubWidth, column, objPos; | |
tip.css('visibility', 'hidden').show(); | |
width = target.data('width'); | |
nub = tip.children('.nub'); | |
nubHeight = nub.outerHeight(); | |
nubWidth = nub.outerWidth(); | |
objPos = function (obj, top, right, bottom, left, width) { | |
return obj.css({ | |
'top' : top, | |
'bottom' : bottom, | |
'left' : left, | |
'right' : right, | |
'max-width' : (width) ? width : 'auto' | |
}).end(); | |
}; | |
objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', target.offset().left, width); | |
objPos(nub, -nubHeight, 'auto', 'auto', 10); | |
if ($(window).width() < 767) { | |
if (target.data('mobile-width')) { | |
tip.width(target.data('mobile-width')).css('left', 15).addClass('tip-override'); | |
} else { | |
column = target.closest('.columns'); | |
if (column.length < 0) { | |
// if not using Foundation | |
column = $('body'); | |
} | |
if (column.outerWidth()) { | |
tip.width(column.outerWidth() - 25).css('left', 15).addClass('tip-override'); | |
} else { | |
var tmp_width = Math.ceil($(window).width() * 0.9); | |
tip.width(tmp_width).css('left', 15).addClass('tip-override'); | |
} | |
} | |
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left); | |
} else { | |
if (classes && classes.indexOf('tip-top') > -1) { | |
objPos(tip, (target.offset().top - tip.outerHeight() - nubHeight), 'auto', 'auto', target.offset().left, width) | |
.removeClass('tip-override'); | |
objPos(nub, 'auto', 'auto', -nubHeight, 'auto'); | |
} else if (classes && classes.indexOf('tip-left') > -1) { | |
objPos(tip, (target.offset().top + (target.outerHeight() / 2) - nubHeight), 'auto', 'auto', (target.offset().left - tip.outerWidth() - 10), width) | |
.removeClass('tip-override'); | |
objPos(nub, (tip.outerHeight() / 2) - (nubHeight / 2), -nubHeight, 'auto', 'auto'); | |
} else if (classes && classes.indexOf('tip-right') > -1) { | |
objPos(tip, (target.offset().top + (target.outerHeight() / 2) - nubHeight), 'auto', 'auto', (target.offset().left + target.outerWidth() + 10), width) | |
.removeClass('tip-override'); | |
objPos(nub, (tip.outerHeight() / 2) - (nubHeight / 2), 'auto', 'auto', -nubHeight); | |
} else if (classes && classes.indexOf('tip-centered-top') > -1) { | |
objPos(tip, (target.offset().top - tip.outerHeight() - nubHeight), 'auto', 'auto', (target.offset().left + ((target.outerWidth() - tip.outerWidth()) / 2) ), width) | |
.removeClass('tip-override'); | |
objPos(nub, 'auto', ((tip.outerWidth() / 2) -(nubHeight / 2)), -nubHeight, 'auto'); | |
} else if (classes && classes.indexOf('tip-centered-bottom') > -1) { | |
objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', (target.offset().left + ((target.outerWidth() - tip.outerWidth()) / 2) ), width) | |
.removeClass('tip-override'); | |
objPos(nub, -nubHeight, ((tip.outerWidth() / 2) -(nubHeight / 2)), 'auto', 'auto'); | |
} | |
} | |
tip.css('visibility', 'visible').hide(); | |
}, | |
inheritable_classes : function (target) { | |
var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'tip-centered-top', 'tip-centered-bottom', 'noradius'].concat(settings.additionalInheritableClasses), | |
classes = target.attr('class'), | |
filtered = classes ? $.map(classes.split(' '), function (el, i) { | |
if ($.inArray(el, inheritables) !== -1) { | |
return el; | |
} | |
}).join(' ') : ''; | |
return $.trim(filtered); | |
}, | |
show : function ($target) { | |
var $tip = methods.getTip($target); | |
methods.reposition($target, $tip, $target.attr('class')); | |
$tip.fadeIn(150); | |
}, | |
hide : function ($target) { | |
var $tip = methods.getTip($target); | |
$tip.fadeOut(150); | |
}, | |
reload : function () { | |
var $self = $(this); | |
return ($self.data('tooltips')) ? $self.foundationTooltips('destroy').foundationTooltips('init') : $self.foundationTooltips('init'); | |
}, | |
destroy : function () { | |
return this.each(function () { | |
$(window).off('.tooltip'); | |
$(settings.selector).off('.tooltip'); | |
$(settings.tooltipClass).each(function (i) { | |
$($(settings.selector).get(i)).attr('title', $(this).text()); | |
}).remove(); | |
}); | |
} | |
}; | |
$.fn.foundationTooltips = function (method) { | |
if (methods[method]) { | |
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); | |
} else if (typeof method === 'object' || !method) { | |
return methods.init.apply(this, arguments); | |
} else { | |
$.error('Method ' + method + ' does not exist on jQuery.foundationTooltips'); | |
} | |
}; | |
}(jQuery, this)); | |
/* | |
* jQuery Custom Forms Plugin 1.0 | |
* www.ZURB.com | |
* Copyright 2010, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
(function( $ ){ | |
/** | |
* Helper object used to quickly adjust all hidden parent element's, display and visibility properties. | |
* This is currently used for the custom drop downs. When the dropdowns are contained within a reveal modal | |
* we cannot accurately determine the list-item elements width property, since the modal's display property is set | |
* to 'none'. | |
* | |
* This object will help us work around that problem. | |
* | |
* NOTE: This could also be plugin. | |
* | |
* @function hiddenFix | |
*/ | |
var hiddenFix = function() { | |
return { | |
/** | |
* Sets all hidden parent elements and self to visibile. | |
* | |
* @method adjust | |
* @param {jQuery Object} $child | |
*/ | |
// We'll use this to temporarily store style properties. | |
tmp : [], | |
// We'll use this to set hidden parent elements. | |
hidden : null, | |
adjust : function( $child ) { | |
// Internal reference. | |
var _self = this; | |
// Set all hidden parent elements, including this element. | |
_self.hidden = $child.parents().andSelf().filter( ":hidden" ); | |
// Loop through all hidden elements. | |
_self.hidden.each( function() { | |
// Cache the element. | |
var $elem = $( this ); | |
// Store the style attribute. | |
// Undefined if element doesn't have a style attribute. | |
_self.tmp.push( $elem.attr( 'style' ) ); | |
// Set the element's display property to block, | |
// but ensure it's visibility is hidden. | |
$elem.css( { 'visibility' : 'hidden', 'display' : 'block' } ); | |
}); | |
}, // end adjust | |
/** | |
* Resets the elements previous state. | |
* | |
* @method reset | |
*/ | |
reset : function() { | |
// Internal reference. | |
var _self = this; | |
// Loop through our hidden element collection. | |
_self.hidden.each( function( i ) { | |
// Cache this element. | |
var $elem = $( this ), | |
_tmp = _self.tmp[ i ]; // Get the stored 'style' value for this element. | |
// If the stored value is undefined. | |
if( _tmp === undefined ) | |
// Remove the style attribute. | |
$elem.removeAttr( 'style' ); | |
else | |
// Otherwise, reset the element style attribute. | |
$elem.attr( 'style', _tmp ); | |
}); | |
// Reset the tmp array. | |
_self.tmp = []; | |
// Reset the hidden elements variable. | |
_self.hidden = null; | |
} // end reset | |
}; // end return | |
}; | |
jQuery.foundation = jQuery.foundation || {}; | |
jQuery.foundation.customForms = jQuery.foundation.customForms || {}; | |
$.foundation.customForms.appendCustomMarkup = function ( options ) { | |
var defaults = { | |
disable_class: "no-custom" | |
}; | |
options = $.extend( defaults, options ); | |
function appendCustomMarkup(idx, sel) { | |
var $this = $(sel).hide(), | |
type = $this.attr('type'), | |
$span = $this.next('span.custom.' + type); | |
if ($span.length === 0) { | |
$span = $('<span class="custom ' + type + '"></span>').insertAfter($this); | |
} | |
$span.toggleClass('checked', $this.is(':checked')); | |
$span.toggleClass('disabled', $this.is(':disabled')); | |
} | |
function appendCustomSelect(idx, sel) { | |
var hiddenFixObj = hiddenFix(); | |
// | |
// jQueryify the <select> element and cache it. | |
// | |
var $this = $( sel ), | |
// | |
// Find the custom drop down element. | |
// | |
$customSelect = $this.next( 'div.custom.dropdown' ), | |
// | |
// Find the custom select element within the custom drop down. | |
// | |
$customList = $customSelect.find( 'ul' ), | |
// | |
// Find the custom a.current element. | |
// | |
$selectCurrent = $customSelect.find( ".current" ), | |
// | |
// Find the custom a.selector element (the drop-down icon). | |
// | |
$selector = $customSelect.find( ".selector" ), | |
// | |
// Get the <options> from the <select> element. | |
// | |
$options = $this.find( 'option' ), | |
// | |
// Filter down the selected options | |
// | |
$selectedOption = $options.filter( ':selected' ), | |
// | |
// Initial max width. | |
// | |
maxWidth = 0, | |
// | |
// We'll use this variable to create the <li> elements for our custom select. | |
// | |
liHtml = '', | |
// | |
// We'll use this to cache the created <li> elements within our custom select. | |
// | |
$listItems | |
; | |
var $currentSelect = false; | |
// | |
// Should we not create a custom list? | |
// | |
if ( $this.hasClass( options.disable_class ) ) return; | |
// | |
// Did we not create a custom select element yet? | |
// | |
if ( $customSelect.length === 0 ) { | |
// | |
// Let's create our custom select element! | |
// | |
// | |
// Determine what select size to use. | |
// | |
var customSelectSize = $this.hasClass( 'small' ) ? 'small' : | |
$this.hasClass( 'medium' ) ? 'medium' : | |
$this.hasClass( 'large' ) ? 'large' : | |
$this.hasClass( 'expand' ) ? 'expand' : '' | |
; | |
// | |
// Build our custom list. | |
// | |
$customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize ].join( ' ' ) + '"><a href="#" class="selector"></a><ul /></div>'); | |
// | |
// Grab the selector element | |
// | |
$selector = $customSelect.find( ".selector" ); | |
// | |
// Grab the unordered list element from the custom list. | |
// | |
$customList = $customSelect.find( "ul" ); | |
// | |
// Build our <li> elements. | |
// | |
liHtml = $options.map( function() { return "<li>" + $( this ).html() + "</li>"; } ).get().join( '' ); | |
// | |
// Append our <li> elements to the custom list (<ul>). | |
// | |
$customList.append( liHtml ); | |
// | |
// Insert the the currently selected list item before all other elements. | |
// Then, find the element and assign it to $currentSelect. | |
// | |
$currentSelect = $customSelect.prepend( '<a href="#" class="current">' + $selectedOption.html() + '</a>' ).find( ".current" ); | |
// | |
// Add the custom select element after the <select> element. | |
// | |
$this.after( $customSelect ) | |
// | |
//then hide the <select> element. | |
// | |
.hide(); | |
} else { | |
// | |
// Create our list item <li> elements. | |
// | |
liHtml = $options.map( function() { return "<li>" + $( this ).html() + "</li>"; } ).get().join( '' ); | |
// | |
// Refresh the ul with options from the select in case the supplied markup doesn't match. | |
// Clear what's currently in the <ul> element. | |
// | |
$customList.html( '' ) | |
// | |
// Populate the list item <li> elements. | |
// | |
.append( liHtml ); | |
} // endif $customSelect.length === 0 | |
// | |
// Determine whether or not the custom select element should be disabled. | |
// | |
$customSelect.toggleClass( 'disabled', $this.is( ':disabled' ) ); | |
// | |
// Cache our List item elements. | |
// | |
$listItems = $customList.find( 'li' ); | |
// | |
// Determine which elements to select in our custom list. | |
// | |
$options.each( function ( index ) { | |
if ( this.selected ) { | |
// | |
// Add the selected class to the current li element | |
// | |
$listItems.eq( index ).addClass( 'selected' ); | |
// | |
// Update the current element with the option value. | |
// | |
if ($currentSelect) { | |
$currentSelect.html( $( this ).html() ); | |
} | |
} | |
}); | |
// | |
// Update the custom <ul> list width property. | |
// | |
$customList.css( 'width', 'auto' ); | |
// | |
// Set the custom select width property. | |
// | |
$customSelect.css( 'width', 'auto' ); | |
// | |
// If we're not specifying a predetermined form size. | |
// | |
if ( !$customSelect.is( '.small, .medium, .large, .expand' ) ) { | |
// ------------------------------------------------------------------------------------ | |
// This is a work-around for when elements are contained within hidden parents. | |
// For example, when custom-form elements are inside of a hidden reveal modal. | |
// | |
// We need to display the current custom list element as well as hidden parent elements | |
// in order to properly calculate the list item element's width property. | |
// ------------------------------------------------------------------------------------- | |
// | |
// Show the drop down. | |
// This should ensure that the list item's width values are properly calculated. | |
// | |
$customSelect.addClass( 'open' ); | |
// | |
// Quickly, display all parent elements. | |
// This should help us calcualate the width of the list item's within the drop down. | |
// | |
hiddenFixObj.adjust( $customList ); | |
// | |
// Grab the largest list item width. | |
// | |
maxWidth = ( $listItems.outerWidth() > maxWidth ) ? $listItems.outerWidth() : maxWidth; | |
// | |
// Okay, now reset the parent elements. | |
// This will hide them again. | |
// | |
hiddenFixObj.reset(); | |
// | |
// Finally, hide the drop down. | |
// | |
$customSelect.removeClass( 'open' ); | |
// | |
// Set the custom list width. | |
// | |
$customSelect.width( maxWidth + 18); | |
// | |
// Set the custom list element (<ul />) width. | |
// | |
$customList.width( maxWidth + 16 ); | |
} // endif | |
} | |
$('form.custom input:radio[data-customforms!=disabled]').each(appendCustomMarkup); | |
$('form.custom input:checkbox[data-customforms!=disabled]').each(appendCustomMarkup); | |
$('form.custom select[data-customforms!=disabled]').each(appendCustomSelect); | |
}; | |
var refreshCustomSelect = function($select) { | |
var maxWidth = 0, | |
$customSelect = $select.next(); | |
$options = $select.find('option'); | |
$customSelect.find('ul').html(''); | |
$options.each(function () { | |
$li = $('<li>' + $(this).html() + '</li>'); | |
$customSelect.find('ul').append($li); | |
}); | |
// re-populate | |
$options.each(function (index) { | |
if (this.selected) { | |
$customSelect.find('li').eq(index).addClass('selected'); | |
$customSelect.find('.current').html($(this).html()); | |
} | |
}); | |
// fix width | |
$customSelect.removeAttr('style') | |
.find('ul').removeAttr('style'); | |
$customSelect.find('li').each(function () { | |
$customSelect.addClass('open'); | |
if ($(this).outerWidth() > maxWidth) { | |
maxWidth = $(this).outerWidth(); | |
} | |
$customSelect.removeClass('open'); | |
}); | |
$customSelect.css('width', maxWidth + 18 + 'px'); | |
$customSelect.find('ul').css('width', maxWidth + 16 + 'px'); | |
}; | |
var toggleCheckbox = function($element) { | |
var $input = $element.prev(), | |
input = $input[0]; | |
if (false === $input.is(':disabled')) { | |
input.checked = ((input.checked) ? false : true); | |
$element.toggleClass('checked'); | |
$input.trigger('change'); | |
} | |
}; | |
var toggleRadio = function($element) { | |
var $input = $element.prev(), | |
$form = $input.closest('form.custom'), | |
input = $input[0]; | |
if (false === $input.is(':disabled')) { | |
$form.find('input:radio[name="' + $input.attr('name') + '"]').next().not($element).removeClass('checked'); | |
if ( !$element.hasClass('checked') ) { | |
$element.toggleClass('checked'); | |
} | |
input.checked = $element.hasClass('checked'); | |
$input.trigger('change'); | |
} | |
}; | |
$(document).on('click', 'form.custom span.custom.checkbox', function (event) { | |
event.preventDefault(); | |
event.stopPropagation(); | |
toggleCheckbox($(this)); | |
}); | |
$(document).on('click', 'form.custom span.custom.radio', function (event) { | |
event.preventDefault(); | |
event.stopPropagation(); | |
toggleRadio($(this)); | |
}); | |
$(document).on('change', 'form.custom select[data-customforms!=disabled]', function (event) { | |
refreshCustomSelect($(this)); | |
}); | |
$(document).on('click', 'form.custom label', function (event) { | |
var $associatedElement = $('#' + $(this).attr('for') + '[data-customforms!=disabled]'), | |
$customCheckbox, | |
$customRadio; | |
if ($associatedElement.length !== 0) { | |
if ($associatedElement.attr('type') === 'checkbox') { | |
event.preventDefault(); | |
$customCheckbox = $(this).find('span.custom.checkbox'); | |
//the checkbox might be outside after the label | |
if ($customCheckbox.length == 0) { | |
$customCheckbox = $(this).next('span.custom.checkbox'); | |
} | |
//the checkbox might be outside before the label | |
if ($customCheckbox.length == 0) { | |
$customCheckbox = $(this).prev('span.custom.checkbox'); | |
} | |
toggleCheckbox($customCheckbox); | |
} else if ($associatedElement.attr('type') === 'radio') { | |
event.preventDefault(); | |
$customRadio = $(this).find('span.custom.radio'); | |
//the radio might be outside after the label | |
if ($customRadio.length == 0) { | |
$customRadio = $(this).next('span.custom.radio'); | |
} | |
//the radio might be outside before the label | |
if ($customRadio.length == 0) { | |
$customRadio = $(this).prev('span.custom.radio'); | |
} | |
toggleRadio($customRadio); | |
} | |
} | |
}); | |
$(document).on('click', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (event) { | |
var $this = $(this), | |
$dropdown = $this.closest('div.custom.dropdown'), | |
$select = $dropdown.prev(); | |
event.preventDefault(); | |
$('div.dropdown').removeClass('open'); | |
if (false === $select.is(':disabled')) { | |
$dropdown.toggleClass('open'); | |
if ($dropdown.hasClass('open')) { | |
$(document).bind('click.customdropdown', function (event) { | |
$dropdown.removeClass('open'); | |
$(document).unbind('.customdropdown'); | |
}); | |
} else { | |
$(document).unbind('.customdropdown'); | |
} | |
return false; | |
} | |
}); | |
$(document).on('click', 'form.custom div.custom.dropdown li', function (event) { | |
var $this = $(this), | |
$customDropdown = $this.closest('div.custom.dropdown'), | |
$select = $customDropdown.prev(), | |
selectedIndex = 0; | |
event.preventDefault(); | |
event.stopPropagation(); | |
$('div.dropdown').removeClass('open'); | |
$this | |
.closest('ul') | |
.find('li') | |
.removeClass('selected'); | |
$this.addClass('selected'); | |
$customDropdown | |
.removeClass('open') | |
.find('a.current') | |
.html($this.html()); | |
$this.closest('ul').find('li').each(function (index) { | |
if ($this[0] == this) { | |
selectedIndex = index; | |
} | |
}); | |
$select[0].selectedIndex = selectedIndex; | |
$select.trigger('change'); | |
}); | |
$.fn.foundationCustomForms = $.foundation.customForms.appendCustomMarkup; | |
})( jQuery ); | |
;(function ($, window, document, undefined) { | |
'use strict'; | |
var settings = { | |
callback: $.noop, | |
deep_linking: true, | |
init: false | |
}, | |
methods = { | |
init : function (options) { | |
settings = $.extend({}, settings, options); | |
return this.each(function () { | |
if (!settings.init) methods.events(); | |
if (settings.deep_linking) methods.from_hash(); | |
}); | |
}, | |
events : function () { | |
$(document).on('click.fndtn', '.tabs a', function (e) { | |
methods.set_tab($(this).parent('dd, li'), e); | |
}); | |
settings.init = true; | |
}, | |
set_tab : function ($tab, e) { | |
var $activeTab = $tab.closest('dl, ul').find('.active'), | |
target = $tab.children('a').attr("href"), | |
hasHash = /^#/.test(target), | |
$content = $(target + 'Tab'); | |
if (hasHash && $content.length > 0) { | |
// Show tab content | |
if (e && !settings.deep_linking) e.preventDefault(); | |
$content.closest('.tabs-content').children('li').removeClass('active').hide(); | |
$content.css('display', 'block').addClass('active'); | |
} | |
// Make active tab | |
$activeTab.removeClass('active'); | |
$tab.addClass('active'); | |
settings.callback(); | |
}, | |
from_hash : function () { | |
var hash = window.location.hash, | |
$tab = $('a[href="' + hash + '"]'); | |
$tab.trigger('click.fndtn'); | |
} | |
} | |
$.fn.foundationTabs = function (method) { | |
if (methods[method]) { | |
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); | |
} else if (typeof method === 'object' || !method) { | |
return methods.init.apply(this, arguments); | |
} else { | |
$.error('Method ' + method + ' does not exist on jQuery.foundationTabs'); | |
} | |
}; | |
}(jQuery, this, this.document)); | |
;(function ($, window, undefined) { | |
'use strict'; | |
$.fn.foundationNavigation = function (options) { | |
var lockNavBar = false; | |
// Windows Phone, sadly, does not register touch events :( | |
if (Modernizr.touch || navigator.userAgent.match(/Windows Phone/i)) { | |
$(document).on('click.fndtn touchstart.fndtn', '.nav-bar a.flyout-toggle', function (e) { | |
e.preventDefault(); | |
var flyout = $(this).siblings('.flyout').first(); | |
if (lockNavBar === false) { | |
$('.nav-bar .flyout').not(flyout).slideUp(500); | |
flyout.slideToggle(500, function () { | |
lockNavBar = false; | |
}); | |
} | |
lockNavBar = true; | |
}); | |
$('.nav-bar>li.has-flyout', this).addClass('is-touch'); | |
} else { | |
$('.nav-bar>li.has-flyout', this).on('mouseenter mouseleave', function (e) { | |
if (e.type == 'mouseenter') { | |
$('.nav-bar').find('.flyout').hide(); | |
$(this).children('.flyout').show(); | |
} | |
if (e.type == 'mouseleave') { | |
var flyout = $(this).children('.flyout'), | |
inputs = flyout.find('input'), | |
hasFocus = function (inputs) { | |
var focus; | |
if (inputs.length > 0) { | |
inputs.each(function () { | |
if ($(this).is(":focus")) { | |
focus = true; | |
} | |
}); | |
return focus; | |
} | |
return false; | |
}; | |
if (!hasFocus(inputs)) { | |
$(this).children('.flyout').hide(); | |
} | |
} | |
}); | |
} | |
}; | |
})( jQuery, this ); | |
/* | |
* jQuery Foundation Top Bar 2.0.4 | |
* http://foundation.zurb.com | |
* Copyright 2012, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/*jslint unparam: true, browser: true, indent: 2 */ | |
;(function ($, window, undefined) { | |
'use strict'; | |
var settings = { | |
index : 0, | |
initialized : false | |
}, | |
methods = { | |
init : function (options) { | |
return this.each(function () { | |
settings = $.extend(settings, options); | |
settings.$w = $(window), | |
settings.$topbar = $('nav.top-bar'), | |
settings.$section = settings.$topbar.find('section'), | |
settings.$titlebar = settings.$topbar.children('ul:first'); | |
var breakpoint = $("<div class='top-bar-js-breakpoint'/>").appendTo("body"); | |
settings.breakPoint = breakpoint.width(); | |
breakpoint.remove(); | |
if (!settings.initialized) { | |
methods.assemble(); | |
settings.initialized = true; | |
} | |
if (!settings.height) { | |
methods.largestUL(); | |
} | |
if (settings.$topbar.parent().hasClass('fixed')) { | |
$('body').css('padding-top',settings.$topbar.outerHeight()) | |
} | |
$('.top-bar .toggle-topbar').off('click.fndtn').on('click.fndtn', function (e) { | |
e.preventDefault(); | |
if (methods.breakpoint()) { | |
settings.$topbar.toggleClass('expanded'); | |
settings.$topbar.css('min-height', ''); | |
} | |
if (!settings.$topbar.hasClass('expanded')) { | |
settings.$section.css({left: '0%'}); | |
settings.$section.find('>.name').css({left: '100%'}); | |
settings.$section.find('li.moved').removeClass('moved'); | |
settings.index = 0; | |
} | |
}); | |
// Show the Dropdown Levels on Click | |
$('.top-bar .has-dropdown>a').off('click.fndtn').on('click.fndtn', function (e) { | |
if (Modernizr.touch || methods.breakpoint()) | |
e.preventDefault(); | |
if (methods.breakpoint()) { | |
var $this = $(this), | |
$selectedLi = $this.closest('li'); | |
settings.index += 1; | |
$selectedLi.addClass('moved'); | |
settings.$section.css({left: -(100 * settings.index) + '%'}); | |
settings.$section.find('>.name').css({left: 100 * settings.index + '%'}); | |
$this.siblings('ul').height(settings.height + settings.$titlebar.outerHeight(true)); | |
settings.$topbar.css('min-height', settings.height + settings.$titlebar.outerHeight(true) * 2) | |
} | |
}); | |
$(window).on('resize.fndtn.topbar',function() { | |
if (!methods.breakpoint()) { | |
settings.$topbar.css('min-height', ''); | |
} | |
}); | |
// Go up a level on Click | |
$('.top-bar .has-dropdown .back').off('click.fndtn').on('click.fndtn', function (e) { | |
e.preventDefault(); | |
var $this = $(this), | |
$movedLi = $this.closest('li.moved'), | |
$previousLevelUl = $movedLi.parent(); | |
settings.index -= 1; | |
settings.$section.css({left: -(100 * settings.index) + '%'}); | |
settings.$section.find('>.name').css({'left': 100 * settings.index + '%'}); | |
if (settings.index === 0) { | |
settings.$topbar.css('min-height', 0); | |
} | |
setTimeout(function () { | |
$movedLi.removeClass('moved'); | |
}, 300); | |
}); | |
}); | |
}, | |
breakpoint : function () { | |
return settings.$w.width() < settings.breakPoint; | |
}, | |
assemble : function () { | |
// Pull element out of the DOM for manipulation | |
settings.$section.detach(); | |
settings.$section.find('.has-dropdown>a').each(function () { | |
var $link = $(this), | |
$dropdown = $link.siblings('.dropdown'), | |
$titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li>'); | |
// Copy link to subnav | |
$titleLi.find('h5>a').html($link.html()); | |
$dropdown.prepend($titleLi); | |
}); | |
// Put element back in the DOM | |
settings.$section.appendTo(settings.$topbar); | |
}, | |
largestUL : function () { | |
var uls = settings.$topbar.find('section ul ul'), | |
largest = uls.first(), | |
total = 0; | |
uls.each(function () { | |
if ($(this).children('li').length > largest.children('li').length) { | |
largest = $(this); | |
} | |
}); | |
largest.children('li').each(function () { total += $(this).outerHeight(true); }); | |
settings.height = total; | |
} | |
}; | |
$.fn.foundationTopBar = function (method) { | |
if (methods[method]) { | |
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); | |
} else if (typeof method === 'object' || !method) { | |
return methods.init.apply(this, arguments); | |
} else { | |
$.error('Method ' + method + ' does not exist on jQuery.foundationTopBar'); | |
} | |
}; | |
// Monitor scroll position for sticky | |
if ($('.sticky').length > 0) { | |
var distance = $('.sticky').length ? $('.sticky').offset().top: 0, | |
$window = $(window); | |
$window.scroll(function() { | |
if ( $window.scrollTop() >= distance ) { | |
$(".sticky").addClass("fixed"); | |
} | |
else if ( $window.scrollTop() < distance ) { | |
$(".sticky").removeClass("fixed"); | |
} | |
}); | |
} | |
}(jQuery, this)); | |
/* | |
* jQuery Reveal Plugin 1.1 | |
* www.ZURB.com | |
* Copyright 2010, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/*globals jQuery */ | |
(function ($) { | |
'use strict'; | |
// | |
// Global variable. | |
// Helps us determine if the current modal is being queued for display. | |
// | |
var modalQueued = false; | |
// | |
// Bind the live 'click' event to all anchor elemnets with the data-reveal-id attribute. | |
// | |
$(document).on('click', 'a[data-reveal-id]', function ( event ) { | |
// | |
// Prevent default action of the event. | |
// | |
event.preventDefault(); | |
// | |
// Get the clicked anchor data-reveal-id attribute value. | |
// | |
var modalLocation = $( this ).attr( 'data-reveal-id' ); | |
// | |
// Find the element with that modalLocation id and call the reveal plugin. | |
// | |
$( '#' + modalLocation ).reveal( $( this ).data() ); | |
}); | |
/** | |
* @module reveal | |
* @property {Object} [options] Reveal options | |
*/ | |
$.fn.reveal = function ( options ) { | |
/* | |
* Cache the document object. | |
*/ | |
var $doc = $( document ), | |
/* | |
* Default property values. | |
*/ | |
defaults = { | |
/** | |
* Possible options: fade, fadeAndPop, none | |
* | |
* @property animation | |
* @type {String} | |
* @default fadeAndPop | |
*/ | |
animation: 'fadeAndPop', | |
/** | |
* Speed at which the reveal should show. How fast animtions are. | |
* | |
* @property animationSpeed | |
* @type {Integer} | |
* @default 300 | |
*/ | |
animationSpeed: 300, | |
/** | |
* Should the modal close when the background is clicked? | |
* | |
* @property closeOnBackgroundClick | |
* @type {Boolean} | |
* @default true | |
*/ | |
closeOnBackgroundClick: true, | |
/** | |
* Specify a class name for the 'close modal' element. | |
* This element will close an open modal. | |
* | |
@example | |
<a href='#close' class='close-reveal-modal'>Close Me</a> | |
* | |
* @property dismissModalClass | |
* @type {String} | |
* @default close-reveal-modal | |
*/ | |
dismissModalClass: 'close-reveal-modal', | |
/** | |
* Specify a callback function that triggers 'before' the modal opens. | |
* | |
* @property open | |
* @type {Function} | |
* @default function(){} | |
*/ | |
open: $.noop, | |
/** | |
* Specify a callback function that triggers 'after' the modal is opened. | |
* | |
* @property opened | |
* @type {Function} | |
* @default function(){} | |
*/ | |
opened: $.noop, | |
/** | |
* Specify a callback function that triggers 'before' the modal prepares to close. | |
* | |
* @property close | |
* @type {Function} | |
* @default function(){} | |
*/ | |
close: $.noop, | |
/** | |
* Specify a callback function that triggers 'after' the modal is closed. | |
* | |
* @property closed | |
* @type {Function} | |
* @default function(){} | |
*/ | |
closed: $.noop | |
} | |
; | |
// | |
// Extend the default options. | |
// This replaces the passed in option (options) values with default values. | |
// | |
options = $.extend( {}, defaults, options ); | |
// | |
// Apply the plugin functionality to each element in the jQuery collection. | |
// | |
return this.not('.reveal-modal.open').each( function () { | |
// | |
// Cache the modal element | |
// | |
var modal = $( this ), | |
// | |
// Get the current css 'top' property value in decimal format. | |
// | |
topMeasure = parseInt( modal.css( 'top' ), 10 ), | |
// | |
// Calculate the top offset. | |
// | |
topOffset = modal.height() + topMeasure, | |
// | |
// Helps determine if the modal is locked. | |
// This way we keep the modal from triggering while it's in the middle of animating. | |
// | |
locked = false, | |
// | |
// Get the modal background element. | |
// | |
modalBg = $( '.reveal-modal-bg' ), | |
// | |
// Show modal properties | |
// | |
cssOpts = { | |
// | |
// Used, when we show the modal. | |
// | |
open : { | |
// | |
// Set the 'top' property to the document scroll minus the calculated top offset. | |
// | |
'top': 0, | |
// | |
// Opacity gets set to 0. | |
// | |
'opacity': 0, | |
// | |
// Show the modal | |
// | |
'visibility': 'visible', | |
// | |
// Ensure it's displayed as a block element. | |
// | |
'display': 'block' | |
}, | |
// | |
// Used, when we hide the modal. | |
// | |
close : { | |
// | |
// Set the default 'top' property value. | |
// | |
'top': topMeasure, | |
// | |
// Has full opacity. | |
// | |
'opacity': 1, | |
// | |
// Hide the modal | |
// | |
'visibility': 'hidden', | |
// | |
// Ensure the elment is hidden. | |
// | |
'display': 'none' | |
} | |
}, | |
// | |
// Initial closeButton variable. | |
// | |
$closeButton | |
; | |
// | |
// Do we have a modal background element? | |
// | |
if ( modalBg.length === 0 ) { | |
// | |
// No we don't. So, let's create one. | |
// | |
modalBg = $( '<div />', { 'class' : 'reveal-modal-bg' } ) | |
// | |
// Then insert it after the modal element. | |
// | |
.insertAfter( modal ); | |
// | |
// Now, fade it out a bit. | |
// | |
modalBg.fadeTo( 'fast', 0.8 ); | |
} | |
// | |
// Helper Methods | |
// | |
/** | |
* Unlock the modal for animation. | |
* | |
* @method unlockModal | |
*/ | |
function unlockModal() { | |
locked = false; | |
} | |
/** | |
* Lock the modal to prevent further animation. | |
* | |
* @method lockModal | |
*/ | |
function lockModal() { | |
locked = true; | |
} | |
/** | |
* Closes all open modals. | |
* | |
* @method closeOpenModal | |
*/ | |
function closeOpenModals() { | |
// | |
// Get all reveal-modal elements with the .open class. | |
// | |
var $openModals = $( ".reveal-modal.open" ); | |
// | |
// Do we have modals to close? | |
// | |
if ( $openModals.length === 1 ) { | |
// | |
// Set the modals for animation queuing. | |
// | |
modalQueued = true; | |
// | |
// Trigger the modal close event. | |
// | |
$openModals.trigger( "reveal:close" ); | |
} | |
} | |
/** | |
* Animates the modal opening. | |
* Handles the modal 'open' event. | |
* | |
* @method openAnimation | |
*/ | |
function openAnimation() { | |
// | |
// First, determine if we're in the middle of animation. | |
// | |
if ( !locked ) { | |
// | |
// We're not animating, let's lock the modal for animation. | |
// | |
lockModal(); | |
// | |
// Close any opened modals. | |
// | |
closeOpenModals(); | |
// | |
// Now, add the open class to this modal. | |
// | |
modal.addClass( "open" ); | |
// | |
// Are we executing the 'fadeAndPop' animation? | |
// | |
if ( options.animation === "fadeAndPop" ) { | |
// | |
// Yes, we're doing the 'fadeAndPop' animation. | |
// Okay, set the modal css properties. | |
// | |
// | |
// Set the 'top' property to the document scroll minus the calculated top offset. | |
// | |
cssOpts.open.top = $doc.scrollTop() - topOffset; | |
// | |
// Flip the opacity to 0. | |
// | |
cssOpts.open.opacity = 0; | |
// | |
// Set the css options. | |
// | |
modal.css( cssOpts.open ); | |
// | |
// Fade in the background element, at half the speed of the modal element. | |
// So, faster than the modal element. | |
// | |
modalBg.fadeIn( options.animationSpeed / 2 ); | |
// | |
// Let's delay the next animation queue. | |
// We'll wait until the background element is faded in. | |
// | |
modal.delay( options.animationSpeed / 2 ) | |
// | |
// Animate the following css properties. | |
// | |
.animate( { | |
// | |
// Set the 'top' property to the document scroll plus the calculated top measure. | |
// | |
"top": $doc.scrollTop() + topMeasure + 'px', | |
// | |
// Set it to full opacity. | |
// | |
"opacity": 1 | |
}, | |
/* | |
* Fade speed. | |
*/ | |
options.animationSpeed, | |
/* | |
* End of animation callback. | |
*/ | |
function () { | |
// | |
// Trigger the modal reveal:opened event. | |
// This should trigger the functions set in the options.opened property. | |
// | |
modal.trigger( 'reveal:opened' ); | |
}); // end of animate. | |
} // end if 'fadeAndPop' | |
// | |
// Are executing the 'fade' animation? | |
// | |
if ( options.animation === "fade" ) { | |
// | |
// Yes, were executing 'fade'. | |
// Okay, let's set the modal properties. | |
// | |
cssOpts.open.top = $doc.scrollTop() + topMeasure; | |
// | |
// Flip the opacity to 0. | |
// | |
cssOpts.open.opacity = 0; | |
// | |
// Set the css options. | |
// | |
modal.css( cssOpts.open ); | |
// | |
// Fade in the modal background at half the speed of the modal. | |
// So, faster than modal. | |
// | |
modalBg.fadeIn( options.animationSpeed / 2 ); | |
// | |
// Delay the modal animation. | |
// Wait till the modal background is done animating. | |
// | |
modal.delay( options.animationSpeed / 2 ) | |
// | |
// Now animate the modal. | |
// | |
.animate( { | |
// | |
// Set to full opacity. | |
// | |
"opacity": 1 | |
}, | |
/* | |
* Animation speed. | |
*/ | |
options.animationSpeed, | |
/* | |
* End of animation callback. | |
*/ | |
function () { | |
// | |
// Trigger the modal reveal:opened event. | |
// This should trigger the functions set in the options.opened property. | |
// | |
modal.trigger( 'reveal:opened' ); | |
}); | |
} // end if 'fade' | |
// | |
// Are we not animating? | |
// | |
if ( options.animation === "none" ) { | |
// | |
// We're not animating. | |
// Okay, let's set the modal css properties. | |
// | |
// | |
// Set the top property. | |
// | |
cssOpts.open.top = $doc.scrollTop() + topMeasure; | |
// | |
// Set the opacity property to full opacity, since we're not fading (animating). | |
// | |
cssOpts.open.opacity = 1; | |
// | |
// Set the css property. | |
// | |
modal.css( cssOpts.open ); | |
// | |
// Show the modal Background. | |
// | |
modalBg.css( { "display": "block" } ); | |
// | |
// Trigger the modal opened event. | |
// | |
modal.trigger( 'reveal:opened' ); | |
} // end if animating 'none' | |
}// end if !locked | |
}// end openAnimation | |
function openVideos() { | |
var video = modal.find('.flex-video'), | |
iframe = video.find('iframe'); | |
if (iframe.length > 0) { | |
iframe.attr("src", iframe.data("src")); | |
video.fadeIn(100); | |
} | |
} | |
// | |
// Bind the reveal 'open' event. | |
// When the event is triggered, openAnimation is called | |
// along with any function set in the options.open property. | |
// | |
modal.bind( 'reveal:open.reveal', openAnimation ); | |
modal.bind( 'reveal:open.reveal', openVideos); | |
/** | |
* Closes the modal element(s) | |
* Handles the modal 'close' event. | |
* | |
* @method closeAnimation | |
*/ | |
function closeAnimation() { | |
// | |
// First, determine if we're in the middle of animation. | |
// | |
if ( !locked ) { | |
// | |
// We're not animating, let's lock the modal for animation. | |
// | |
lockModal(); | |
// | |
// Clear the modal of the open class. | |
// | |
modal.removeClass( "open" ); | |
// | |
// Are we using the 'fadeAndPop' animation? | |
// | |
if ( options.animation === "fadeAndPop" ) { | |
// | |
// Yes, okay, let's set the animation properties. | |
// | |
modal.animate( { | |
// | |
// Set the top property to the document scrollTop minus calculated topOffset. | |
// | |
"top": $doc.scrollTop() - topOffset + 'px', | |
// | |
// Fade the modal out, by using the opacity property. | |
// | |
"opacity": 0 | |
}, | |
/* | |
* Fade speed. | |
*/ | |
options.animationSpeed / 2, | |
/* | |
* End of animation callback. | |
*/ | |
function () { | |
// | |
// Set the css hidden options. | |
// | |
modal.css( cssOpts.close ); | |
}); | |
// | |
// Is the modal animation queued? | |
// | |
if ( !modalQueued ) { | |
// | |
// Oh, the modal(s) are mid animating. | |
// Let's delay the animation queue. | |
// | |
modalBg.delay( options.animationSpeed ) | |
// | |
// Fade out the modal background. | |
// | |
.fadeOut( | |
/* | |
* Animation speed. | |
*/ | |
options.animationSpeed, | |
/* | |
* End of animation callback. | |
*/ | |
function () { | |
// | |
// Trigger the modal 'closed' event. | |
// This should trigger any method set in the options.closed property. | |
// | |
modal.trigger( 'reveal:closed' ); | |
}); | |
} else { | |
// | |
// We're not mid queue. | |
// Trigger the modal 'closed' event. | |
// This should trigger any method set in the options.closed propety. | |
// | |
modal.trigger( 'reveal:closed' ); | |
} // end if !modalQueued | |
} // end if animation 'fadeAndPop' | |
// | |
// Are we using the 'fade' animation. | |
// | |
if ( options.animation === "fade" ) { | |
// | |
// Yes, we're using the 'fade' animation. | |
// | |
modal.animate( { "opacity" : 0 }, | |
/* | |
* Animation speed. | |
*/ | |
options.animationSpeed, | |
/* | |
* End of animation callback. | |
*/ | |
function () { | |
// | |
// Set the css close options. | |
// | |
modal.css( cssOpts.close ); | |
}); // end animate | |
// | |
// Are we mid animating the modal(s)? | |
// | |
if ( !modalQueued ) { | |
// | |
// Oh, the modal(s) are mid animating. | |
// Let's delay the animation queue. | |
// | |
modalBg.delay( options.animationSpeed ) | |
// | |
// Let's fade out the modal background element. | |
// | |
.fadeOut( | |
/* | |
* Animation speed. | |
*/ | |
options.animationSpeed, | |
/* | |
* End of animation callback. | |
*/ | |
function () { | |
// | |
// Trigger the modal 'closed' event. | |
// This should trigger any method set in the options.closed propety. | |
// | |
modal.trigger( 'reveal:closed' ); | |
}); // end fadeOut | |
} else { | |
// | |
// We're not mid queue. | |
// Trigger the modal 'closed' event. | |
// This should trigger any method set in the options.closed propety. | |
// | |
modal.trigger( 'reveal:closed' ); | |
} // end if !modalQueued | |
} // end if animation 'fade' | |
// | |
// Are we not animating? | |
// | |
if ( options.animation === "none" ) { | |
// | |
// We're not animating. | |
// Set the modal close css options. | |
// | |
modal.css( cssOpts.close ); | |
// | |
// Is the modal in the middle of an animation queue? | |
// | |
if ( !modalQueued ) { | |
// | |
// It's not mid queueu. Just hide it. | |
// | |
modalBg.css( { 'display': 'none' } ); | |
} | |
// | |
// Trigger the modal 'closed' event. | |
// This should trigger any method set in the options.closed propety. | |
// | |
modal.trigger( 'reveal:closed' ); | |
} // end if not animating | |
// | |
// Reset the modalQueued variable. | |
// | |
modalQueued = false; | |
} // end if !locked | |
} // end closeAnimation | |
/** | |
* Destroys the modal and it's events. | |
* | |
* @method destroy | |
*/ | |
function destroy() { | |
// | |
// Unbind all .reveal events from the modal. | |
// | |
modal.unbind( '.reveal' ); | |
// | |
// Unbind all .reveal events from the modal background. | |
// | |
modalBg.unbind( '.reveal' ); | |
// | |
// Unbind all .reveal events from the modal 'close' button. | |
// | |
$closeButton.unbind( '.reveal' ); | |
// | |
// Unbind all .reveal events from the body. | |
// | |
$( 'body' ).unbind( '.reveal' ); | |
} | |
function closeVideos() { | |
var video = modal.find('.flex-video'), | |
iframe = video.find('iframe'); | |
if (iframe.length > 0) { | |
iframe.data("src", iframe.attr("src")); | |
iframe.attr("src", ""); | |
video.fadeOut(100); | |
} | |
} | |
// | |
// Bind the modal 'close' event | |
// | |
modal.bind( 'reveal:close.reveal', closeAnimation ); | |
modal.bind( 'reveal:closed.reveal', closeVideos ); | |
// | |
// Bind the modal 'opened' + 'closed' event | |
// Calls the unlockModal method. | |
// | |
modal.bind( 'reveal:opened.reveal reveal:closed.reveal', unlockModal ); | |
// | |
// Bind the modal 'closed' event. | |
// Calls the destroy method. | |
// | |
modal.bind( 'reveal:closed.reveal', destroy ); | |
// | |
// Bind the modal 'open' event | |
// Handled by the options.open property function. | |
// | |
modal.bind( 'reveal:open.reveal', options.open ); | |
// | |
// Bind the modal 'opened' event. | |
// Handled by the options.opened property function. | |
// | |
modal.bind( 'reveal:opened.reveal', options.opened ); | |
// | |
// Bind the modal 'close' event. | |
// Handled by the options.close property function. | |
// | |
modal.bind( 'reveal:close.reveal', options.close ); | |
// | |
// Bind the modal 'closed' event. | |
// Handled by the options.closed property function. | |
// | |
modal.bind( 'reveal:closed.reveal', options.closed ); | |
// | |
// We're running this for the first time. | |
// Trigger the modal 'open' event. | |
// | |
modal.trigger( 'reveal:open' ); | |
// | |
// Get the closeButton variable element(s). | |
// | |
$closeButton = $( '.' + options.dismissModalClass ) | |
// | |
// Bind the element 'click' event and handler. | |
// | |
.bind( 'click.reveal', function () { | |
// | |
// Trigger the modal 'close' event. | |
// | |
modal.trigger( 'reveal:close' ); | |
}); | |
// | |
// Should we close the modal background on click? | |
// | |
if ( options.closeOnBackgroundClick ) { | |
// | |
// Yes, close the modal background on 'click' | |
// Set the modal background css 'cursor' propety to pointer. | |
// Adds a pointer symbol when you mouse over the modal background. | |
// | |
modalBg.css( { "cursor": "pointer" } ); | |
// | |
// Bind a 'click' event handler to the modal background. | |
// | |
modalBg.bind( 'click.reveal', function () { | |
// | |
// Trigger the modal 'close' event. | |
// | |
modal.trigger( 'reveal:close' ); | |
}); | |
} | |
// | |
// Bind keyup functions on the body element. | |
// We'll want to close the modal when the 'escape' key is hit. | |
// | |
$( 'body' ).bind( 'keyup.reveal', function ( event ) { | |
// | |
// Did the escape key get triggered? | |
// | |
if ( event.which === 27 ) { // 27 is the keycode for the Escape key | |
// | |
// Escape key was triggered. | |
// Trigger the modal 'close' event. | |
// | |
modal.trigger( 'reveal:close' ); | |
} | |
}); // end $(body) | |
}); // end this.each | |
}; // end $.fn | |
} ( jQuery ) ); | |
/* | |
* jQuery Orbit Plugin 1.4.0 | |
* www.ZURB.com/playground | |
* Copyright 2010, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
(function ($) { | |
'use strict'; | |
$.fn.findFirstImage = function () { | |
return this.first() | |
.find('img') | |
.andSelf().filter('img') | |
.first(); | |
}; | |
var ORBIT = { | |
defaults: { | |
animation: 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push, vertical-push | |
animationSpeed: 600, // how fast animations are | |
timer: true, // display timer? | |
advanceSpeed: 4000, // if timer is enabled, time between transitions | |
pauseOnHover: false, // if you hover pauses the slider | |
startClockOnMouseOut: false, // if clock should start on MouseOut | |
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again | |
directionalNav: true, // manual advancing directional navs | |
directionalNavRightText: 'Right', // text of right directional element for accessibility | |
directionalNavLeftText: 'Left', // text of left directional element for accessibility | |
captions: true, // do you want captions? | |
captionAnimation: 'fade', // fade, slideOpen, none | |
captionAnimationSpeed: 600, // if so how quickly should they animate in | |
resetTimerOnClick: false, // true resets the timer instead of pausing slideshow progress on manual navigation | |
bullets: false, // true or false to activate the bullet navigation | |
bulletThumbs: false, // thumbnails for the bullets | |
bulletThumbLocation: '', // relative path to thumbnails from this file | |
bulletThumbsHideOnSmall: true, // hide thumbs on small devices | |
afterSlideChange: $.noop, // callback to execute after slide changes | |
afterLoadComplete: $.noop, // callback to execute after everything has been loaded | |
fluid: true, | |
centerBullets: true, // center bullet nav with js, turn this off if you want to position the bullet nav manually | |
singleCycle: false, // cycles through orbit slides only once | |
slideNumber: false, // display slide numbers? | |
stackOnSmall: false // stack slides on small devices (i.e. phones) | |
}, | |
activeSlide: 0, | |
numberSlides: 0, | |
orbitWidth: null, | |
orbitHeight: null, | |
locked: null, | |
timerRunning: null, | |
degrees: 0, | |
wrapperHTML: '<div class="orbit-wrapper" />', | |
timerHTML: '<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>', | |
captionHTML: '<div class="orbit-caption"></div>', | |
directionalNavHTML: '<div class="slider-nav hide-for-small"><span class="right"></span><span class="left"></span></div>', | |
bulletHTML: '<ul class="orbit-bullets"></ul>', | |
slideNumberHTML: '<span class="orbit-slide-counter"></span>', | |
init: function (element, options) { | |
var $imageSlides, | |
imagesLoadedCount = 0, | |
self = this; | |
// Bind functions to correct context | |
this.clickTimer = $.proxy(this.clickTimer, this); | |
this.addBullet = $.proxy(this.addBullet, this); | |
this.resetAndUnlock = $.proxy(this.resetAndUnlock, this); | |
this.stopClock = $.proxy(this.stopClock, this); | |
this.startTimerAfterMouseLeave = $.proxy(this.startTimerAfterMouseLeave, this); | |
this.clearClockMouseLeaveTimer = $.proxy(this.clearClockMouseLeaveTimer, this); | |
this.rotateTimer = $.proxy(this.rotateTimer, this); | |
this.options = $.extend({}, this.defaults, options); | |
if (this.options.timer === 'false') this.options.timer = false; | |
if (this.options.captions === 'false') this.options.captions = false; | |
if (this.options.directionalNav === 'false') this.options.directionalNav = false; | |
this.$element = $(element); | |
this.$wrapper = this.$element.wrap(this.wrapperHTML).parent(); | |
this.$slides = this.$element.children('img, a, div, figure, li'); | |
this.$element.on('movestart', function(e) { | |
// If the movestart is heading off in an upwards or downwards | |
// direction, prevent it so that the browser scrolls normally. | |
if ((e.distX > e.distY && e.distX < -e.distY) || | |
(e.distX < e.distY && e.distX > -e.distY)) { | |
e.preventDefault(); | |
} | |
}); | |
this.$element.bind('orbit.next', function () { | |
self.shift('next'); | |
}); | |
this.$element.bind('orbit.prev', function () { | |
self.shift('prev'); | |
}); | |
this.$element.bind('swipeleft', function () { | |
$(this).trigger('orbit.next'); | |
}); | |
this.$element.bind('swiperight', function () { | |
$(this).trigger('orbit.prev'); | |
}); | |
this.$element.bind('orbit.goto', function (event, index) { | |
self.shift(index); | |
}); | |
this.$element.bind('orbit.start', function (event, index) { | |
self.startClock(); | |
}); | |
this.$element.bind('orbit.stop', function (event, index) { | |
self.stopClock(); | |
}); | |
$imageSlides = this.$slides.filter('img'); | |
if ($imageSlides.length === 0) { | |
this.loaded(); | |
} else { | |
$imageSlides.bind('imageready', function () { | |
imagesLoadedCount += 1; | |
if (imagesLoadedCount === $imageSlides.length) { | |
self.loaded(); | |
} | |
}); | |
} | |
}, | |
loaded: function () { | |
this.$element | |
.addClass('orbit') | |
.css({width: '1px', height: '1px'}); | |
if (this.options.stackOnSmall) { | |
this.$element.addClass('orbit-stack-on-small'); | |
} | |
this.$slides.addClass('orbit-slide').css({"opacity" : 0}); | |
this.setDimentionsFromLargestSlide(); | |
this.updateOptionsIfOnlyOneSlide(); | |
this.setupFirstSlide(); | |
this.notifySlideChange(); | |
if (this.options.timer) { | |
this.setupTimer(); | |
this.startClock(); | |
} | |
if (this.options.captions) { | |
this.setupCaptions(); | |
} | |
if (this.options.directionalNav) { | |
this.setupDirectionalNav(); | |
} | |
if (this.options.bullets) { | |
this.setupBulletNav(); | |
this.setActiveBullet(); | |
} | |
this.options.afterLoadComplete.call(this); | |
Holder.run(); | |
}, | |
currentSlide: function () { | |
return this.$slides.eq(this.activeSlide); | |
}, | |
notifySlideChange: function() { | |
if (this.options.slideNumber) { | |
var txt = (this.activeSlide+1) + ' of ' + this.$slides.length; | |
this.$element.trigger("orbit.change", {slideIndex: this.activeSlide, slideCount: this.$slides.length}); | |
if (this.$counter === undefined) { | |
var $counter = $(this.slideNumberHTML).html(txt); | |
this.$counter = $counter; | |
this.$wrapper.append(this.$counter); | |
} else { | |
this.$counter.html(txt); | |
} | |
} | |
}, | |
setDimentionsFromLargestSlide: function () { | |
//Collect all slides and set slider size of largest image | |
var self = this, | |
$fluidPlaceholder; | |
self.$element.add(self.$wrapper).width(this.$slides.first().outerWidth()); | |
self.$element.add(self.$wrapper).height(this.$slides.first().height()); | |
self.orbitWidth = this.$slides.first().outerWidth(); | |
self.orbitHeight = this.$slides.first().height(); | |
$fluidPlaceholder = this.$slides.first().findFirstImage().clone(); | |
this.$slides.each(function () { | |
var slide = $(this), | |
slideWidth = slide.outerWidth(), | |
slideHeight = slide.height(); | |
if (slideWidth > self.$element.outerWidth()) { | |
self.$element.add(self.$wrapper).width(slideWidth); | |
self.orbitWidth = self.$element.outerWidth(); | |
} | |
if (slideHeight > self.$element.height()) { | |
self.$element.add(self.$wrapper).height(slideHeight); | |
self.orbitHeight = self.$element.height(); | |
$fluidPlaceholder = $(this).findFirstImage().clone(); | |
} | |
self.numberSlides += 1; | |
}); | |
if (this.options.fluid) { | |
if (typeof this.options.fluid === "string") { | |
// $fluidPlaceholder = $("<img>").attr("src", "http://placehold.it/" + this.options.fluid); | |
$fluidPlaceholder = $("<img>").attr("data-src", "holder.js/" + this.options.fluid); | |
//var inner = $("<div/>").css({"display":"inline-block", "width":"2px", "height":"2px"}); | |
//$fluidPlaceholder = $("<div/>").css({"float":"left"}); | |
//$fluidPlaceholder.wrapInner(inner); | |
//$fluidPlaceholder = $("<div/>").css({"height":"1px", "width":"2px"}); | |
//$fluidPlaceholder = $("<div style='display:inline-block;width:2px;height:1px;'></div>"); | |
} | |
self.$element.prepend($fluidPlaceholder); | |
$fluidPlaceholder.addClass('fluid-placeholder'); | |
self.$element.add(self.$wrapper).css({width: 'inherit'}); | |
self.$element.add(self.$wrapper).css({height: 'inherit'}); | |
$(window).bind('resize', function () { | |
self.orbitWidth = self.$element.outerWidth(); | |
self.orbitHeight = self.$element.height(); | |
}); | |
} | |
}, | |
//Animation locking functions | |
lock: function () { | |
this.locked = true; | |
}, | |
unlock: function () { | |
this.locked = false; | |
}, | |
updateOptionsIfOnlyOneSlide: function () { | |
if(this.$slides.length === 1) { | |
this.options.directionalNav = false; | |
this.options.timer = false; | |
this.options.bullets = false; | |
} | |
}, | |
setupFirstSlide: function () { | |
//Set initial front photo z-index and fades it in | |
var self = this; | |
this.$slides.first() | |
.css({"z-index" : 3, "opacity" : 1}) | |
.fadeIn(function() { | |
//brings in all other slides IF css declares a display: none | |
self.$slides.css({"display":"block"}) | |
}); | |
}, | |
startClock: function () { | |
var self = this; | |
if(!this.options.timer) { | |
return false; | |
} | |
if (this.$timer.is(':hidden')) { | |
this.clock = setInterval(function () { | |
self.$element.trigger('orbit.next'); | |
}, this.options.advanceSpeed); | |
} else { | |
this.timerRunning = true; | |
this.$pause.removeClass('active'); | |
this.clock = setInterval(this.rotateTimer, this.options.advanceSpeed / 180, false); | |
} | |
}, | |
rotateTimer: function (reset) { | |
var degreeCSS = "rotate(" + this.degrees + "deg)"; | |
this.degrees += 2; | |
this.$rotator.css({ | |
"-webkit-transform": degreeCSS, | |
"-moz-transform": degreeCSS, | |
"-o-transform": degreeCSS, | |
"-ms-transform": degreeCSS | |
}); | |
if (reset) { | |
this.degrees = 0; | |
this.$rotator.removeClass('move'); | |
this.$mask.removeClass('move'); | |
} | |
if(this.degrees > 180) { | |
this.$rotator.addClass('move'); | |
this.$mask.addClass('move'); | |
} | |
if(this.degrees > 360) { | |
this.$rotator.removeClass('move'); | |
this.$mask.removeClass('move'); | |
this.degrees = 0; | |
this.$element.trigger('orbit.next'); | |
} | |
}, | |
stopClock: function () { | |
if (!this.options.timer) { | |
return false; | |
} else { | |
this.timerRunning = false; | |
clearInterval(this.clock); | |
this.$pause.addClass('active'); | |
} | |
}, | |
setupTimer: function () { | |
this.$timer = $(this.timerHTML); | |
this.$wrapper.append(this.$timer); | |
this.$rotator = this.$timer.find('.rotator'); | |
this.$mask = this.$timer.find('.mask'); | |
this.$pause = this.$timer.find('.pause'); | |
this.$timer.click(this.clickTimer); | |
if (this.options.startClockOnMouseOut) { | |
this.$wrapper.mouseleave(this.startTimerAfterMouseLeave); | |
this.$wrapper.mouseenter(this.clearClockMouseLeaveTimer); | |
} | |
if (this.options.pauseOnHover) { | |
this.$wrapper.mouseenter(this.stopClock); | |
} | |
}, | |
startTimerAfterMouseLeave: function () { | |
var self = this; | |
this.outTimer = setTimeout(function() { | |
if(!self.timerRunning){ | |
self.startClock(); | |
} | |
}, this.options.startClockOnMouseOutAfter) | |
}, | |
clearClockMouseLeaveTimer: function () { | |
clearTimeout(this.outTimer); | |
}, | |
clickTimer: function () { | |
if(!this.timerRunning) { | |
this.startClock(); | |
} else { | |
this.stopClock(); | |
} | |
}, | |
setupCaptions: function () { | |
this.$caption = $(this.captionHTML); | |
this.$wrapper.append(this.$caption); | |
this.setCaption(); | |
}, | |
setCaption: function () { | |
var captionLocation = this.currentSlide().attr('data-caption'), | |
captionHTML; | |
if (!this.options.captions) { | |
return false; | |
} | |
//Set HTML for the caption if it exists | |
if (captionLocation) { | |
//if caption text is blank, don't show captions | |
if ($.trim($(captionLocation).text()).length < 1){ | |
return false; | |
} | |
// if location selector starts with '#', remove it so we don't see id="#selector" | |
if (captionLocation.charAt(0) == '#') { | |
captionLocation = captionLocation.substring(1, captionLocation.length); | |
} | |
captionHTML = $('#' + captionLocation).html(); //get HTML from the matching HTML entity | |
this.$caption | |
.attr('id', captionLocation) // Add ID caption TODO why is the id being set? | |
.html(captionHTML); // Change HTML in Caption | |
//Animations for Caption entrances | |
switch (this.options.captionAnimation) { | |
case 'none': | |
this.$caption.show(); | |
break; | |
case 'fade': | |
this.$caption.fadeIn(this.options.captionAnimationSpeed); | |
break; | |
case 'slideOpen': | |
this.$caption.slideDown(this.options.captionAnimationSpeed); | |
break; | |
} | |
} else { | |
//Animations for Caption exits | |
switch (this.options.captionAnimation) { | |
case 'none': | |
this.$caption.hide(); | |
break; | |
case 'fade': | |
this.$caption.fadeOut(this.options.captionAnimationSpeed); | |
break; | |
case 'slideOpen': | |
this.$caption.slideUp(this.options.captionAnimationSpeed); | |
break; | |
} | |
} | |
}, | |
setupDirectionalNav: function () { | |
var self = this, | |
$directionalNav = $(this.directionalNavHTML); | |
$directionalNav.find('.right').html(this.options.directionalNavRightText); | |
$directionalNav.find('.left').html(this.options.directionalNavLeftText); | |
this.$wrapper.append($directionalNav); | |
this.$wrapper.find('.left').click(function () { | |
self.stopClock(); | |
if (self.options.resetTimerOnClick) { | |
self.rotateTimer(true); | |
self.startClock(); | |
} | |
self.$element.trigger('orbit.prev'); | |
}); | |
this.$wrapper.find('.right').click(function () { | |
self.stopClock(); | |
if (self.options.resetTimerOnClick) { | |
self.rotateTimer(true); | |
self.startClock(); | |
} | |
self.$element.trigger('orbit.next'); | |
}); | |
}, | |
setupBulletNav: function () { | |
this.$bullets = $(this.bulletHTML); | |
this.$wrapper.append(this.$bullets); | |
this.$slides.each(this.addBullet); | |
this.$element.addClass('with-bullets'); | |
if (this.options.centerBullets) this.$bullets.css('margin-left', -this.$bullets.outerWidth() / 2); | |
if (this.options.bulletThumbsHideOnSmall) this.$bullets.addClass('hide-for-small'); | |
}, | |
addBullet: function (index, slide) { | |
var position = index + 1, | |
$li = $('<li>' + (position) + '</li>'), | |
thumbName, | |
self = this; | |
if (this.options.bulletThumbs) { | |
thumbName = $(slide).attr('data-thumb'); | |
if (thumbName) { | |
$li | |
.addClass('has-thumb') | |
.css({background: "url(" + this.options.bulletThumbLocation + thumbName + ") no-repeat"});; | |
} | |
} | |
this.$bullets.append($li); | |
$li.data('index', index); | |
$li.click(function () { | |
self.stopClock(); | |
if (self.options.resetTimerOnClick) { | |
self.rotateTimer(true); | |
self.startClock(); | |
} | |
self.$element.trigger('orbit.goto', [$li.data('index')]) | |
}); | |
}, | |
setActiveBullet: function () { | |
if(!this.options.bullets) { return false; } else { | |
this.$bullets.find('li') | |
.removeClass('active') | |
.eq(this.activeSlide) | |
.addClass('active'); | |
} | |
}, | |
resetAndUnlock: function () { | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css({"z-index" : 1}); | |
this.unlock(); | |
this.options.afterSlideChange.call(this, this.$slides.eq(this.prevActiveSlide), this.$slides.eq(this.activeSlide)); | |
}, | |
shift: function (direction) { | |
var slideDirection = direction; | |
//remember previous activeSlide | |
this.prevActiveSlide = this.activeSlide; | |
//exit function if bullet clicked is same as the current image | |
if (this.prevActiveSlide == slideDirection) { return false; } | |
if (this.$slides.length == "1") { return false; } | |
if (!this.locked) { | |
this.lock(); | |
//deduce the proper activeImage | |
if (direction == "next") { | |
this.activeSlide++; | |
if (this.activeSlide == this.numberSlides) { | |
this.activeSlide = 0; | |
} | |
} else if (direction == "prev") { | |
this.activeSlide-- | |
if (this.activeSlide < 0) { | |
this.activeSlide = this.numberSlides - 1; | |
} | |
} else { | |
this.activeSlide = direction; | |
if (this.prevActiveSlide < this.activeSlide) { | |
slideDirection = "next"; | |
} else if (this.prevActiveSlide > this.activeSlide) { | |
slideDirection = "prev" | |
} | |
} | |
//set to correct bullet | |
this.setActiveBullet(); | |
this.notifySlideChange(); | |
//set previous slide z-index to one below what new activeSlide will be | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css({"z-index" : 2}); | |
//fade | |
if (this.options.animation == "fade") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"opacity" : 0, "z-index" : 3}) | |
.animate({"opacity" : 1}, this.options.animationSpeed, this.resetAndUnlock); | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.animate({"opacity":0}, this.options.animationSpeed); | |
} | |
//horizontal-slide | |
if (this.options.animation == "horizontal-slide") { | |
if (slideDirection == "next") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"left": this.orbitWidth, "z-index" : 3}) | |
.css("opacity", 1) | |
.animate({"left" : 0}, this.options.animationSpeed, this.resetAndUnlock); | |
} | |
if (slideDirection == "prev") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"left": -this.orbitWidth, "z-index" : 3}) | |
.css("opacity", 1) | |
.animate({"left" : 0}, this.options.animationSpeed, this.resetAndUnlock); | |
} | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css("opacity", 0); | |
} | |
//vertical-slide | |
if (this.options.animation == "vertical-slide") { | |
if (slideDirection == "prev") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"top": this.orbitHeight, "z-index" : 3}) | |
.css("opacity", 1) | |
.animate({"top" : 0}, this.options.animationSpeed, this.resetAndUnlock); | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css("opacity", 0); | |
} | |
if (slideDirection == "next") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"top": -this.orbitHeight, "z-index" : 3}) | |
.css("opacity", 1) | |
.animate({"top" : 0}, this.options.animationSpeed, this.resetAndUnlock); | |
} | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css("opacity", 0); | |
} | |
//horizontal-push | |
if (this.options.animation == "horizontal-push") { | |
if (slideDirection == "next") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"left": this.orbitWidth, "z-index" : 3}) | |
.animate({"left" : 0, "opacity" : 1}, this.options.animationSpeed, this.resetAndUnlock); | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.animate({"left" : -this.orbitWidth}, this.options.animationSpeed, "", function(){ | |
$(this).css({"opacity" : 0}); | |
}); | |
} | |
if (slideDirection == "prev") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({"left": -this.orbitWidth, "z-index" : 3}) | |
.animate({"left" : 0, "opacity" : 1}, this.options.animationSpeed, this.resetAndUnlock); | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.animate({"left" : this.orbitWidth}, this.options.animationSpeed, "", function(){ | |
$(this).css({"opacity" : 0}); | |
}); | |
} | |
} | |
//vertical-push | |
if (this.options.animation == "vertical-push") { | |
if (slideDirection == "next") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({top: -this.orbitHeight, "z-index" : 3}) | |
.css("opacity", 1) | |
.animate({top : 0, "opacity":1}, this.options.animationSpeed, this.resetAndUnlock); | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css("opacity", 0) | |
.animate({top : this.orbitHeight}, this.options.animationSpeed, ""); | |
} | |
if (slideDirection == "prev") { | |
this.$slides | |
.eq(this.activeSlide) | |
.css({top: this.orbitHeight, "z-index" : 3}) | |
.css("opacity", 1) | |
.animate({top : 0}, this.options.animationSpeed, this.resetAndUnlock); | |
this.$slides | |
.eq(this.prevActiveSlide) | |
.css("opacity", 0) | |
.animate({top : -this.orbitHeight}, this.options.animationSpeed); | |
} | |
} | |
this.setCaption(); | |
} | |
// if on last slide and singleCycle is true, don't loop through slides again | |
// .length is zero based so must minus 1 to match activeSlide index | |
if (this.activeSlide === this.$slides.length-1 && this.options.singleCycle) { | |
this.stopClock(); | |
} | |
} | |
}; | |
$.fn.orbit = function (options) { | |
return this.each(function () { | |
var orbit = $.extend({}, ORBIT); | |
orbit.init(this, options); | |
}); | |
}; | |
})(jQuery); | |
/*! | |
* jQuery imageready Plugin | |
* http://www.zurb.com/playground/ | |
* | |
* Copyright 2011, ZURB | |
* Released under the MIT License | |
*/ | |
(function ($) { | |
var options = {}; | |
$.event.special.imageready = { | |
setup: function (data, namespaces, eventHandle) { | |
options = data || options; | |
}, | |
add: function (handleObj) { | |
var $this = $(this), | |
src; | |
if ( this.nodeType === 1 && this.tagName.toLowerCase() === 'img' && this.src !== '' ) { | |
if (options.forceLoad) { | |
src = $this.attr('src'); | |
$this.attr('src', ''); | |
bindToLoad(this, handleObj.handler); | |
$this.attr('src', src); | |
} else if ( this.complete || this.readyState === 4 ) { | |
handleObj.handler.apply(this, arguments); | |
} else { | |
bindToLoad(this, handleObj.handler); | |
} | |
} | |
}, | |
teardown: function (namespaces) { | |
$(this).unbind('.imageready'); | |
} | |
}; | |
function bindToLoad(element, callback) { | |
var $this = $(element); | |
$this.bind('load.imageready', function () { | |
callback.apply(element, arguments); | |
$this.unbind('load.imageready'); | |
}); | |
} | |
}(jQuery)); | |
/* | |
Holder - 1.3 - client side image placeholders | |
(c) 2012 Ivan Malopinsky / http://imsky.co | |
Provided under the Apache 2.0 License: http://www.apache.org/licenses/LICENSE-2.0 | |
Commercial use requires attribution. | |
*/ | |
var Holder = Holder || {}; | |
(function (app, win) { | |
var preempted = false, | |
fallback = false, | |
canvas = document.createElement('canvas'); | |
//http://javascript.nwbox.com/ContentLoaded by Diego Perini with modifications | |
function contentLoaded(n,t){var l="complete",s="readystatechange",u=!1,h=u,c=!0,i=n.document,a=i.documentElement,e=i.addEventListener?"addEventListener":"attachEvent",v=i.addEventListener?"removeEventListener":"detachEvent",f=i.addEventListener?"":"on",r=function(e){(e.type!=s||i.readyState==l)&&((e.type=="load"?n:i)[v](f+e.type,r,u),!h&&(h=!0)&&t.call(n,null))},o=function(){try{a.doScroll("left")}catch(n){setTimeout(o,50);return}r("poll")};if(i.readyState==l)t.call(n,"lazy");else{if(i.createEventObject&&a.doScroll){try{c=!n.frameElement}catch(y){}c&&o()}i[e](f+"DOMContentLoaded",r,u),i[e](f+s,r,u),n[e](f+"load",r,u)}}; | |
//https://gist.github.com/991057 by Jed Schmidt with modifications | |
function selector(a){ | |
a=a.match(/^(\W)?(.*)/);var b=document["getElement"+(a[1]?a[1]=="#"?"ById":"sByClassName":"sByTagName")](a[2]); | |
var ret=[]; b!=null&&(b.length?ret=b:b.length==0?ret=b:ret=[b]); return ret; | |
} | |
//shallow object property extend | |
function extend(a,b){var c={};for(var d in a)c[d]=a[d];for(var e in b)c[e]=b[e];return c} | |
function draw(ctx, dimensions, template) { | |
var dimension_arr = [dimensions.height, dimensions.width].sort(); | |
var maxFactor = Math.round(dimension_arr[1] / 16), | |
minFactor = Math.round(dimension_arr[0] / 16); | |
var text_height = Math.max(template.size, maxFactor); | |
canvas.width = dimensions.width; | |
canvas.height = dimensions.height; | |
ctx.textAlign = "center"; | |
ctx.textBaseline = "middle"; | |
ctx.fillStyle = template.background; | |
ctx.fillRect(0, 0, dimensions.width, dimensions.height); | |
ctx.fillStyle = template.foreground; | |
ctx.font = "bold " + text_height + "px sans-serif"; | |
var text = template.text ? template.text : (dimensions.width + "x" + dimensions.height); | |
if (Math.round(ctx.measureText(text).width) / dimensions.width > 1) { | |
text_height = Math.max(minFactor, template.size); | |
} | |
ctx.font = "bold " + text_height + "px sans-serif"; | |
ctx.fillText(text, (dimensions.width / 2), (dimensions.height / 2), dimensions.width); | |
return canvas.toDataURL("image/png"); | |
} | |
if (!canvas.getContext) { | |
fallback = true; | |
} else { | |
if (canvas.toDataURL("image/png").indexOf("data:image/png") < 0) { | |
//Android doesn't support data URI | |
fallback = true; | |
} else { | |
var ctx = canvas.getContext("2d"); | |
} | |
} | |
var settings = { | |
domain: "holder.js", | |
images: "img", | |
themes: { | |
"gray": { | |
background: "#eee", | |
foreground: "#aaa", | |
size: 12 | |
}, | |
"social": { | |
background: "#3a5a97", | |
foreground: "#fff", | |
size: 12 | |
}, | |
"industrial": { | |
background: "#434A52", | |
foreground: "#C2F200", | |
size: 12 | |
} | |
} | |
}; | |
app.flags = { | |
dimensions: { | |
regex: /([0-9]+)x([0-9]+)/, | |
output: function(val){ | |
var exec = this.regex.exec(val); | |
return { | |
width: +exec[1], | |
height: +exec[2] | |
} | |
} | |
}, | |
colors: { | |
regex: /#([0-9a-f]{3,})\:#([0-9a-f]{3,})/i, | |
output: function(val){ | |
var exec = this.regex.exec(val); | |
return { | |
size: settings.themes.gray.size, | |
foreground: "#" + exec[2], | |
background: "#" + exec[1] | |
} | |
} | |
}, | |
text: { | |
regex: /text\:(.*)/, | |
output: function(val){ | |
return this.regex.exec(val)[1]; | |
} | |
} | |
} | |
for(var flag in app.flags){ | |
app.flags[flag].match = function (val){ | |
return val.match(this.regex) | |
} | |
} | |
app.add_theme = function (name, theme) { | |
name != null && theme != null && (settings.themes[name] = theme); | |
return app; | |
}; | |
app.add_image = function (src, el) { | |
var node = selector(el); | |
if (node.length) { | |
for (var i = 0, l = node.length; i < l; i++) { | |
var img = document.createElement("img") | |
img.setAttribute("data-src", src); | |
node[i].appendChild(img); | |
} | |
} | |
return app; | |
}; | |
app.run = function (o) { | |
var options = extend(settings, o), | |
images = selector(options.images), | |
preempted = true; | |
for (var l = images.length, i = 0; i < l; i++) { | |
var theme = settings.themes.gray; | |
var src = images[i].getAttribute("data-src") || images[i].getAttribute("src"); | |
if (src && !! ~src.indexOf(options.domain)) { | |
var render = false, | |
dimensions = null, | |
text = null; | |
var flags = src.substr(src.indexOf(options.domain) + options.domain.length + 1).split("/"); | |
for (sl = flags.length, j = 0; j < sl; j++) { | |
if (app.flags.dimensions.match(flags[j])) { | |
render = true; | |
dimensions = app.flags.dimensions.output(flags[j]); | |
} else if (app.flags.colors.match(flags[j])) { | |
theme = app.flags.colors.output(flags[j]); | |
} else if (options.themes[flags[j]]) { | |
//If a theme is specified, it will override custom colors | |
theme = options.themes[flags[j]]; | |
} else if (app.flags.text.match(flags[j])) { | |
text = app.flags.text.output(flags[j]); | |
} | |
} | |
if (render) { | |
images[i].setAttribute("data-src", src); | |
var dimensions_caption = dimensions.width + "x" + dimensions.height; | |
images[i].setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption); | |
// Fallback | |
// images[i].style.width = dimensions.width + "px"; | |
// images[i].style.height = dimensions.height + "px"; | |
images[i].style.backgroundColor = theme.background; | |
var theme = (text ? extend(theme, { | |
text: text | |
}) : theme); | |
if (!fallback) { | |
images[i].setAttribute("src", draw(ctx, dimensions, theme)); | |
} | |
} | |
} | |
} | |
return app; | |
}; | |
contentLoaded(win, function () { | |
preempted || app.run() | |
}) | |
})(Holder, window); | |
/* | |
* jQuery Foundation Magellan 0.1.0 | |
* http://foundation.zurb.com | |
* Copyright 2012, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/*jslint unparam: true, browser: true, indent: 2 */ | |
;(function ($, window, undefined) { | |
'use strict'; | |
$.fn.foundationMagellan = function(options) { | |
var $window = $(window), | |
$document = $(document), | |
$fixedMagellan = $('[data-magellan-expedition=fixed]'), | |
defaults = { | |
threshold: ($fixedMagellan.length) ? $fixedMagellan.outerHeight(true) : 0, | |
activeClass: 'active' | |
}, | |
options = $.extend({}, defaults, options); | |
// Indicate we have arrived at a destination | |
$document.on('magellan.arrival', '[data-magellan-arrival]', function(e) { | |
var $destination = $(this), | |
$expedition = $destination.closest('[data-magellan-expedition]'), | |
activeClass = $expedition.attr('data-magellan-active-class') || options.activeClass; | |
$destination | |
.closest('[data-magellan-expedition]') | |
.find('[data-magellan-arrival]') | |
.not(this) | |
.removeClass(activeClass); | |
$destination.addClass(activeClass); | |
}); | |
// Set starting point as the current destination | |
var $expedition = $('[data-magellan-expedition]'); | |
$expedition.find('[data-magellan-arrival]:first') | |
.addClass($expedition.attr('data-magellan-active-class') || options.activeClass); | |
// Update fixed position | |
$fixedMagellan.on('magellan.update-position', function(){ | |
var $el = $(this); | |
$el.data("magellan-fixed-position",""); | |
$el.data("magellan-top-offset", ""); | |
}) | |
.trigger('magellan.update-position'); | |
$window.on('resize.magellan', function() { | |
$fixedMagellan.trigger('magellan.update-position'); | |
}); | |
$window.on('scroll.magellan', function() { | |
var windowScrollTop = $window.scrollTop(); | |
$fixedMagellan.each(function() { | |
var $expedition = $(this); | |
if ($expedition.data("magellan-top-offset") === "") { | |
$expedition.data("magellan-top-offset", $expedition.offset().top); | |
} | |
var fixed_position = (windowScrollTop + options.threshold) > $expedition.data("magellan-top-offset"); | |
if ($expedition.data("magellan-fixed-position") != fixed_position) { | |
$expedition.data("magellan-fixed-position", fixed_position); | |
if (fixed_position) { | |
$expedition.css({position:"fixed", top:0}); | |
} else { | |
$expedition.css({position:"", top:""}); | |
} | |
} | |
}); | |
}); | |
// Determine when a destination has been reached, ah0y! | |
var $lastDestination = $('[data-magellan-destination]:last'); | |
// Determine if a destination has been set | |
if ($lastDestination.length > 0) { | |
$window.on('scroll.magellan', function (e) { | |
var windowScrollTop = $window.scrollTop(), | |
scrolltopPlusHeight = windowScrollTop + $window.outerHeight(true), | |
lastDestinationTop = Math.ceil($lastDestination.offset().top); | |
$('[data-magellan-destination]').each(function () { | |
var $destination = $(this), | |
destination_name = $destination.attr('data-magellan-destination'), | |
topOffset = $destination.offset().top - windowScrollTop; | |
if (topOffset <= options.threshold) { | |
$('[data-magellan-arrival=' + destination_name + ']').trigger('magellan.arrival'); | |
} | |
// In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it | |
if (scrolltopPlusHeight >= $document.outerHeight(true) && lastDestinationTop > windowScrollTop && lastDestinationTop < scrolltopPlusHeight) { | |
$('[data-magellan-arrival]:last').trigger('magellan.arrival'); | |
} | |
}); | |
}); | |
} | |
}; | |
}(jQuery, this)); | |
/* | |
* jQuery Foundation Joyride Plugin 2.0.3 | |
* http://foundation.zurb.com | |
* Copyright 2012, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/*jslint unparam: true, browser: true, indent: 2 */ | |
;(function ($, window, undefined) { | |
'use strict'; | |
var defaults = { | |
'version' : '2.0.3', | |
'tipLocation' : 'bottom', // 'top' or 'bottom' in relation to parent | |
'nubPosition' : 'auto', // override on a per tooltip bases | |
'scrollSpeed' : 300, // Page scrolling speed in milliseconds | |
'timer' : 0, // 0 = no timer , all other numbers = timer in milliseconds | |
'startTimerOnClick' : true, // true or false - true requires clicking the first button start the timer | |
'startOffset' : 0, // the index of the tooltip you want to start on (index of the li) | |
'nextButton' : true, // true or false to control whether a next button is used | |
'tipAnimation' : 'fade', // 'pop' or 'fade' in each tip | |
'pauseAfter' : [], // array of indexes where to pause the tour after | |
'tipAnimationFadeSpeed': 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition | |
'cookieMonster' : false, // true or false to control whether cookies are used | |
'cookieName' : 'joyride', // Name the cookie you'll use | |
'cookieDomain' : false, // Will this cookie be attached to a domain, ie. '.notableapp.com' | |
'tipContainer' : 'body', // Where will the tip be attached | |
'postRideCallback' : $.noop, // A method to call once the tour closes (canceled or complete) | |
'postStepCallback' : $.noop, // A method to call after each step | |
'template' : { // HTML segments for tip layout | |
'link' : '<a href="#close" class="joyride-close-tip">X</a>', | |
'timer' : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>', | |
'tip' : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>', | |
'wrapper' : '<div class="joyride-content-wrapper"></div>', | |
'button' : '<a href="#" class="small button joyride-next-tip"></a>' | |
} | |
}, | |
Modernizr = Modernizr || false, | |
settings = {}, | |
methods = { | |
init : function (opts) { | |
return this.each(function () { | |
if ($.isEmptyObject(settings)) { | |
settings = $.extend(true, defaults, opts); | |
// non configurable settings | |
settings.document = window.document; | |
settings.$document = $(settings.document); | |
settings.$window = $(window); | |
settings.$content_el = $(this); | |
settings.body_offset = $(settings.tipContainer).position(); | |
settings.$tip_content = $('> li', settings.$content_el); | |
settings.paused = false; | |
settings.attempts = 0; | |
settings.tipLocationPatterns = { | |
top: ['bottom'], | |
bottom: [], // bottom should not need to be repositioned | |
left: ['right', 'top', 'bottom'], | |
right: ['left', 'top', 'bottom'] | |
}; | |
// are we using jQuery 1.7+ | |
methods.jquery_check(); | |
// can we create cookies? | |
if (!$.isFunction($.cookie)) { | |
settings.cookieMonster = false; | |
} | |
// generate the tips and insert into dom. | |
if (!settings.cookieMonster || !$.cookie(settings.cookieName)) { | |
settings.$tip_content.each(function (index) { | |
methods.create({$li : $(this), index : index}); | |
}); | |
// show first tip | |
if (!settings.startTimerOnClick && settings.timer > 0) { | |
methods.show('init'); | |
methods.startTimer(); | |
} else { | |
methods.show('init'); | |
} | |
} | |
settings.$document.on('click.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) { | |
e.preventDefault(); | |
if (settings.$li.next().length < 1) { | |
methods.end(); | |
} else if (settings.timer > 0) { | |
clearTimeout(settings.automate); | |
methods.hide(); | |
methods.show(); | |
methods.startTimer(); | |
} else { | |
methods.hide(); | |
methods.show(); | |
} | |
}); | |
settings.$document.on('click.joyride', '.joyride-close-tip', function (e) { | |
e.preventDefault(); | |
methods.end(); | |
}); | |
settings.$window.bind('resize.joyride', function (e) { | |
if (methods.is_phone()) { | |
methods.pos_phone(); | |
} else { | |
methods.pos_default(); | |
} | |
}); | |
} else { | |
methods.restart(); | |
} | |
}); | |
}, | |
// call this method when you want to resume the tour | |
resume : function () { | |
methods.set_li(); | |
methods.show(); | |
}, | |
tip_template : function (opts) { | |
var $blank, content; | |
opts.tip_class = opts.tip_class || ''; | |
$blank = $(settings.template.tip).addClass(opts.tip_class); | |
content = $.trim($(opts.li).html()) + | |
methods.button_text(opts.button_text) + | |
settings.template.link + | |
methods.timer_instance(opts.index); | |
$blank.append($(settings.template.wrapper)); | |
$blank.first().attr('data-index', opts.index); | |
$('.joyride-content-wrapper', $blank).append(content); | |
return $blank[0]; | |
}, | |
timer_instance : function (index) { | |
var txt; | |
if ((index === 0 && settings.startTimerOnClick && settings.timer > 0) || settings.timer === 0) { | |
txt = ''; | |
} else { | |
txt = methods.outerHTML($(settings.template.timer)[0]); | |
} | |
return txt; | |
}, | |
button_text : function (txt) { | |
if (settings.nextButton) { | |
txt = $.trim(txt) || 'Next'; | |
txt = methods.outerHTML($(settings.template.button).append(txt)[0]); | |
} else { | |
txt = ''; | |
} | |
return txt; | |
}, | |
create : function (opts) { | |
// backwards compatibility with data-text attribute | |
var buttonText = opts.$li.attr('data-button') || opts.$li.attr('data-text'), | |
tipClass = opts.$li.attr('class'), | |
$tip_content = $(methods.tip_template({ | |
tip_class : tipClass, | |
index : opts.index, | |
button_text : buttonText, | |
li : opts.$li | |
})); | |
$(settings.tipContainer).append($tip_content); | |
}, | |
show : function (init) { | |
var opts = {}, ii, opts_arr = [], opts_len = 0, p, | |
$timer = null; | |
// are we paused? | |
if (settings.$li === undefined || ($.inArray(settings.$li.index(), settings.pauseAfter) === -1)) { | |
// don't go to the next li if the tour was paused | |
if (settings.paused) { | |
settings.paused = false; | |
} else { | |
methods.set_li(init); | |
} | |
settings.attempts = 0; | |
if (settings.$li.length && settings.$target.length > 0) { | |
opts_arr = (settings.$li.data('options') || ':').split(';'); | |
opts_len = opts_arr.length; | |
// parse options | |
for (ii = opts_len - 1; ii >= 0; ii--) { | |
p = opts_arr[ii].split(':'); | |
if (p.length === 2) { | |
opts[$.trim(p[0])] = $.trim(p[1]); | |
} | |
} | |
settings.tipSettings = $.extend({}, settings, opts); | |
settings.tipSettings.tipLocationPattern = settings.tipLocationPatterns[settings.tipSettings.tipLocation]; | |
// scroll if not modal | |
if (!/body/i.test(settings.$target.selector)) { | |
methods.scroll_to(); | |
} | |
if (methods.is_phone()) { | |
methods.pos_phone(true); | |
} else { | |
methods.pos_default(true); | |
} | |
$timer = $('.joyride-timer-indicator', settings.$next_tip); | |
if (/pop/i.test(settings.tipAnimation)) { | |
$timer.outerWidth(0); | |
if (settings.timer > 0) { | |
settings.$next_tip.show(); | |
$timer.animate({ | |
width: $('.joyride-timer-indicator-wrap', settings.$next_tip).outerWidth() | |
}, settings.timer); | |
} else { | |
settings.$next_tip.show(); | |
} | |
} else if (/fade/i.test(settings.tipAnimation)) { | |
$timer.outerWidth(0); | |
if (settings.timer > 0) { | |
settings.$next_tip.fadeIn(settings.tipAnimationFadeSpeed); | |
settings.$next_tip.show(); | |
$timer.animate({ | |
width: $('.joyride-timer-indicator-wrap', settings.$next_tip).outerWidth() | |
}, settings.timer); | |
} else { | |
settings.$next_tip.fadeIn(settings.tipAnimationFadeSpeed); | |
} | |
} | |
settings.$current_tip = settings.$next_tip; | |
// skip non-existent targets | |
} else if (settings.$li && settings.$target.length < 1) { | |
methods.show(); | |
} else { | |
methods.end(); | |
} | |
} else { | |
settings.paused = true; | |
} | |
}, | |
// detect phones with media queries if supported. | |
is_phone : function () { | |
if (Modernizr) { | |
return Modernizr.mq('only screen and (max-width: 767px)'); | |
} | |
return (settings.$window.width() < 767) ? true : false; | |
}, | |
hide : function () { | |
settings.postStepCallback(settings.$li.index(), settings.$current_tip); | |
$('.joyride-modal-bg').hide(); | |
settings.$current_tip.hide(); | |
}, | |
set_li : function (init) { | |
if (init) { | |
settings.$li = settings.$tip_content.eq(settings.startOffset); | |
methods.set_next_tip(); | |
settings.$current_tip = settings.$next_tip; | |
} else { | |
settings.$li = settings.$li.next(); | |
methods.set_next_tip(); | |
} | |
methods.set_target(); | |
}, | |
set_next_tip : function () { | |
settings.$next_tip = $('.joyride-tip-guide[data-index=' + settings.$li.index() + ']'); | |
}, | |
set_target : function () { | |
var cl = settings.$li.attr('data-class'), | |
id = settings.$li.attr('data-id'), | |
$sel = function () { | |
if (id) { | |
return $(settings.document.getElementById(id)); | |
} else if (cl) { | |
return $('.' + cl).first(); | |
} else { | |
return $('body'); | |
} | |
}; | |
settings.$target = $sel(); | |
}, | |
scroll_to : function () { | |
var window_half, tipOffset; | |
window_half = settings.$window.height() / 2; | |
tipOffset = Math.ceil(settings.$target.offset().top - window_half + settings.$next_tip.outerHeight()); | |
$("html, body").stop().animate({ | |
scrollTop: tipOffset | |
}, settings.scrollSpeed); | |
}, | |
paused : function () { | |
if (($.inArray((settings.$li.index() + 1), settings.pauseAfter) === -1)) { | |
return true; | |
} | |
return false; | |
}, | |
destroy : function () { | |
settings.$document.off('.joyride'); | |
$(window).off('.joyride'); | |
$('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride'); | |
$('.joyride-tip-guide, .joyride-modal-bg').remove(); | |
clearTimeout(settings.automate); | |
settings = {}; | |
}, | |
restart : function () { | |
methods.hide(); | |
settings.$li = undefined; | |
methods.show('init'); | |
}, | |
pos_default : function (init) { | |
var half_fold = Math.ceil(settings.$window.height() / 2), | |
tip_position = settings.$next_tip.offset(), | |
$nub = $('.joyride-nub', settings.$next_tip), | |
nub_height = Math.ceil($nub.outerHeight() / 2), | |
toggle = init || false; | |
// tip must not be "display: none" to calculate position | |
if (toggle) { | |
settings.$next_tip.css('visibility', 'hidden'); | |
settings.$next_tip.show(); | |
} | |
if (!/body/i.test(settings.$target.selector)) { | |
if (methods.bottom()) { | |
settings.$next_tip.css({ | |
top: (settings.$target.offset().top + nub_height + settings.$target.outerHeight()), | |
left: settings.$target.offset().left}); | |
methods.nub_position($nub, settings.tipSettings.nubPosition, 'top'); | |
} else if (methods.top()) { | |
settings.$next_tip.css({ | |
top: (settings.$target.offset().top - settings.$next_tip.outerHeight() - nub_height), | |
left: settings.$target.offset().left}); | |
methods.nub_position($nub, settings.tipSettings.nubPosition, 'bottom'); | |
} else if (methods.right()) { | |
settings.$next_tip.css({ | |
top: settings.$target.offset().top, | |
left: (settings.$target.outerWidth() + settings.$target.offset().left)}); | |
methods.nub_position($nub, settings.tipSettings.nubPosition, 'left'); | |
} else if (methods.left()) { | |
settings.$next_tip.css({ | |
top: settings.$target.offset().top, | |
left: (settings.$target.offset().left - settings.$next_tip.outerWidth() - nub_height)}); | |
methods.nub_position($nub, settings.tipSettings.nubPosition, 'right'); | |
} | |
if (!methods.visible(methods.corners(settings.$next_tip)) && settings.attempts < settings.tipSettings.tipLocationPattern.length) { | |
$nub.removeClass('bottom') | |
.removeClass('top') | |
.removeClass('right') | |
.removeClass('left'); | |
settings.tipSettings.tipLocation = settings.tipSettings.tipLocationPattern[settings.attempts]; | |
settings.attempts++; | |
methods.pos_default(true); | |
} | |
} else if (settings.$li.length) { | |
methods.pos_modal($nub); | |
} | |
if (toggle) { | |
settings.$next_tip.hide(); | |
settings.$next_tip.css('visibility', 'visible'); | |
} | |
}, | |
pos_phone : function (init) { | |
var tip_height = settings.$next_tip.outerHeight(), | |
tip_offset = settings.$next_tip.offset(), | |
target_height = settings.$target.outerHeight(), | |
$nub = $('.joyride-nub', settings.$next_tip), | |
nub_height = Math.ceil($nub.outerHeight() / 2), | |
toggle = init || false; | |
$nub.removeClass('bottom') | |
.removeClass('top') | |
.removeClass('right') | |
.removeClass('left'); | |
if (toggle) { | |
settings.$next_tip.css('visibility', 'hidden'); | |
settings.$next_tip.show(); | |
} | |
if (!/body/i.test(settings.$target.selector)) { | |
if (methods.top()) { | |
settings.$next_tip.offset({top: settings.$target.offset().top - tip_height - nub_height}); | |
$nub.addClass('bottom'); | |
} else { | |
settings.$next_tip.offset({top: settings.$target.offset().top + target_height + nub_height}); | |
$nub.addClass('top'); | |
} | |
} else if (settings.$li.length) { | |
methods.pos_modal($nub); | |
} | |
if (toggle) { | |
settings.$next_tip.hide(); | |
settings.$next_tip.css('visibility', 'visible'); | |
} | |
}, | |
pos_modal : function ($nub) { | |
methods.center(); | |
$nub.hide(); | |
if ($('.joyride-modal-bg').length < 1) { | |
$('body').append('<div class="joyride-modal-bg">').show(); | |
} | |
if (/pop/i.test(settings.tipAnimation)) { | |
$('.joyride-modal-bg').show(); | |
} else { | |
$('.joyride-modal-bg').fadeIn(settings.tipAnimationFadeSpeed); | |
} | |
}, | |
center : function () { | |
var $w = settings.$window; | |
settings.$next_tip.css({ | |
top : ((($w.height() - settings.$next_tip.outerHeight()) / 2) + $w.scrollTop()), | |
left : ((($w.width() - settings.$next_tip.outerWidth()) / 2) + $w.scrollLeft()) | |
}); | |
return true; | |
}, | |
bottom : function () { | |
return /bottom/i.test(settings.tipSettings.tipLocation); | |
}, | |
top : function () { | |
return /top/i.test(settings.tipSettings.tipLocation); | |
}, | |
right : function () { | |
return /right/i.test(settings.tipSettings.tipLocation); | |
}, | |
left : function () { | |
return /left/i.test(settings.tipSettings.tipLocation); | |
}, | |
corners : function (el) { | |
var w = settings.$window, | |
right = w.width() + w.scrollLeft(), | |
bottom = w.width() + w.scrollTop(); | |
return [ | |
el.offset().top <= w.scrollTop(), | |
right <= el.offset().left + el.outerWidth(), | |
bottom <= el.offset().top + el.outerHeight(), | |
w.scrollLeft() >= el.offset().left | |
]; | |
}, | |
visible : function (hidden_corners) { | |
var i = hidden_corners.length; | |
while (i--) { | |
if (hidden_corners[i]) return false; | |
} | |
return true; | |
}, | |
nub_position : function (nub, pos, def) { | |
if (pos === 'auto') { | |
nub.addClass(def); | |
} else { | |
nub.addClass(pos); | |
} | |
}, | |
startTimer : function () { | |
if (settings.$li.length) { | |
settings.automate = setTimeout(function () { | |
methods.hide(); | |
methods.show(); | |
methods.startTimer(); | |
}, settings.timer); | |
} else { | |
clearTimeout(settings.automate); | |
} | |
}, | |
end : function () { | |
if (settings.cookieMonster) { | |
$.cookie(settings.cookieName, 'ridden', { expires: 365, domain: settings.cookieDomain }); | |
} | |
if (settings.timer > 0) { | |
clearTimeout(settings.automate); | |
} | |
$('.joyride-modal-bg').hide(); | |
settings.$current_tip.hide(); | |
settings.postStepCallback(settings.$li.index(), settings.$current_tip); | |
settings.postRideCallback(settings.$li.index(), settings.$current_tip); | |
}, | |
jquery_check : function () { | |
// define on() and off() for older jQuery | |
if (!$.isFunction($.fn.on)) { | |
$.fn.on = function (types, sel, fn) { | |
return this.delegate(sel, types, fn); | |
}; | |
$.fn.off = function (types, sel, fn) { | |
return this.undelegate(sel, types, fn); | |
}; | |
return false; | |
} | |
return true; | |
}, | |
outerHTML : function (el) { | |
// support FireFox < 11 | |
return el.outerHTML || new XMLSerializer().serializeToString(el); | |
}, | |
version : function () { | |
return settings.version; | |
} | |
}; | |
$.fn.joyride = function (method) { | |
if (methods[method]) { | |
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); | |
} else if (typeof method === 'object' || !method) { | |
return methods.init.apply(this, arguments); | |
} else { | |
$.error('Method ' + method + ' does not exist on jQuery.joyride'); | |
} | |
}; | |
}(jQuery, this)); | |
/* | |
* jQuery Foundation Clearing 1.2.1 | |
* http://foundation.zurb.com | |
* Copyright 2012, ZURB | |
* Free to use under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/*jslint unparam: true, browser: true, indent: 2 */ | |
;(function ($, window, document, undefined) { | |
'use strict'; | |
var defaults = { | |
templates : { | |
viewing : '<a href="#" class="clearing-close">×</a>' + | |
'<div class="visible-img" style="display: none"><img src="#">' + | |
'<p class="clearing-caption"></p><a href="#" class="clearing-main-left"></a>' + | |
'<a href="#" class="clearing-main-right"></a></div>' | |
}, | |
// comma delimited list of selectors that, on click, will close clearing, | |
// add 'div.clearing-blackout, div.visible-img' to close on background click | |
close_selectors : 'a.clearing-close', | |
// event initializers and locks | |
initialized : false, | |
locked : false | |
}, | |
cl = { | |
init : function (options, extendMethods) { | |
return this.find('ul[data-clearing]').each(function () { | |
var doc = $(document), | |
$el = $(this), | |
options = options || {}, | |
extendMethods = extendMethods || {}, | |
settings = $el.data('fndtn.clearing.settings'); | |
if (!settings) { | |
options.$parent = $el.parent(); | |
$el.data('fndtn.clearing.settings', $.extend({}, defaults, options)); | |
cl.assemble($el.find('li')); | |
if (!defaults.initialized) { | |
cl.events($el); | |
if (Modernizr.touch) cl.swipe_events(); | |
} | |
} | |
}); | |
}, | |
events : function (el) { | |
var settings = el.data('fndtn.clearing.settings'); | |
$(document) | |
.on('click.fndtn.clearing', 'ul[data-clearing] li', function (e, current, target) { | |
var current = current || $(this), | |
target = target || current, | |
settings = current.parent().data('fndtn.clearing.settings'); | |
e.preventDefault(); | |
if (!settings) { | |
current.parent().foundationClearing(); | |
} | |
// set current and target to the clicked li if not otherwise defined. | |
cl.open($(e.target), current, target); | |
cl.update_paddles(target); | |
}) | |
.on('click.fndtn.clearing', '.clearing-main-right', function (e) { cl.nav(e, 'next') }) | |
.on('click.fndtn.clearing', '.clearing-main-left', function (e) { cl.nav(e, 'prev') }) | |
.on('click.fndtn.clearing', settings.close_selectors, this.close) | |
.on('keydown.fndtn.clearing', this.keydown); | |
$(window).on('resize.fndtn.clearing', this.resize); | |
defaults.initialized = true; | |
}, | |
swipe_events : function () { | |
$(document) | |
.bind('swipeleft', 'ul[data-clearing]', function (e) { cl.nav(e, 'next') }) | |
.bind('swiperight', 'ul[data-clearing]', function (e) { cl.nav(e, 'prev') }) | |
.bind('movestart', 'ul[data-clearing]', function (e) { | |
if ((e.distX > e.distY && e.distX < -e.distY) || | |
(e.distX < e.distY && e.distX > -e.distY)) { | |
e.preventDefault(); | |
} | |
}); | |
}, | |
assemble : function ($li) { | |
var $el = $li.parent(), | |
settings = $el.data('fndtn.clearing.settings'), | |
grid = $el.detach(), | |
data = { | |
grid: '<div class="carousel">' + this.outerHTML(grid[0]) + '</div>', | |
viewing: settings.templates.viewing | |
}, | |
wrapper = '<div class="clearing-assembled"><div>' + data.viewing + data.grid + '</div></div>'; | |
return settings.$parent.append(wrapper); | |
}, | |
open : function ($image, current, target) { | |
var root = target.closest('.clearing-assembled'), | |
container = root.find('div:first'), | |
visible_image = container.find('.visible-img'), | |
image = visible_image.find('img').not($image); | |
if (!cl.locked()) { | |
// set the image to the selected thumbnail | |
image.attr('src', this.load($image)); | |
image.loaded(function () { | |
// toggle the gallery if not visible | |
root.addClass('clearing-blackout'); | |
container.addClass('clearing-container'); | |
this.caption(visible_image.find('.clearing-caption'), $image); | |
visible_image.show(); | |
this.fix_height(target); | |
this.center(image); | |
// shift the thumbnails if necessary | |
this.shift(current, target, function () { | |
target.siblings().removeClass('visible'); | |
target.addClass('visible'); | |
}); | |
}.bind(this)); | |
} | |
}, | |
close : function (e) { | |
e.preventDefault(); | |
var root = (function (target) { | |
if (/blackout/.test(target.selector)) { | |
return target; | |
} else { | |
return target.closest('.clearing-blackout'); | |
} | |
}($(this))), container, visible_image; | |
if (this === e.target && root) { | |
container = root.find('div:first'), | |
visible_image = container.find('.visible-img'); | |
defaults.prev_index = 0; | |
root.find('ul[data-clearing]').attr('style', '') | |
root.removeClass('clearing-blackout'); | |
container.removeClass('clearing-container'); | |
visible_image.hide(); | |
} | |
return false; | |
}, | |
keydown : function (e) { | |
var clearing = $('.clearing-blackout').find('ul[data-clearing]'); | |
if (e.which === 39) cl.go(clearing, 'next'); | |
if (e.which === 37) cl.go(clearing, 'prev'); | |
if (e.which === 27) $('a.clearing-close').trigger('click'); | |
}, | |
nav : function (e, direction) { | |
var clearing = $('.clearing-blackout').find('ul[data-clearing]'); | |
e.preventDefault(); | |
this.go(clearing, direction); | |
}, | |
resize : function () { | |
var image = $('.clearing-blackout .visible-img').find('img'); | |
if (image.length > 0) { | |
cl.center(image); | |
} | |
}, | |
fix_height : function (target) { | |
var lis = target.siblings(); | |
lis.each(function () { | |
var li = $(this), | |
image = li.find('img'); | |
if (li.height() > image.outerHeight()) { | |
li.addClass('fix-height'); | |
} | |
}) | |
.closest('ul').width(lis.length * 100 + '%'); | |
}, | |
update_paddles : function (target) { | |
var visible_image = target.closest('.carousel').siblings('.visible-img'); | |
if (target.next().length > 0) { | |
visible_image.find('.clearing-main-right').removeClass('disabled'); | |
} else { | |
visible_image.find('.clearing-main-right').addClass('disabled'); | |
} | |
if (target.prev().length > 0) { | |
visible_image.find('.clearing-main-left').removeClass('disabled'); | |
} else { | |
visible_image.find('.clearing-main-left').addClass('disabled'); | |
} | |
}, | |
load : function ($image) { | |
var href = $image.parent().attr('href'); | |
this.preload($image); | |
if (href) return href; | |
return $image.attr('src'); | |
}, | |
preload : function ($image) { | |
this.img($image.closest('li').next()); | |
this.img($image.closest('li').prev()); | |
}, | |
img : function (img) { | |
if (img.length > 0) { | |
var new_img = new Image(), | |
new_a = img.find('a'); | |
if (new_a.length > 0) { | |
new_img.src = new_a.attr('href'); | |
} else { | |
new_img.src = img.find('img').attr('src'); | |
} | |
} | |
}, | |
caption : function (container, $image) { | |
var caption = $image.data('caption'); | |
if (caption) { | |
container.text(caption).show(); | |
} else { | |
container.text('').hide(); | |
} | |
}, | |
go : function ($ul, direction) { | |
var current = $ul.find('.visible'), | |
target = current[direction](); | |
if (target.length > 0) { | |
target.find('img').trigger('click', [current, target]); | |
} | |
}, | |
shift : function (current, target, callback) { | |
var clearing = target.parent(), | |
old_index = defaults.prev_index, | |
direction = this.direction(clearing, current, target), | |
left = parseInt(clearing.css('left'), 10), | |
width = target.outerWidth(), | |
skip_shift; | |
// we use jQuery animate instead of CSS transitions because we | |
// need a callback to unlock the next animation | |
if (target.index() !== old_index && !/skip/.test(direction)){ | |
if (/left/.test(direction)) { | |
this.lock(); | |
clearing.animate({left : left + width}, 300, this.unlock); | |
} else if (/right/.test(direction)) { | |
this.lock(); | |
clearing.animate({left : left - width}, 300, this.unlock); | |
} | |
} else if (/skip/.test(direction)) { | |
// the target image is not adjacent to the current image, so | |
// do we scroll right or not | |
skip_shift = target.index() - defaults.up_count; | |
this.lock(); | |
if (skip_shift > 0) { | |
clearing.animate({left : -(skip_shift * width)}, 300, this.unlock); | |
} else { | |
clearing.animate({left : 0}, 300, this.unlock); | |
} | |
} | |
callback(); | |
}, | |
lock : function () { | |
defaults.locked = true; | |
}, | |
unlock : function () { | |
defaults.locked = false; | |
}, | |
locked : function () { | |
return defaults.locked; | |
}, | |
direction : function ($el, current, target) { | |
var lis = $el.find('li'), | |
li_width = lis.outerWidth() + (lis.outerWidth() / 4), | |
up_count = Math.floor($('.clearing-container').outerWidth() / li_width) - 1, | |
target_index = lis.index(target), | |
response; | |
defaults.up_count = up_count; | |
if (this.adjacent(defaults.prev_index, target_index)) { | |
if ((target_index > up_count) && target_index > defaults.prev_index) { | |
response = 'right'; | |
} else if ((target_index > up_count - 1) && target_index <= defaults.prev_index) { | |
response = 'left'; | |
} else { | |
response = false; | |
} | |
} else { | |
response = 'skip'; | |
} | |
defaults.prev_index = target_index; | |
return response; | |
}, | |
adjacent : function (current_index, target_index) { | |
for (var i = target_index + 1; i >= target_index - 1; i--) { | |
if (i === current_index) return true; | |
} | |
return false; | |
}, | |
center : function (target) { | |
target.css({ | |
marginLeft : -(target.outerWidth() / 2), | |
marginTop : -(target.outerHeight() / 2) | |
}); | |
}, | |
outerHTML : function (el) { | |
// support FireFox < 11 | |
return el.outerHTML || new XMLSerializer().serializeToString(el); | |
} | |
}; | |
$.fn.foundationClearing = function (method) { | |
if (cl[method]) { | |
return cl[method].apply(this, Array.prototype.slice.call(arguments, 1)); | |
} else if (typeof method === 'object' || !method) { | |
return cl.init.apply(this, arguments); | |
} else { | |
$.error('Method ' + method + ' does not exist on jQuery.foundationClearing'); | |
} | |
}; | |
// jquery.imageready.js | |
// @weblinc, @jsantell, (c) 2012 | |
(function( $ ) { | |
$.fn.loaded = function ( callback, userSettings ) { | |
var | |
options = $.extend( {}, $.fn.loaded.defaults, userSettings ), | |
$images = this.find( 'img' ).add( this.filter( 'img' ) ), | |
unloadedImages = $images.length; | |
function loaded () { | |
unloadedImages -= 1; | |
!unloadedImages && callback(); | |
} | |
function bindLoad () { | |
this.one( 'load', loaded ); | |
if ( $.browser.msie ) { | |
var | |
src = this.attr( 'src' ), | |
param = src.match( /\?/ ) ? '&' : '?'; | |
param += options.cachePrefix + '=' + ( new Date() ).getTime(); | |
this.attr( 'src', src + param ); | |
} | |
} | |
return $images.each(function () { | |
var $this = $( this ); | |
if ( !$this.attr( 'src' ) ) { | |
loaded(); | |
return; | |
} | |
this.complete || this.readyState === 4 ? | |
loaded() : | |
bindLoad.call( $this ); | |
}); | |
}; | |
$.fn.loaded.defaults = { | |
cachePrefix: 'random' | |
}; | |
}(jQuery)); | |
}(jQuery, this, this.document)); | |
;(function ($, window, undefined) { | |
'use strict'; | |
$.fn.foundationMediaQueryViewer = function (options) { | |
var settings = $.extend(options,{toggleKey:77}), // Press 'M' | |
$doc = $(document); | |
$doc.on("keyup.mediaQueryViewer", ":input", function (e){ | |
if (e.which === settings.toggleKey) { | |
e.stopPropagation(); | |
} | |
}); | |
$doc.on("keyup.mediaQueryViewer", function (e) { | |
var $mqViewer = $('#fqv'); | |
if (e.which === settings.toggleKey) { | |
if ($mqViewer.length > 0) { | |
$mqViewer.remove(); | |
} else { | |
$('body').prepend('<div id="fqv" style="position:fixed;top:4px;left:4px;z-index:999;color:#fff;"><p style="font-size:12px;background:rgba(0,0,0,0.75);padding:5px;margin-bottom:1px;line-height:1.2;"><span class="left">Media:</span> <span style="font-weight:bold;" class="show-for-xlarge">Extra Large</span><span style="font-weight:bold;" class="show-for-large">Large</span><span style="font-weight:bold;" class="show-for-medium">Medium</span><span style="font-weight:bold;" class="show-for-small">Small</span><span style="font-weight:bold;" class="show-for-landscape">Landscape</span><span style="font-weight:bold;" class="show-for-portrait">Portrait</span><span style="font-weight:bold;" class="show-for-touch">Touch</span></p></div>'); | |
} | |
} | |
}); | |
}; | |
})(jQuery, this); | |
;(function ($, window, undefined) { | |
'use strict'; | |
var $doc = $(document), | |
Modernizr = window.Modernizr; | |
$(document).ready(function() { | |
$.fn.foundationAlerts ? $doc.foundationAlerts() : null; | |
$.fn.foundationButtons ? $doc.foundationButtons() : null; | |
$.fn.foundationAccordion ? $doc.foundationAccordion() : null; | |
$.fn.foundationNavigation ? $doc.foundationNavigation() : null; | |
$.fn.foundationTopBar ? $doc.foundationTopBar() : null; | |
$.fn.foundationCustomForms ? $doc.foundationCustomForms() : null; | |
$.fn.foundationMediaQueryViewer ? $doc.foundationMediaQueryViewer() : null; | |
$.fn.foundationTabs ? $doc.foundationTabs({callback : $.foundation.customForms.appendCustomMarkup}) : null; | |
$.fn.foundationTooltips ? $doc.foundationTooltips() : null; | |
$.fn.foundationMagellan ? $doc.foundationMagellan() : null; | |
$.fn.foundationClearing ? $doc.foundationClearing() : null; | |
$.fn.placeholder ? $('input, textarea').placeholder() : null; | |
}); | |
// UNCOMMENT THE LINE YOU WANT BELOW IF YOU WANT IE8 SUPPORT AND ARE USING .block-grids | |
// $('.block-grid.two-up>li:nth-child(2n+1)').css({clear: 'both'}); | |
// $('.block-grid.three-up>li:nth-child(3n+1)').css({clear: 'both'}); | |
// $('.block-grid.four-up>li:nth-child(4n+1)').css({clear: 'both'}); | |
// $('.block-grid.five-up>li:nth-child(5n+1)').css({clear: 'both'}); | |
// Hide address bar on mobile devices (except if #hash present, so we don't mess up deep linking). | |
if (Modernizr.touch && !window.location.hash) { | |
$(window).load(function () { | |
setTimeout(function () { | |
// At load, if user hasn't scrolled more than 20px or so... | |
if( $(window).scrollTop() < 20 ) { | |
window.scrollTo(0, 1); | |
} | |
}, 0); | |
}); | |
} | |
})(jQuery, this); | |
/* | |
*/ | |
; | |
/** | |
* @preserve | |
* FullCalendar v1.5.4 | |
* http://arshaw.com/fullcalendar/ | |
* | |
* Use fullcalendar.css for basic styling. | |
* For event drag & drop, requires jQuery UI draggable. | |
* For event resizing, requires jQuery UI resizable. | |
* | |
* Copyright (c) 2011 Adam Shaw | |
* Dual licensed under the MIT and GPL licenses, located in | |
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively. | |
* | |
* Date: Tue Sep 4 23:38:33 2012 -0700 | |
* | |
*/ | |
(function($, undefined) { | |
var defaults = { | |
// display | |
defaultView: 'month', | |
aspectRatio: 1.35, | |
header: { | |
left: 'title', | |
center: '', | |
right: 'today prev,next' | |
}, | |
weekends: true, | |
// editing | |
//editable: false, | |
//disableDragging: false, | |
//disableResizing: false, | |
allDayDefault: true, | |
ignoreTimezone: true, | |
// event ajax | |
lazyFetching: true, | |
startParam: 'start', | |
endParam: 'end', | |
// time formats | |
titleFormat: { | |
month: 'MMMM yyyy', | |
week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", | |
day: 'dddd, MMM d, yyyy' | |
}, | |
columnFormat: { | |
month: 'ddd', | |
week: 'ddd M/d', | |
day: 'dddd M/d' | |
}, | |
timeFormat: { // for event elements | |
'': 'h(:mm)t' // default | |
}, | |
// locale | |
isRTL: false, | |
firstDay: 0, | |
monthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'], | |
monthNamesShort: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'], | |
dayNames: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'], | |
dayNamesShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'], | |
buttonText: { | |
prev: ' ◄ ', | |
next: ' ► ', | |
prevYear: ' << ', | |
nextYear: ' >> ', | |
today: 'today', | |
month: 'month', | |
week: 'week', | |
day: 'day' | |
}, | |
// jquery-ui theming | |
theme: false, | |
buttonIcons: { | |
prev: 'circle-triangle-w', | |
next: 'circle-triangle-e' | |
}, | |
//selectable: false, | |
unselectAuto: true, | |
dropAccept: '*' | |
}; | |
// right-to-left defaults | |
var rtlDefaults = { | |
header: { | |
left: 'next,prev today', | |
center: '', | |
right: 'title' | |
}, | |
buttonText: { | |
prev: ' ► ', | |
next: ' ◄ ', | |
prevYear: ' >> ', | |
nextYear: ' << ' | |
}, | |
buttonIcons: { | |
prev: 'circle-triangle-e', | |
next: 'circle-triangle-w' | |
} | |
}; | |
var fc = $.fullCalendar = { version: "1.5.4" }; | |
var fcViews = fc.views = {}; | |
$.fn.fullCalendar = function(options) { | |
// method calling | |
if (typeof options == 'string') { | |
var args = Array.prototype.slice.call(arguments, 1); | |
var res; | |
this.each(function() { | |
var calendar = $.data(this, 'fullCalendar'); | |
if (calendar && $.isFunction(calendar[options])) { | |
var r = calendar[options].apply(calendar, args); | |
if (res === undefined) { | |
res = r; | |
} | |
if (options == 'destroy') { | |
$.removeData(this, 'fullCalendar'); | |
} | |
} | |
}); | |
if (res !== undefined) { | |
return res; | |
} | |
return this; | |
} | |
// would like to have this logic in EventManager, but needs to happen before options are recursively extended | |
var eventSources = options.eventSources || []; | |
delete options.eventSources; | |
if (options.events) { | |
eventSources.push(options.events); | |
delete options.events; | |
} | |
options = $.extend(true, {}, | |
defaults, | |
(options.isRTL || options.isRTL===undefined && defaults.isRTL) ? rtlDefaults : {}, | |
options | |
); | |
this.each(function(i, _element) { | |
var element = $(_element); | |
var calendar = new Calendar(element, options, eventSources); | |
element.data('fullCalendar', calendar); // TODO: look into memory leak implications | |
calendar.render(); | |
}); | |
return this; | |
}; | |
// function for adding/overriding defaults | |
function setDefaults(d) { | |
$.extend(true, defaults, d); | |
} | |
function Calendar(element, options, eventSources) { | |
var t = this; | |
// exports | |
t.options = options; | |
t.render = render; | |
t.destroy = destroy; | |
t.refetchEvents = refetchEvents; | |
t.reportEvents = reportEvents; | |
t.reportEventChange = reportEventChange; | |
t.rerenderEvents = rerenderEvents; | |
t.changeView = changeView; | |
t.select = select; | |
t.unselect = unselect; | |
t.prev = prev; | |
t.next = next; | |
t.prevYear = prevYear; | |
t.nextYear = nextYear; | |
t.today = today; | |
t.gotoDate = gotoDate; | |
t.incrementDate = incrementDate; | |
t.formatDate = function(format, date) { return formatDate(format, date, options) }; | |
t.formatDates = function(format, date1, date2) { return formatDates(format, date1, date2, options) }; | |
t.getDate = getDate; | |
t.getView = getView; | |
t.option = option; | |
t.trigger = trigger; | |
// imports | |
EventManager.call(t, options, eventSources); | |
var isFetchNeeded = t.isFetchNeeded; | |
var fetchEvents = t.fetchEvents; | |
// locals | |
var _element = element[0]; | |
var header; | |
var headerElement; | |
var content; | |
var tm; // for making theme classes | |
var currentView; | |
var viewInstances = {}; | |
var elementOuterWidth; | |
var suggestedViewHeight; | |
var absoluteViewElement; | |
var resizeUID = 0; | |
var ignoreWindowResize = 0; | |
var date = new Date(); | |
var events = []; | |
var _dragElement; | |
/* Main Rendering | |
-----------------------------------------------------------------------------*/ | |
setYMD(date, options.year, options.month, options.date); | |
function render(inc) { | |
if (!content) { | |
initialRender(); | |
}else{ | |
calcSize(); | |
markSizesDirty(); | |
markEventsDirty(); | |
renderView(inc); | |
} | |
} | |
function initialRender() { | |
tm = options.theme ? 'ui' : 'fc'; | |
element.addClass('fc'); | |
if (options.isRTL) { | |
element.addClass('fc-rtl'); | |
} | |
if (options.theme) { | |
element.addClass('ui-widget'); | |
} | |
content = $("<div class='fc-content' style='position:relative'/>") | |
.prependTo(element); | |
header = new Header(t, options); | |
headerElement = header.render(); | |
if (headerElement) { | |
element.prepend(headerElement); | |
} | |
changeView(options.defaultView); | |
$(window).resize(windowResize); | |
// needed for IE in a 0x0 iframe, b/c when it is resized, never triggers a windowResize | |
if (!bodyVisible()) { | |
lateRender(); | |
} | |
} | |
// called when we know the calendar couldn't be rendered when it was initialized, | |
// but we think it's ready now | |
function lateRender() { | |
setTimeout(function() { // IE7 needs this so dimensions are calculated correctly | |
if (!currentView.start && bodyVisible()) { // !currentView.start makes sure this never happens more than once | |
renderView(); | |
} | |
},0); | |
} | |
function destroy() { | |
$(window).unbind('resize', windowResize); | |
header.destroy(); | |
content.remove(); | |
element.removeClass('fc fc-rtl ui-widget'); | |
} | |
function elementVisible() { | |
return _element.offsetWidth !== 0; | |
} | |
function bodyVisible() { | |
return $('body')[0].offsetWidth !== 0; | |
} | |
/* View Rendering | |
-----------------------------------------------------------------------------*/ | |
// TODO: improve view switching (still weird transition in IE, and FF has whiteout problem) | |
function changeView(newViewName) { | |
if (!currentView || newViewName != currentView.name) { | |
ignoreWindowResize++; // because setMinHeight might change the height before render (and subsequently setSize) is reached | |
unselect(); | |
var oldView = currentView; | |
var newViewElement; | |
if (oldView) { | |
(oldView.beforeHide || noop)(); // called before changing min-height. if called after, scroll state is reset (in Opera) | |
setMinHeight(content, content.height()); | |
oldView.element.hide(); | |
}else{ | |
setMinHeight(content, 1); // needs to be 1 (not 0) for IE7, or else view dimensions miscalculated | |
} | |
content.css('overflow', 'hidden'); | |
currentView = viewInstances[newViewName]; | |
if (currentView) { | |
currentView.element.show(); | |
}else{ | |
currentView = viewInstances[newViewName] = new fcViews[newViewName]( | |
newViewElement = absoluteViewElement = | |
$("<div class='fc-view fc-view-" + newViewName + "' style='position:absolute'/>") | |
.appendTo(content), | |
t // the calendar object | |
); | |
} | |
if (oldView) { | |
header.deactivateButton(oldView.name); | |
} | |
header.activateButton(newViewName); | |
renderView(); // after height has been set, will make absoluteViewElement's position=relative, then set to null | |
content.css('overflow', ''); | |
if (oldView) { | |
setMinHeight(content, 1); | |
} | |
if (!newViewElement) { | |
(currentView.afterShow || noop)(); // called after setting min-height/overflow, so in final scroll state (for Opera) | |
} | |
ignoreWindowResize--; | |
} | |
} | |
function renderView(inc) { | |
if (elementVisible()) { | |
ignoreWindowResize++; // because renderEvents might temporarily change the height before setSize is reached | |
unselect(); | |
if (suggestedViewHeight === undefined) { | |
calcSize(); | |
} | |
var forceEventRender = false; | |
if (!currentView.start || inc || date < currentView.start || date >= currentView.end) { | |
// view must render an entire new date range (and refetch/render events) | |
currentView.render(date, inc || 0); // responsible for clearing events | |
setSize(true); | |
forceEventRender = true; | |
} | |
else if (currentView.sizeDirty) { | |
// view must resize (and rerender events) | |
currentView.clearEvents(); | |
setSize(); | |
forceEventRender = true; | |
} | |
else if (currentView.eventsDirty) { | |
currentView.clearEvents(); | |
forceEventRender = true; | |
} | |
currentView.sizeDirty = false; | |
currentView.eventsDirty = false; | |
updateEvents(forceEventRender); | |
elementOuterWidth = element.outerWidth(); | |
header.updateTitle(currentView.title); | |
var today = new Date(); | |
if (today >= currentView.start && today < currentView.end) { | |
header.disableButton('today'); | |
}else{ | |
header.enableButton('today'); | |
} | |
ignoreWindowResize--; | |
currentView.trigger('viewDisplay', _element); | |
} | |
} | |
/* Resizing | |
-----------------------------------------------------------------------------*/ | |
function updateSize() { | |
markSizesDirty(); | |
if (elementVisible()) { | |
calcSize(); | |
setSize(); | |
unselect(); | |
currentView.clearEvents(); | |
currentView.renderEvents(events); | |
currentView.sizeDirty = false; | |
} | |
} | |
function markSizesDirty() { | |
$.each(viewInstances, function(i, inst) { | |
inst.sizeDirty = true; | |
}); | |
} | |
function calcSize() { | |
if (options.contentHeight) { | |
suggestedViewHeight = options.contentHeight; | |
} | |
else if (options.height) { | |
suggestedViewHeight = options.height - (headerElement ? headerElement.height() : 0) - vsides(content); | |
} | |
else { | |
suggestedViewHeight = Math.round(content.width() / Math.max(options.aspectRatio, .5)); | |
} | |
} | |
function setSize(dateChanged) { // todo: dateChanged? | |
ignoreWindowResize++; | |
currentView.setHeight(suggestedViewHeight, dateChanged); | |
if (absoluteViewElement) { | |
absoluteViewElement.css('position', 'relative'); | |
absoluteViewElement = null; | |
} | |
currentView.setWidth(content.width(), dateChanged); | |
ignoreWindowResize--; | |
} | |
function windowResize() { | |
if (!ignoreWindowResize) { | |
if (currentView.start) { // view has already been rendered | |
var uid = ++resizeUID; | |
setTimeout(function() { // add a delay | |
if (uid == resizeUID && !ignoreWindowResize && elementVisible()) { | |
if (elementOuterWidth != (elementOuterWidth = element.outerWidth())) { | |
ignoreWindowResize++; // in case the windowResize callback changes the height | |
updateSize(); | |
currentView.trigger('windowResize', _element); | |
ignoreWindowResize--; | |
} | |
} | |
}, 200); | |
}else{ | |
// calendar must have been initialized in a 0x0 iframe that has just been resized | |
lateRender(); | |
} | |
} | |
} | |
/* Event Fetching/Rendering | |
-----------------------------------------------------------------------------*/ | |
// fetches events if necessary, rerenders events if necessary (or if forced) | |
function updateEvents(forceRender) { | |
if (!options.lazyFetching || isFetchNeeded(currentView.visStart, currentView.visEnd)) { | |
refetchEvents(); | |
} | |
else if (forceRender) { | |
rerenderEvents(); | |
} | |
} | |
function refetchEvents() { | |
fetchEvents(currentView.visStart, currentView.visEnd); // will call reportEvents | |
} | |
// called when event data arrives | |
function reportEvents(_events) { | |
events = _events; | |
rerenderEvents(); | |
} | |
// called when a single event's data has been changed | |
function reportEventChange(eventID) { | |
rerenderEvents(eventID); | |
} | |
// attempts to rerenderEvents | |
function rerenderEvents(modifiedEventID) { | |
markEventsDirty(); | |
if (elementVisible()) { | |
currentView.clearEvents(); | |
currentView.renderEvents(events, modifiedEventID); | |
currentView.eventsDirty = false; | |
} | |
} | |
function markEventsDirty() { | |
$.each(viewInstances, function(i, inst) { | |
inst.eventsDirty = true; | |
}); | |
} | |
/* Selection | |
-----------------------------------------------------------------------------*/ | |
function select(start, end, allDay) { | |
currentView.select(start, end, allDay===undefined ? true : allDay); | |
} | |
function unselect() { // safe to be called before renderView | |
if (currentView) { | |
currentView.unselect(); | |
} | |
} | |
/* Date | |
-----------------------------------------------------------------------------*/ | |
function prev() { | |
renderView(-1); | |
} | |
function next() { | |
renderView(1); | |
} | |
function prevYear() { | |
addYears(date, -1); | |
renderView(); | |
} | |
function nextYear() { | |
addYears(date, 1); | |
renderView(); | |
} | |
function today() { | |
date = new Date(); | |
renderView(); | |
} | |
function gotoDate(year, month, dateOfMonth) { | |
if (year instanceof Date) { | |
date = cloneDate(year); // provided 1 argument, a Date | |
}else{ | |
setYMD(date, year, month, dateOfMonth); | |
} | |
renderView(); | |
} | |
function incrementDate(years, months, days) { | |
if (years !== undefined) { | |
addYears(date, years); | |
} | |
if (months !== undefined) { | |
addMonths(date, months); | |
} | |
if (days !== undefined) { | |
addDays(date, days); | |
} | |
renderView(); | |
} | |
function getDate() { | |
return cloneDate(date); | |
} | |
/* Misc | |
-----------------------------------------------------------------------------*/ | |
function getView() { | |
return currentView; | |
} | |
function option(name, value) { | |
if (value === undefined) { | |
return options[name]; | |
} | |
if (name == 'height' || name == 'contentHeight' || name == 'aspectRatio') { | |
options[name] = value; | |
updateSize(); | |
} | |
} | |
function trigger(name, thisObj) { | |
if (options[name]) { | |
return options[name].apply( | |
thisObj || _element, | |
Array.prototype.slice.call(arguments, 2) | |
); | |
} | |
} | |
/* External Dragging | |
------------------------------------------------------------------------*/ | |
if (options.droppable) { | |
$(document) | |
.bind('dragstart', function(ev, ui) { | |
var _e = ev.target; | |
var e = $(_e); | |
if (!e.parents('.fc').length) { // not already inside a calendar | |
var accept = options.dropAccept; | |
if ($.isFunction(accept) ? accept.call(_e, e) : e.is(accept)) { | |
_dragElement = _e; | |
currentView.dragStart(_dragElement, ev, ui); | |
} | |
} | |
}) | |
.bind('dragstop', function(ev, ui) { | |
if (_dragElement) { | |
currentView.dragStop(_dragElement, ev, ui); | |
_dragElement = null; | |
} | |
}); | |
} | |
} | |
function Header(calendar, options) { | |
var t = this; | |
// exports | |
t.render = render; | |
t.destroy = destroy; | |
t.updateTitle = updateTitle; | |
t.activateButton = activateButton; | |
t.deactivateButton = deactivateButton; | |
t.disableButton = disableButton; | |
t.enableButton = enableButton; | |
// locals | |
var element = $([]); | |
var tm; | |
function render() { | |
tm = options.theme ? 'ui' : 'fc'; | |
var sections = options.header; | |
if (sections) { | |
element = $("<table class='fc-header' style='width:100%'/>") | |
.append( | |
$("<tr/>") | |
.append(renderSection('left')) | |
.append(renderSection('center')) | |
.append(renderSection('right')) | |
); | |
return element; | |
} | |
} | |
function destroy() { | |
element.remove(); | |
} | |
function renderSection(position) { | |
var e = $("<td class='fc-header-" + position + "'/>"); | |
var buttonStr = options.header[position]; | |
if (buttonStr) { | |
$.each(buttonStr.split(' '), function(i) { | |
if (i > 0) { | |
e.append("<span class='fc-header-space'/>"); | |
} | |
var prevButton; | |
$.each(this.split(','), function(j, buttonName) { | |
if (buttonName == 'title') { | |
e.append("<span class='fc-header-title'><h2> </h2></span>"); | |
if (prevButton) { | |
prevButton.addClass(tm + '-corner-right'); | |
} | |
prevButton = null; | |
}else{ | |
var buttonClick; | |
if (calendar[buttonName]) { | |
buttonClick = calendar[buttonName]; // calendar method | |
} | |
else if (fcViews[buttonName]) { | |
buttonClick = function() { | |
button.removeClass(tm + '-state-hover'); // forget why | |
calendar.changeView(buttonName); | |
}; | |
} | |
if (buttonClick) { | |
var icon = options.theme ? smartProperty(options.buttonIcons, buttonName) : null; // why are we using smartProperty here? | |
var text = smartProperty(options.buttonText, buttonName); // why are we using smartProperty here? | |
var button = $( | |
"<span class='fc-button fc-button-" + buttonName + " " + tm + "-state-default'>" + | |
"<span class='fc-button-inner'>" + | |
"<span class='fc-button-content'>" + | |
(icon ? | |
"<span class='fc-icon-wrap'>" + | |
"<span class='ui-icon ui-icon-" + icon + "'/>" + | |
"</span>" : | |
text | |
) + | |
"</span>" + | |
"<span class='fc-button-effect'><span></span></span>" + | |
"</span>" + | |
"</span>" | |
); | |
if (button) { | |
button | |
.click(function() { | |
if (!button.hasClass(tm + '-state-disabled')) { | |
buttonClick(); | |
} | |
}) | |
.mousedown(function() { | |
button | |
.not('.' + tm + '-state-active') | |
.not('.' + tm + '-state-disabled') | |
.addClass(tm + '-state-down'); | |
}) | |
.mouseup(function() { | |
button.removeClass(tm + '-state-down'); | |
}) | |
.hover( | |
function() { | |
button | |
.not('.' + tm + '-state-active') | |
.not('.' + tm + '-state-disabled') | |
.addClass(tm + '-state-hover'); | |
}, | |
function() { | |
button | |
.removeClass(tm + '-state-hover') | |
.removeClass(tm + '-state-down'); | |
} | |
) | |
.appendTo(e); | |
if (!prevButton) { | |
button.addClass(tm + '-corner-left'); | |
} | |
prevButton = button; | |
} | |
} | |
} | |
}); | |
if (prevButton) { | |
prevButton.addClass(tm + '-corner-right'); | |
} | |
}); | |
} | |
return e; | |
} | |
function updateTitle(html) { | |
element.find('h2') | |
.html(html); | |
} | |
function activateButton(buttonName) { | |
element.find('span.fc-button-' + buttonName) | |
.addClass(tm + '-state-active'); | |
} | |
function deactivateButton(buttonName) { | |
element.find('span.fc-button-' + buttonName) | |
.removeClass(tm + '-state-active'); | |
} | |
function disableButton(buttonName) { | |
element.find('span.fc-button-' + buttonName) | |
.addClass(tm + '-state-disabled'); | |
} | |
function enableButton(buttonName) { | |
element.find('span.fc-button-' + buttonName) | |
.removeClass(tm + '-state-disabled'); | |
} | |
} | |
fc.sourceNormalizers = []; | |
fc.sourceFetchers = []; | |
var ajaxDefaults = { | |
dataType: 'json', | |
cache: false | |
}; | |
var eventGUID = 1; | |
function EventManager(options, _sources) { | |
var t = this; | |
// exports | |
t.isFetchNeeded = isFetchNeeded; | |
t.fetchEvents = fetchEvents; | |
t.addEventSource = addEventSource; | |
t.removeEventSource = removeEventSource; | |
t.updateEvent = updateEvent; | |
t.renderEvent = renderEvent; | |
t.removeEvents = removeEvents; | |
t.clientEvents = clientEvents; | |
t.normalizeEvent = normalizeEvent; | |
// imports | |
var trigger = t.trigger; | |
var getView = t.getView; | |
var reportEvents = t.reportEvents; | |
// locals | |
var stickySource = { events: [] }; | |
var sources = [ stickySource ]; | |
var rangeStart, rangeEnd; | |
var currentFetchID = 0; | |
var pendingSourceCnt = 0; | |
var loadingLevel = 0; | |
var cache = []; | |
for (var i=0; i<_sources.length; i++) { | |
_addEventSource(_sources[i]); | |
} | |
/* Fetching | |
-----------------------------------------------------------------------------*/ | |
function isFetchNeeded(start, end) { | |
return !rangeStart || start < rangeStart || end > rangeEnd; | |
} | |
function fetchEvents(start, end) { | |
rangeStart = start; | |
rangeEnd = end; | |
cache = []; | |
var fetchID = ++currentFetchID; | |
var len = sources.length; | |
pendingSourceCnt = len; | |
for (var i=0; i<len; i++) { | |
fetchEventSource(sources[i], fetchID); | |
} | |
} | |
function fetchEventSource(source, fetchID) { | |
_fetchEventSource(source, function(events) { | |
if (fetchID == currentFetchID) { | |
if (events) { | |
for (var i=0; i<events.length; i++) { | |
events[i].source = source; | |
normalizeEvent(events[i]); | |
} | |
cache = cache.concat(events); | |
} | |
pendingSourceCnt--; | |
if (!pendingSourceCnt) { | |
reportEvents(cache); | |
} | |
} | |
}); | |
} | |
function _fetchEventSource(source, callback) { | |
var i; | |
var fetchers = fc.sourceFetchers; | |
var res; | |
for (i=0; i<fetchers.length; i++) { | |
res = fetchers[i](source, rangeStart, rangeEnd, callback); | |
if (res === true) { | |
// the fetcher is in charge. made its own async request | |
return; | |
} | |
else if (typeof res == 'object') { | |
// the fetcher returned a new source. process it | |
_fetchEventSource(res, callback); | |
return; | |
} | |
} | |
var events = source.events; | |
if (events) { | |
if ($.isFunction(events)) { | |
pushLoading(); | |
events(cloneDate(rangeStart), cloneDate(rangeEnd), function(events) { | |
callback(events); | |
popLoading(); | |
}); | |
} | |
else if ($.isArray(events)) { | |
callback(events); | |
} | |
else { | |
callback(); | |
} | |
}else{ | |
var url = source.url; | |
if (url) { | |
var success = source.success; | |
var error = source.error; | |
var complete = source.complete; | |
var data = $.extend({}, source.data || {}); | |
var startParam = firstDefined(source.startParam, options.startParam); | |
var endParam = firstDefined(source.endParam, options.endParam); | |
if (startParam) { | |
data[startParam] = Math.round(+rangeStart / 1000); | |
} | |
if (endParam) { | |
data[endParam] = Math.round(+rangeEnd / 1000); | |
} | |
pushLoading(); | |
$.ajax($.extend({}, ajaxDefaults, source, { | |
data: data, | |
success: function(events) { | |
events = events || []; | |
var res = applyAll(success, this, arguments); | |
if ($.isArray(res)) { | |
events = res; | |
} | |
callback(events); | |
}, | |
error: function() { | |
applyAll(error, this, arguments); | |
callback(); | |
}, | |
complete: function() { | |
applyAll(complete, this, arguments); | |
popLoading(); | |
} | |
})); | |
}else{ | |
callback(); | |
} | |
} | |
} | |
/* Sources | |
-----------------------------------------------------------------------------*/ | |
function addEventSource(source) { | |
source = _addEventSource(source); | |
if (source) { | |
pendingSourceCnt++; | |
fetchEventSource(source, currentFetchID); // will eventually call reportEvents | |
} | |
} | |
function _addEventSource(source) { | |
if ($.isFunction(source) || $.isArray(source)) { | |
source = { events: source }; | |
} | |
else if (typeof source == 'string') { | |
source = { url: source }; | |
} | |
if (typeof source == 'object') { | |
normalizeSource(source); | |
sources.push(source); | |
return source; | |
} | |
} | |
function removeEventSource(source) { | |
sources = $.grep(sources, function(src) { | |
return !isSourcesEqual(src, source); | |
}); | |
// remove all client events from that source | |
cache = $.grep(cache, function(e) { | |
return !isSourcesEqual(e.source, source); | |
}); | |
reportEvents(cache); | |
} | |
/* Manipulation | |
-----------------------------------------------------------------------------*/ | |
function updateEvent(event) { // update an existing event | |
var i, len = cache.length, e, | |
defaultEventEnd = getView().defaultEventEnd, // getView??? | |
startDelta = event.start - event._start, | |
endDelta = event.end ? | |
(event.end - (event._end || defaultEventEnd(event))) // event._end would be null if event.end | |
: 0; // was null and event was just resized | |
for (i=0; i<len; i++) { | |
e = cache[i]; | |
if (e._id == event._id && e != event) { | |
e.start = new Date(+e.start + startDelta); | |
if (event.end) { | |
if (e.end) { | |
e.end = new Date(+e.end + endDelta); | |
}else{ | |
e.end = new Date(+defaultEventEnd(e) + endDelta); | |
} | |
}else{ | |
e.end = null; | |
} | |
e.title = event.title; | |
e.url = event.url; | |
e.allDay = event.allDay; | |
e.className = event.className; | |
e.editable = event.editable; | |
e.color = event.color; | |
e.backgroudColor = event.backgroudColor; | |
e.borderColor = event.borderColor; | |
e.textColor = event.textColor; | |
normalizeEvent(e); | |
} | |
} | |
normalizeEvent(event); | |
reportEvents(cache); | |
} | |
function renderEvent(event, stick) { | |
normalizeEvent(event); | |
if (!event.source) { | |
if (stick) { | |
stickySource.events.push(event); | |
event.source = stickySource; | |
} | |
cache.push(event); | |
} | |
reportEvents(cache); | |
} | |
function removeEvents(filter) { | |
if (!filter) { // remove all | |
cache = []; | |
// clear all array sources | |
for (var i=0; i<sources.length; i++) { | |
if ($.isArray(sources[i].events)) { | |
sources[i].events = []; | |
} | |
} | |
}else{ | |
if (!$.isFunction(filter)) { // an event ID | |
var id = filter + ''; | |
filter = function(e) { | |
return e._id == id; | |
}; | |
} | |
cache = $.grep(cache, filter, true); | |
// remove events from array sources | |
for (var i=0; i<sources.length; i++) { | |
if ($.isArray(sources[i].events)) { | |
sources[i].events = $.grep(sources[i].events, filter, true); | |
} | |
} | |
} | |
reportEvents(cache); | |
} | |
function clientEvents(filter) { | |
if ($.isFunction(filter)) { | |
return $.grep(cache, filter); | |
} | |
else if (filter) { // an event ID | |
filter += ''; | |
return $.grep(cache, function(e) { | |
return e._id == filter; | |
}); | |
} | |
return cache; // else, return all | |
} | |
/* Loading State | |
-----------------------------------------------------------------------------*/ | |
function pushLoading() { | |
if (!loadingLevel++) { | |
trigger('loading', null, true); | |
} | |
} | |
function popLoading() { | |
if (!--loadingLevel) { | |
trigger('loading', null, false); | |
} | |
} | |
/* Event Normalization | |
-----------------------------------------------------------------------------*/ | |
function normalizeEvent(event) { | |
var source = event.source || {}; | |
var ignoreTimezone = firstDefined(source.ignoreTimezone, options.ignoreTimezone); | |
event._id = event._id || (event.id === undefined ? '_fc' + eventGUID++ : event.id + ''); | |
if (event.date) { | |
if (!event.start) { | |
event.start = event.date; | |
} | |
delete event.date; | |
} | |
event._start = cloneDate(event.start = parseDate(event.start, ignoreTimezone)); | |
event.end = parseDate(event.end, ignoreTimezone); | |
if (event.end && event.end <= event.start) { | |
event.end = null; | |
} | |
event._end = event.end ? cloneDate(event.end) : null; | |
if (event.allDay === undefined) { | |
event.allDay = firstDefined(source.allDayDefault, options.allDayDefault); | |
} | |
if (event.className) { | |
if (typeof event.className == 'string') { | |
event.className = event.className.split(/\s+/); | |
} | |
}else{ | |
event.className = []; | |
} | |
// TODO: if there is no start date, return false to indicate an invalid event | |
} | |
/* Utils | |
------------------------------------------------------------------------------*/ | |
function normalizeSource(source) { | |
if (source.className) { | |
// TODO: repeat code, same code for event classNames | |
if (typeof source.className == 'string') { | |
source.className = source.className.split(/\s+/); | |
} | |
}else{ | |
source.className = []; | |
} | |
var normalizers = fc.sourceNormalizers; | |
for (var i=0; i<normalizers.length; i++) { | |
normalizers[i](source); | |
} | |
} | |
function isSourcesEqual(source1, source2) { | |
return source1 && source2 && getSourcePrimitive(source1) == getSourcePrimitive(source2); | |
} | |
function getSourcePrimitive(source) { | |
return ((typeof source == 'object') ? (source.events || source.url) : '') || source; | |
} | |
} | |
fc.addDays = addDays; | |
fc.cloneDate = cloneDate; | |
fc.parseDate = parseDate; | |
fc.parseISO8601 = parseISO8601; | |
fc.parseTime = parseTime; | |
fc.formatDate = formatDate; | |
fc.formatDates = formatDates; | |
/* Date Math | |
-----------------------------------------------------------------------------*/ | |
var dayIDs = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'], | |
DAY_MS = 86400000, | |
HOUR_MS = 3600000, | |
MINUTE_MS = 60000; | |
function addYears(d, n, keepTime) { | |
d.setFullYear(d.getFullYear() + n); | |
if (!keepTime) { | |
clearTime(d); | |
} | |
return d; | |
} | |
function addMonths(d, n, keepTime) { // prevents day overflow/underflow | |
if (+d) { // prevent infinite looping on invalid dates | |
var m = d.getMonth() + n, | |
check = cloneDate(d); | |
check.setDate(1); | |
check.setMonth(m); | |
d.setMonth(m); | |
if (!keepTime) { | |
clearTime(d); | |
} | |
while (d.getMonth() != check.getMonth()) { | |
d.setDate(d.getDate() + (d < check ? 1 : -1)); | |
} | |
} | |
return d; | |
} | |
function addDays(d, n, keepTime) { // deals with daylight savings | |
if (+d) { | |
var dd = d.getDate() + n, | |
check = cloneDate(d); | |
check.setHours(9); // set to middle of day | |
check.setDate(dd); | |
d.setDate(dd); | |
if (!keepTime) { | |
clearTime(d); | |
} | |
fixDate(d, check); | |
} | |
return d; | |
} | |
function fixDate(d, check) { // force d to be on check's YMD, for daylight savings purposes | |
if (+d) { // prevent infinite looping on invalid dates | |
while (d.getDate() != check.getDate()) { | |
d.setTime(+d + (d < check ? 1 : -1) * HOUR_MS); | |
} | |
} | |
} | |
function addMinutes(d, n) { | |
d.setMinutes(d.getMinutes() + n); | |
return d; | |
} | |
function clearTime(d) { | |
d.setHours(0); | |
d.setMinutes(0); | |
d.setSeconds(0); | |
d.setMilliseconds(0); | |
return d; | |
} | |
function cloneDate(d, dontKeepTime) { | |
if (dontKeepTime) { | |
return clearTime(new Date(+d)); | |
} | |
return new Date(+d); | |
} | |
function zeroDate() { // returns a Date with time 00:00:00 and dateOfMonth=1 | |
var i=0, d; | |
do { | |
d = new Date(1970, i++, 1); | |
} while (d.getHours()); // != 0 | |
return d; | |
} | |
function skipWeekend(date, inc, excl) { | |
inc = inc || 1; | |
while (!date.getDay() || (excl && date.getDay()==1 || !excl && date.getDay()==6)) { | |
addDays(date, inc); | |
} | |
return date; | |
} | |
function dayDiff(d1, d2) { // d1 - d2 | |
return Math.round((cloneDate(d1, true) - cloneDate(d2, true)) / DAY_MS); | |
} | |
function setYMD(date, y, m, d) { | |
if (y !== undefined && y != date.getFullYear()) { | |
date.setDate(1); | |
date.setMonth(0); | |
date.setFullYear(y); | |
} | |
if (m !== undefined && m != date.getMonth()) { | |
date.setDate(1); | |
date.setMonth(m); | |
} | |
if (d !== undefined) { | |
date.setDate(d); | |
} | |
} | |
/* Date Parsing | |
-----------------------------------------------------------------------------*/ | |
function parseDate(s, ignoreTimezone) { // ignoreTimezone defaults to true | |
if (typeof s == 'object') { // already a Date object | |
return s; | |
} | |
if (typeof s == 'number') { // a UNIX timestamp | |
return new Date(s * 1000); | |
} | |
if (typeof s == 'string') { | |
if (s.match(/^\d+(\.\d+)?$/)) { // a UNIX timestamp | |
return new Date(parseFloat(s) * 1000); | |
} | |
if (ignoreTimezone === undefined) { | |
ignoreTimezone = true; | |
} | |
return parseISO8601(s, ignoreTimezone) || (s ? new Date(s) : null); | |
} | |
// TODO: never return invalid dates (like from new Date(<string>)), return null instead | |
return null; | |
} | |
function parseISO8601(s, ignoreTimezone) { // ignoreTimezone defaults to false | |
// derived from http://delete.me.uk/2005/03/iso8601.html | |
// TODO: for a know glitch/feature, read tests/issue_206_parseDate_dst.html | |
var m = s.match(/^([0-9]{4})(-([0-9]{2})(-([0-9]{2})([T ]([0-9]{2}):([0-9]{2})(:([0-9]{2})(\.([0-9]+))?)?(Z|(([-+])([0-9]{2})(:?([0-9]{2}))?))?)?)?)?$/); | |
if (!m) { | |
return null; | |
} | |
var date = new Date(m[1], 0, 1); | |
if (ignoreTimezone || !m[13]) { | |
var check = new Date(m[1], 0, 1, 9, 0); | |
if (m[3]) { | |
date.setMonth(m[3] - 1); | |
check.setMonth(m[3] - 1); | |
} | |
if (m[5]) { | |
date.setDate(m[5]); | |
check.setDate(m[5]); | |
} | |
fixDate(date, check); | |
if (m[7]) { | |
date.setHours(m[7]); | |
} | |
if (m[8]) { | |
date.setMinutes(m[8]); | |
} | |
if (m[10]) { | |
date.setSeconds(m[10]); | |
} | |
if (m[12]) { | |
date.setMilliseconds(Number("0." + m[12]) * 1000); | |
} | |
fixDate(date, check); | |
}else{ | |
date.setUTCFullYear( | |
m[1], | |
m[3] ? m[3] - 1 : 0, | |
m[5] || 1 | |
); | |
date.setUTCHours( | |
m[7] || 0, | |
m[8] || 0, | |
m[10] || 0, | |
m[12] ? Number("0." + m[12]) * 1000 : 0 | |
); | |
if (m[14]) { | |
var offset = Number(m[16]) * 60 + (m[18] ? Number(m[18]) : 0); | |
offset *= m[15] == '-' ? 1 : -1; | |
date = new Date(+date + (offset * 60 * 1000)); | |
} | |
} | |
return date; | |
} | |
function parseTime(s) { // returns minutes since start of day | |
if (typeof s == 'number') { // an hour | |
return s * 60; | |
} | |
if (typeof s == 'object') { // a Date object | |
return s.getHours() * 60 + s.getMinutes(); | |
} | |
var m = s.match(/(\d+)(?::(\d+))?\s*(\w+)?/); | |
if (m) { | |
var h = parseInt(m[1], 10); | |
if (m[3]) { | |
h %= 12; | |
if (m[3].toLowerCase().charAt(0) == 'p') { | |
h += 12; | |
} | |
} | |
return h * 60 + (m[2] ? parseInt(m[2], 10) : 0); | |
} | |
} | |
/* Date Formatting | |
-----------------------------------------------------------------------------*/ | |
// TODO: use same function formatDate(date, [date2], format, [options]) | |
function formatDate(date, format, options) { | |
return formatDates(date, null, format, options); | |
} | |
function formatDates(date1, date2, format, options) { | |
options = options || defaults; | |
var date = date1, | |
otherDate = date2, | |
i, len = format.length, c, | |
i2, formatter, | |
res = ''; | |
for (i=0; i<len; i++) { | |
c = format.charAt(i); | |
if (c == "'") { | |
for (i2=i+1; i2<len; i2++) { | |
if (format.charAt(i2) == "'") { | |
if (date) { | |
if (i2 == i+1) { | |
res += "'"; | |
}else{ | |
res += format.substring(i+1, i2); | |
} | |
i = i2; | |
} | |
break; | |
} | |
} | |
} | |
else if (c == '(') { | |
for (i2=i+1; i2<len; i2++) { | |
if (format.charAt(i2) == ')') { | |
var subres = formatDate(date, format.substring(i+1, i2), options); | |
if (parseInt(subres.replace(/\D/, ''), 10)) { | |
res += subres; | |
} | |
i = i2; | |
break; | |
} | |
} | |
} | |
else if (c == '[') { | |
for (i2=i+1; i2<len; i2++) { | |
if (format.charAt(i2) == ']') { | |
var subformat = format.substring(i+1, i2); | |
var subres = formatDate(date, subformat, options); | |
if (subres != formatDate(otherDate, subformat, options)) { | |
res += subres; | |
} | |
i = i2; | |
break; | |
} | |
} | |
} | |
else if (c == '{') { | |
date = date2; | |
otherDate = date1; | |
} | |
else if (c == '}') { | |
date = date1; | |
otherDate = date2; | |
} | |
else { | |
for (i2=len; i2>i; i2--) { | |
if (formatter = dateFormatters[format.substring(i, i2)]) { | |
if (date) { | |
res += formatter(date, options); | |
} | |
i = i2 - 1; | |
break; | |
} | |
} | |
if (i2 == i) { | |
if (date) { | |
res += c; | |
} | |
} | |
} | |
} | |
return res; | |
}; | |
var dateFormatters = { | |
s : function(d) { return d.getSeconds() }, | |
ss : function(d) { return zeroPad(d.getSeconds()) }, | |
m : function(d) { return d.getMinutes() }, | |
mm : function(d) { return zeroPad(d.getMinutes()) }, | |
h : function(d) { return d.getHours() % 12 || 12 }, | |
hh : function(d) { return zeroPad(d.getHours() % 12 || 12) }, | |
H : function(d) { return d.getHours() }, | |
HH : function(d) { return zeroPad(d.getHours()) }, | |
d : function(d) { return d.getDate() }, | |
dd : function(d) { return zeroPad(d.getDate()) }, | |
ddd : function(d,o) { return o.dayNamesShort[d.getDay()] }, | |
dddd: function(d,o) { return o.dayNames[d.getDay()] }, | |
M : function(d) { return d.getMonth() + 1 }, | |
MM : function(d) { return zeroPad(d.getMonth() + 1) }, | |
MMM : function(d,o) { return o.monthNamesShort[d.getMonth()] }, | |
MMMM: function(d,o) { return o.monthNames[d.getMonth()] }, | |
yy : function(d) { return (d.getFullYear()+'').substring(2) }, | |
yyyy: function(d) { return d.getFullYear() }, | |
t : function(d) { return d.getHours() < 12 ? 'a' : 'p' }, | |
tt : function(d) { return d.getHours() < 12 ? 'am' : 'pm' }, | |
T : function(d) { return d.getHours() < 12 ? 'A' : 'P' }, | |
TT : function(d) { return d.getHours() < 12 ? 'AM' : 'PM' }, | |
u : function(d) { return formatDate(d, "yyyy-MM-dd'T'HH:mm:ss'Z'") }, | |
S : function(d) { | |
var date = d.getDate(); | |
if (date > 10 && date < 20) { | |
return 'th'; | |
} | |
return ['st', 'nd', 'rd'][date%10-1] || 'th'; | |
} | |
}; | |
fc.applyAll = applyAll; | |
/* Event Date Math | |
-----------------------------------------------------------------------------*/ | |
function exclEndDay(event) { | |
if (event.end) { | |
return _exclEndDay(event.end, event.allDay); | |
}else{ | |
return addDays(cloneDate(event.start), 1); | |
} | |
} | |
function _exclEndDay(end, allDay) { | |
end = cloneDate(end); | |
return allDay || end.getHours() || end.getMinutes() ? addDays(end, 1) : clearTime(end); | |
} | |
function segCmp(a, b) { | |
return (b.msLength - a.msLength) * 100 + (a.event.start - b.event.start); | |
} | |
function segsCollide(seg1, seg2) { | |
return seg1.end > seg2.start && seg1.start < seg2.end; | |
} | |
/* Event Sorting | |
-----------------------------------------------------------------------------*/ | |
// event rendering utilities | |
function sliceSegs(events, visEventEnds, start, end) { | |
var segs = [], | |
i, len=events.length, event, | |
eventStart, eventEnd, | |
segStart, segEnd, | |
isStart, isEnd; | |
for (i=0; i<len; i++) { | |
event = events[i]; | |
eventStart = event.start; | |
eventEnd = visEventEnds[i]; | |
if (eventEnd > start && eventStart < end) { | |
if (eventStart < start) { | |
segStart = cloneDate(start); | |
isStart = false; | |
}else{ | |
segStart = eventStart; | |
isStart = true; | |
} | |
if (eventEnd > end) { | |
segEnd = cloneDate(end); | |
isEnd = false; | |
}else{ | |
segEnd = eventEnd; | |
isEnd = true; | |
} | |
segs.push({ | |
event: event, | |
start: segStart, | |
end: segEnd, | |
isStart: isStart, | |
isEnd: isEnd, | |
msLength: segEnd - segStart | |
}); | |
} | |
} | |
return segs.sort(segCmp); | |
} | |
// event rendering calculation utilities | |
function stackSegs(segs) { | |
var levels = [], | |
i, len = segs.length, seg, | |
j, collide, k; | |
for (i=0; i<len; i++) { | |
seg = segs[i]; | |
j = 0; // the level index where seg should belong | |
while (true) { | |
collide = false; | |
if (levels[j]) { | |
for (k=0; k<levels[j].length; k++) { | |
if (segsCollide(levels[j][k], seg)) { | |
collide = true; | |
break; | |
} | |
} | |
} | |
if (collide) { | |
j++; | |
}else{ | |
break; | |
} | |
} | |
if (levels[j]) { | |
levels[j].push(seg); | |
}else{ | |
levels[j] = [seg]; | |
} | |
} | |
return levels; | |
} | |
/* Event Element Binding | |
-----------------------------------------------------------------------------*/ | |
function lazySegBind(container, segs, bindHandlers) { | |
container.unbind('mouseover').mouseover(function(ev) { | |
var parent=ev.target, e, | |
i, seg; | |
while (parent != this) { | |
e = parent; | |
parent = parent.parentNode; | |
} | |
if ((i = e._fci) !== undefined) { | |
e._fci = undefined; | |
seg = segs[i]; | |
bindHandlers(seg.event, seg.element, seg); | |
$(ev.target).trigger(ev); | |
} | |
ev.stopPropagation(); | |
}); | |
} | |
/* Element Dimensions | |
-----------------------------------------------------------------------------*/ | |
function setOuterWidth(element, width, includeMargins) { | |
for (var i=0, e; i<element.length; i++) { | |
e = $(element[i]); | |
e.width(Math.max(0, width - hsides(e, includeMargins))); | |
} | |
} | |
function setOuterHeight(element, height, includeMargins) { | |
for (var i=0, e; i<element.length; i++) { | |
e = $(element[i]); | |
e.height(Math.max(0, height - vsides(e, includeMargins))); | |
} | |
} | |
function hsides(element, includeMargins) { | |
return hpadding(element) + hborders(element) + (includeMargins ? hmargins(element) : 0); | |
} | |
function hpadding(element) { | |
return (parseFloat($.css(element[0], 'paddingLeft', true)) || 0) + | |
(parseFloat($.css(element[0], 'paddingRight', true)) || 0); | |
} | |
function hmargins(element) { | |
return (parseFloat($.css(element[0], 'marginLeft', true)) || 0) + | |
(parseFloat($.css(element[0], 'marginRight', true)) || 0); | |
} | |
function hborders(element) { | |
return (parseFloat($.css(element[0], 'borderLeftWidth', true)) || 0) + | |
(parseFloat($.css(element[0], 'borderRightWidth', true)) || 0); | |
} | |
function vsides(element, includeMargins) { | |
return vpadding(element) + vborders(element) + (includeMargins ? vmargins(element) : 0); | |
} | |
function vpadding(element) { | |
return (parseFloat($.css(element[0], 'paddingTop', true)) || 0) + | |
(parseFloat($.css(element[0], 'paddingBottom', true)) || 0); | |
} | |
function vmargins(element) { | |
return (parseFloat($.css(element[0], 'marginTop', true)) || 0) + | |
(parseFloat($.css(element[0], 'marginBottom', true)) || 0); | |
} | |
function vborders(element) { | |
return (parseFloat($.css(element[0], 'borderTopWidth', true)) || 0) + | |
(parseFloat($.css(element[0], 'borderBottomWidth', true)) || 0); | |
} | |
function setMinHeight(element, height) { | |
height = (typeof height == 'number' ? height + 'px' : height); | |
element.each(function(i, _element) { | |
_element.style.cssText += ';min-height:' + height + ';_height:' + height; | |
// why can't we just use .css() ? i forget | |
}); | |
} | |
/* Misc Utils | |
-----------------------------------------------------------------------------*/ | |
//TODO: arraySlice | |
//TODO: isFunction, grep ? | |
function noop() { } | |
function cmp(a, b) { | |
return a - b; | |
} | |
function arrayMax(a) { | |
return Math.max.apply(Math, a); | |
} | |
function zeroPad(n) { | |
return (n < 10 ? '0' : '') + n; | |
} | |
function smartProperty(obj, name) { // get a camel-cased/namespaced property of an object | |
if (obj[name] !== undefined) { | |
return obj[name]; | |
} | |
var parts = name.split(/(?=[A-Z])/), | |
i=parts.length-1, res; | |
for (; i>=0; i--) { | |
res = obj[parts[i].toLowerCase()]; | |
if (res !== undefined) { | |
return res; | |
} | |
} | |
return obj['']; | |
} | |
function htmlEscape(s) { | |
return s.replace(/&/g, '&') | |
.replace(/</g, '<') | |
.replace(/>/g, '>') | |
.replace(/'/g, ''') | |
.replace(/"/g, '"') | |
.replace(/\n/g, '<br />'); | |
} | |
function cssKey(_element) { | |
return _element.id + '/' + _element.className + '/' + _element.style.cssText.replace(/(^|;)\s*(top|left|width|height)\s*:[^;]*/ig, ''); | |
} | |
function disableTextSelection(element) { | |
element | |
.attr('unselectable', 'on') | |
.css('MozUserSelect', 'none') | |
.bind('selectstart.ui', function() { return false; }); | |
} | |
/* | |
function enableTextSelection(element) { | |
element | |
.attr('unselectable', 'off') | |
.css('MozUserSelect', '') | |
.unbind('selectstart.ui'); | |
} | |
*/ | |
function markFirstLast(e) { | |
e.children() | |
.removeClass('fc-first fc-last') | |
.filter(':first-child') | |
.addClass('fc-first') | |
.end() | |
.filter(':last-child') | |
.addClass('fc-last'); | |
} | |
function setDayID(cell, date) { | |
cell.each(function(i, _cell) { | |
_cell.className = _cell.className.replace(/^fc-\w*/, 'fc-' + dayIDs[date.getDay()]); | |
// TODO: make a way that doesn't rely on order of classes | |
}); | |
} | |
function getSkinCss(event, opt) { | |
var source = event.source || {}; | |
var eventColor = event.color; | |
var sourceColor = source.color; | |
var optionColor = opt('eventColor'); | |
var backgroundColor = | |
event.backgroundColor || | |
eventColor || | |
source.backgroundColor || | |
sourceColor || | |
opt('eventBackgroundColor') || | |
optionColor; | |
var borderColor = | |
event.borderColor || | |
eventColor || | |
source.borderColor || | |
sourceColor || | |
opt('eventBorderColor') || | |
optionColor; | |
var textColor = | |
event.textColor || | |
source.textColor || | |
opt('eventTextColor'); | |
var statements = []; | |
if (backgroundColor) { | |
statements.push('background-color:' + backgroundColor); | |
} | |
if (borderColor) { | |
statements.push('border-color:' + borderColor); | |
} | |
if (textColor) { | |
statements.push('color:' + textColor); | |
} | |
return statements.join(';'); | |
} | |
function applyAll(functions, thisObj, args) { | |
if ($.isFunction(functions)) { | |
functions = [ functions ]; | |
} | |
if (functions) { | |
var i; | |
var ret; | |
for (i=0; i<functions.length; i++) { | |
ret = functions[i].apply(thisObj, args) || ret; | |
} | |
return ret; | |
} | |
} | |
function firstDefined() { | |
for (var i=0; i<arguments.length; i++) { | |
if (arguments[i] !== undefined) { | |
return arguments[i]; | |
} | |
} | |
} | |
fcViews.month = MonthView; | |
function MonthView(element, calendar) { | |
var t = this; | |
// exports | |
t.render = render; | |
// imports | |
BasicView.call(t, element, calendar, 'month'); | |
var opt = t.opt; | |
var renderBasic = t.renderBasic; | |
var formatDate = calendar.formatDate; | |
function render(date, delta) { | |
if (delta) { | |
addMonths(date, delta); | |
date.setDate(1); | |
} | |
var start = cloneDate(date, true); | |
start.setDate(1); | |
var end = addMonths(cloneDate(start), 1); | |
var visStart = cloneDate(start); | |
var visEnd = cloneDate(end); | |
var firstDay = opt('firstDay'); | |
var nwe = opt('weekends') ? 0 : 1; | |
if (nwe) { | |
skipWeekend(visStart); | |
skipWeekend(visEnd, -1, true); | |
} | |
addDays(visStart, -((visStart.getDay() - Math.max(firstDay, nwe) + 7) % 7)); | |
addDays(visEnd, (7 - visEnd.getDay() + Math.max(firstDay, nwe)) % 7); | |
var rowCnt = Math.round((visEnd - visStart) / (DAY_MS * 7)); | |
if (opt('weekMode') == 'fixed') { | |
addDays(visEnd, (6 - rowCnt) * 7); | |
rowCnt = 6; | |
} | |
t.title = formatDate(start, opt('titleFormat')); | |
t.start = start; | |
t.end = end; | |
t.visStart = visStart; | |
t.visEnd = visEnd; | |
renderBasic(6, rowCnt, nwe ? 5 : 7, true); | |
} | |
} | |
fcViews.basicWeek = BasicWeekView; | |
function BasicWeekView(element, calendar) { | |
var t = this; | |
// exports | |
t.render = render; | |
// imports | |
BasicView.call(t, element, calendar, 'basicWeek'); | |
var opt = t.opt; | |
var renderBasic = t.renderBasic; | |
var formatDates = calendar.formatDates; | |
function render(date, delta) { | |
if (delta) { | |
addDays(date, delta * 7); | |
} | |
var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7)); | |
var end = addDays(cloneDate(start), 7); | |
var visStart = cloneDate(start); | |
var visEnd = cloneDate(end); | |
var weekends = opt('weekends'); | |
if (!weekends) { | |
skipWeekend(visStart); | |
skipWeekend(visEnd, -1, true); | |
} | |
t.title = formatDates( | |
visStart, | |
addDays(cloneDate(visEnd), -1), | |
opt('titleFormat') | |
); | |
t.start = start; | |
t.end = end; | |
t.visStart = visStart; | |
t.visEnd = visEnd; | |
renderBasic(1, 1, weekends ? 7 : 5, false); | |
} | |
} | |
fcViews.basicDay = BasicDayView; | |
//TODO: when calendar's date starts out on a weekend, shouldn't happen | |
function BasicDayView(element, calendar) { | |
var t = this; | |
// exports | |
t.render = render; | |
// imports | |
BasicView.call(t, element, calendar, 'basicDay'); | |
var opt = t.opt; | |
var renderBasic = t.renderBasic; | |
var formatDate = calendar.formatDate; | |
function render(date, delta) { | |
if (delta) { | |
addDays(date, delta); | |
if (!opt('weekends')) { | |
skipWeekend(date, delta < 0 ? -1 : 1); | |
} | |
} | |
t.title = formatDate(date, opt('titleFormat')); | |
t.start = t.visStart = cloneDate(date, true); | |
t.end = t.visEnd = addDays(cloneDate(t.start), 1); | |
renderBasic(1, 1, 1, false); | |
} | |
} | |
setDefaults({ | |
weekMode: 'fixed' | |
}); | |
function BasicView(element, calendar, viewName) { | |
var t = this; | |
// exports | |
t.renderBasic = renderBasic; | |
t.setHeight = setHeight; | |
t.setWidth = setWidth; | |
t.renderDayOverlay = renderDayOverlay; | |
t.defaultSelectionEnd = defaultSelectionEnd; | |
t.renderSelection = renderSelection; | |
t.clearSelection = clearSelection; | |
t.reportDayClick = reportDayClick; // for selection (kinda hacky) | |
t.dragStart = dragStart; | |
t.dragStop = dragStop; | |
t.defaultEventEnd = defaultEventEnd; | |
t.getHoverListener = function() { return hoverListener }; | |
t.colContentLeft = colContentLeft; | |
t.colContentRight = colContentRight; | |
t.dayOfWeekCol = dayOfWeekCol; | |
t.dateCell = dateCell; | |
t.cellDate = cellDate; | |
t.cellIsAllDay = function() { return true }; | |
t.allDayRow = allDayRow; | |
t.allDayBounds = allDayBounds; | |
t.getRowCnt = function() { return rowCnt }; | |
t.getColCnt = function() { return colCnt }; | |
t.getColWidth = function() { return colWidth }; | |
t.getDaySegmentContainer = function() { return daySegmentContainer }; | |
// imports | |
View.call(t, element, calendar, viewName); | |
OverlayManager.call(t); | |
SelectionManager.call(t); | |
BasicEventRenderer.call(t); | |
var opt = t.opt; | |
var trigger = t.trigger; | |
var clearEvents = t.clearEvents; | |
var renderOverlay = t.renderOverlay; | |
var clearOverlays = t.clearOverlays; | |
var daySelectionMousedown = t.daySelectionMousedown; | |
var formatDate = calendar.formatDate; | |
// locals | |
var head; | |
var headCells; | |
var body; | |
var bodyRows; | |
var bodyCells; | |
var bodyFirstCells; | |
var bodyCellTopInners; | |
var daySegmentContainer; | |
var viewWidth; | |
var viewHeight; | |
var colWidth; | |
var rowCnt, colCnt; | |
var coordinateGrid; | |
var hoverListener; | |
var colContentPositions; | |
var rtl, dis, dit; | |
var firstDay; | |
var nwe; | |
var tm; | |
var colFormat; | |
/* Rendering | |
------------------------------------------------------------*/ | |
disableTextSelection(element.addClass('fc-grid')); | |
function renderBasic(maxr, r, c, showNumbers) { | |
rowCnt = r; | |
colCnt = c; | |
updateOptions(); | |
var firstTime = !body; | |
if (firstTime) { | |
buildSkeleton(maxr, showNumbers); | |
}else{ | |
clearEvents(); | |
} | |
updateCells(firstTime); | |
} | |
function updateOptions() { | |
rtl = opt('isRTL'); | |
if (rtl) { | |
dis = -1; | |
dit = colCnt - 1; | |
}else{ | |
dis = 1; | |
dit = 0; | |
} | |
firstDay = opt('firstDay'); | |
nwe = opt('weekends') ? 0 : 1; | |
tm = opt('theme') ? 'ui' : 'fc'; | |
colFormat = opt('columnFormat'); | |
} | |
function buildSkeleton(maxRowCnt, showNumbers) { | |
var s; | |
var headerClass = tm + "-widget-header"; | |
var contentClass = tm + "-widget-content"; | |
var i, j; | |
var table; | |
s = | |
"<table class='fc-border-separate' style='width:100%' cellspacing='0'>" + | |
"<thead>" + | |
"<tr>"; | |
for (i=0; i<colCnt; i++) { | |
s += | |
"<th class='fc- " + headerClass + "'/>"; // need fc- for setDayID | |
} | |
s += | |
"</tr>" + | |
"</thead>" + | |
"<tbody>"; | |
for (i=0; i<maxRowCnt; i++) { | |
s += | |
"<tr class='fc-week" + i + "'>"; | |
for (j=0; j<colCnt; j++) { | |
s += | |
"<td class='fc- " + contentClass + " fc-day" + (i*colCnt+j) + "'>" + // need fc- for setDayID | |
"<div>" + | |
(showNumbers ? | |
"<div class='fc-day-number'/>" : | |
'' | |
) + | |
"<div class='fc-day-content'>" + | |
"<div style='position:relative'> </div>" + | |
"</div>" + | |
"</div>" + | |
"</td>"; | |
} | |
s += | |
"</tr>"; | |
} | |
s += | |
"</tbody>" + | |
"</table>"; | |
table = $(s).appendTo(element); | |
head = table.find('thead'); | |
headCells = head.find('th'); | |
body = table.find('tbody'); | |
bodyRows = body.find('tr'); | |
bodyCells = body.find('td'); | |
bodyFirstCells = bodyCells.filter(':first-child'); | |
bodyCellTopInners = bodyRows.eq(0).find('div.fc-day-content div'); | |
markFirstLast(head.add(head.find('tr'))); // marks first+last tr/th's | |
markFirstLast(bodyRows); // marks first+last td's | |
bodyRows.eq(0).addClass('fc-first'); // fc-last is done in updateCells | |
dayBind(bodyCells); | |
daySegmentContainer = | |
$("<div style='position:absolute;z-index:8;top:0;left:0'/>") | |
.appendTo(element); | |
} | |
function updateCells(firstTime) { | |
var dowDirty = firstTime || rowCnt == 1; // could the cells' day-of-weeks need updating? | |
var month = t.start.getMonth(); | |
var today = clearTime(new Date()); | |
var cell; | |
var date; | |
var row; | |
if (dowDirty) { | |
headCells.each(function(i, _cell) { | |
cell = $(_cell); | |
date = indexDate(i); | |
cell.html(formatDate(date, colFormat)); | |
setDayID(cell, date); | |
}); | |
} | |
bodyCells.each(function(i, _cell) { | |
cell = $(_cell); | |
date = indexDate(i); | |
if (date.getMonth() == month) { | |
cell.removeClass('fc-other-month'); | |
}else{ | |
cell.addClass('fc-other-month'); | |
} | |
if (+date == +today) { | |
cell.addClass(tm + '-state-highlight fc-today'); | |
}else{ | |
cell.removeClass(tm + '-state-highlight fc-today'); | |
} | |
cell.find('div.fc-day-number').text(date.getDate()); | |
if (dowDirty) { | |
setDayID(cell, date); | |
} | |
}); | |
bodyRows.each(function(i, _row) { | |
row = $(_row); | |
if (i < rowCnt) { | |
row.show(); | |
if (i == rowCnt-1) { | |
row.addClass('fc-last'); | |
}else{ | |
row.removeClass('fc-last'); | |
} | |
}else{ | |
row.hide(); | |
} | |
}); | |
} | |
function setHeight(height) { | |
viewHeight = height; | |
var bodyHeight = viewHeight - head.height(); | |
var rowHeight; | |
var rowHeightLast; | |
var cell; | |
if (opt('weekMode') == 'variable') { | |
rowHeight = rowHeightLast = Math.floor(bodyHeight / (rowCnt==1 ? 2 : 6)); | |
}else{ | |
rowHeight = Math.floor(bodyHeight / rowCnt); | |
rowHeightLast = bodyHeight - rowHeight * (rowCnt-1); | |
} | |
bodyFirstCells.each(function(i, _cell) { | |
if (i < rowCnt) { | |
cell = $(_cell); | |
setMinHeight( | |
cell.find('> div'), | |
(i==rowCnt-1 ? rowHeightLast : rowHeight) - vsides(cell) | |
); | |
} | |
}); | |
} | |
function setWidth(width) { | |
viewWidth = width; | |
colContentPositions.clear(); | |
colWidth = Math.floor(viewWidth / colCnt); | |
setOuterWidth(headCells.slice(0, -1), colWidth); | |
} | |
/* Day clicking and binding | |
-----------------------------------------------------------*/ | |
function dayBind(days) { | |
days.click(dayClick) | |
.mousedown(daySelectionMousedown); | |
} | |
function dayClick(ev) { | |
if (!opt('selectable')) { // if selectable, SelectionManager will worry about dayClick | |
var index = parseInt(this.className.match(/fc\-day(\d+)/)[1]); // TODO: maybe use .data | |
var date = indexDate(index); | |
trigger('dayClick', this, date, true, ev); | |
} | |
} | |
/* Semi-transparent Overlay Helpers | |
------------------------------------------------------*/ | |
function renderDayOverlay(overlayStart, overlayEnd, refreshCoordinateGrid) { // overlayEnd is exclusive | |
if (refreshCoordinateGrid) { | |
coordinateGrid.build(); | |
} | |
var rowStart = cloneDate(t.visStart); | |
var rowEnd = addDays(cloneDate(rowStart), colCnt); | |
for (var i=0; i<rowCnt; i++) { | |
var stretchStart = new Date(Math.max(rowStart, overlayStart)); | |
var stretchEnd = new Date(Math.min(rowEnd, overlayEnd)); | |
if (stretchStart < stretchEnd) { | |
var colStart, colEnd; | |
if (rtl) { | |
colStart = dayDiff(stretchEnd, rowStart)*dis+dit+1; | |
colEnd = dayDiff(stretchStart, rowStart)*dis+dit+1; | |
}else{ | |
colStart = dayDiff(stretchStart, rowStart); | |
colEnd = dayDiff(stretchEnd, rowStart); | |
} | |
dayBind( | |
renderCellOverlay(i, colStart, i, colEnd-1) | |
); | |
} | |
addDays(rowStart, 7); | |
addDays(rowEnd, 7); | |
} | |
} | |
function renderCellOverlay(row0, col0, row1, col1) { // row1,col1 is inclusive | |
var rect = coordinateGrid.rect(row0, col0, row1, col1, element); | |
return renderOverlay(rect, element); | |
} | |
/* Selection | |
-----------------------------------------------------------------------*/ | |
function defaultSelectionEnd(startDate, allDay) { | |
return cloneDate(startDate); | |
} | |
function renderSelection(startDate, endDate, allDay) { | |
renderDayOverlay(startDate, addDays(cloneDate(endDate), 1), true); // rebuild every time??? | |
} | |
function clearSelection() { | |
clearOverlays(); | |
} | |
function reportDayClick(date, allDay, ev) { | |
var cell = dateCell(date); | |
var _element = bodyCells[cell.row*colCnt + cell.col]; | |
trigger('dayClick', _element, date, allDay, ev); | |
} | |
/* External Dragging | |
-----------------------------------------------------------------------*/ | |
function dragStart(_dragElement, ev, ui) { | |
hoverListener.start(function(cell) { | |
clearOverlays(); | |
if (cell) { | |
renderCellOverlay(cell.row, cell.col, cell.row, cell.col); | |
} | |
}, ev); | |
} | |
function dragStop(_dragElement, ev, ui) { | |
var cell = hoverListener.stop(); | |
clearOverlays(); | |
if (cell) { | |
var d = cellDate(cell); | |
trigger('drop', _dragElement, d, true, ev, ui); | |
} | |
} | |
/* Utilities | |
--------------------------------------------------------*/ | |
function defaultEventEnd(event) { | |
return cloneDate(event.start); | |
} | |
coordinateGrid = new CoordinateGrid(function(rows, cols) { | |
var e, n, p; | |
headCells.each(function(i, _e) { | |
e = $(_e); | |
n = e.offset().left; | |
if (i) { | |
p[1] = n; | |
} | |
p = [n]; | |
cols[i] = p; | |
}); | |
p[1] = n + e.outerWidth(); | |
bodyRows.each(function(i, _e) { | |
if (i < rowCnt) { | |
e = $(_e); | |
n = e.offset().top; | |
if (i) { | |
p[1] = n; | |
} | |
p = [n]; | |
rows[i] = p; | |
} | |
}); | |
p[1] = n + e.outerHeight(); | |
}); | |
hoverListener = new HoverListener(coordinateGrid); | |
colContentPositions = new HorizontalPositionCache(function(col) { | |
return bodyCellTopInners.eq(col); | |
}); | |
function colContentLeft(col) { | |
return colContentPositions.left(col); | |
} | |
function colContentRight(col) { | |
return colContentPositions.right(col); | |
} | |
function dateCell(date) { | |
return { | |
row: Math.floor(dayDiff(date, t.visStart) / 7), | |
col: dayOfWeekCol(date.getDay()) | |
}; | |
} | |
function cellDate(cell) { | |
return _cellDate(cell.row, cell.col); | |
} | |
function _cellDate(row, col) { | |
return addDays(cloneDate(t.visStart), row*7 + col*dis+dit); | |
// what about weekends in middle of week? | |
} | |
function indexDate(index) { | |
return _cellDate(Math.floor(index/colCnt), index%colCnt); | |
} | |
function dayOfWeekCol(dayOfWeek) { | |
return ((dayOfWeek - Math.max(firstDay, nwe) + colCnt) % colCnt) * dis + dit; | |
} | |
function allDayRow(i) { | |
return bodyRows.eq(i); | |
} | |
function allDayBounds(i) { | |
return { | |
left: 0, | |
right: viewWidth | |
}; | |
} | |
} | |
function BasicEventRenderer() { | |
var t = this; | |
// exports | |
t.renderEvents = renderEvents; | |
t.compileDaySegs = compileSegs; // for DayEventRenderer | |
t.clearEvents = clearEvents; | |
t.bindDaySeg = bindDaySeg; | |
// imports | |
DayEventRenderer.call(t); | |
var opt = t.opt; | |
var trigger = t.trigger; | |
//var setOverflowHidden = t.setOverflowHidden; | |
var isEventDraggable = t.isEventDraggable; | |
var isEventResizable = t.isEventResizable; | |
var reportEvents = t.reportEvents; | |
var reportEventClear = t.reportEventClear; | |
var eventElementHandlers = t.eventElementHandlers; | |
var showEvents = t.showEvents; | |
var hideEvents = t.hideEvents; | |
var eventDrop = t.eventDrop; | |
var getDaySegmentContainer = t.getDaySegmentContainer; | |
var getHoverListener = t.getHoverListener; | |
var renderDayOverlay = t.renderDayOverlay; | |
var clearOverlays = t.clearOverlays; | |
var getRowCnt = t.getRowCnt; | |
var getColCnt = t.getColCnt; | |
var renderDaySegs = t.renderDaySegs; | |
var resizableDayEvent = t.resizableDayEvent; | |
/* Rendering | |
--------------------------------------------------------------------*/ | |
function renderEvents(events, modifiedEventId) { | |
reportEvents(events); | |
renderDaySegs(compileSegs(events), modifiedEventId); | |
} | |
function clearEvents() { | |
reportEventClear(); | |
getDaySegmentContainer().empty(); | |
} | |
function compileSegs(events) { | |
var rowCnt = getRowCnt(), | |
colCnt = getColCnt(), | |
d1 = cloneDate(t.visStart), | |
d2 = addDays(cloneDate(d1), colCnt), | |
visEventsEnds = $.map(events, exclEndDay), | |
i, row, | |
j, level, | |
k, seg, | |
segs=[]; | |
for (i=0; i<rowCnt; i++) { | |
row = stackSegs(sliceSegs(events, visEventsEnds, d1, d2)); | |
for (j=0; j<row.length; j++) { | |
level = row[j]; | |
for (k=0; k<level.length; k++) { | |
seg = level[k]; | |
seg.row = i; | |
seg.level = j; // not needed anymore | |
segs.push(seg); | |
} | |
} | |
addDays(d1, 7); | |
addDays(d2, 7); | |
} | |
return segs; | |
} | |
function bindDaySeg(event, eventElement, seg) { | |
if (isEventDraggable(event)) { | |
draggableDayEvent(event, eventElement); | |
} | |
if (seg.isEnd && isEventResizable(event)) { | |
resizableDayEvent(event, eventElement, seg); | |
} | |
eventElementHandlers(event, eventElement); | |
// needs to be after, because resizableDayEvent might stopImmediatePropagation on click | |
} | |
/* Dragging | |
----------------------------------------------------------------------------*/ | |
function draggableDayEvent(event, eventElement) { | |
var hoverListener = getHoverListener(); | |
var dayDelta; | |
eventElement.draggable({ | |
zIndex: 9, | |
delay: 50, | |
opacity: opt('dragOpacity'), | |
revertDuration: opt('dragRevertDuration'), | |
start: function(ev, ui) { | |
trigger('eventDragStart', eventElement, event, ev, ui); | |
hideEvents(event, eventElement); | |
hoverListener.start(function(cell, origCell, rowDelta, colDelta) { | |
eventElement.draggable('option', 'revert', !cell || !rowDelta && !colDelta); | |
clearOverlays(); | |
if (cell) { | |
//setOverflowHidden(true); | |
dayDelta = rowDelta*7 + colDelta * (opt('isRTL') ? -1 : 1); | |
renderDayOverlay( | |
addDays(cloneDate(event.start), dayDelta), | |
addDays(exclEndDay(event), dayDelta) | |
); | |
}else{ | |
//setOverflowHidden(false); | |
dayDelta = 0; | |
} | |
}, ev, 'drag'); | |
}, | |
stop: function(ev, ui) { | |
hoverListener.stop(); | |
clearOverlays(); | |
trigger('eventDragStop', eventElement, event, ev, ui); | |
if (dayDelta) { | |
eventDrop(this, event, dayDelta, 0, event.allDay, ev, ui); | |
}else{ | |
eventElement.css('filter', ''); // clear IE opacity side-effects | |
showEvents(event, eventElement); | |
} | |
//setOverflowHidden(false); | |
} | |
}); | |
} | |
} | |
fcViews.agendaWeek = AgendaWeekView; | |
function AgendaWeekView(element, calendar) { | |
var t = this; | |
// exports | |
t.render = render; | |
// imports | |
AgendaView.call(t, element, calendar, 'agendaWeek'); | |
var opt = t.opt; | |
var renderAgenda = t.renderAgenda; | |
var formatDates = calendar.formatDates; | |
function render(date, delta) { | |
if (delta) { | |
addDays(date, delta * 7); | |
} | |
var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + 7) % 7)); | |
var end = addDays(cloneDate(start), 7); | |
var visStart = cloneDate(start); | |
var visEnd = cloneDate(end); | |
var weekends = opt('weekends'); | |
if (!weekends) { | |
skipWeekend(visStart); | |
skipWeekend(visEnd, -1, true); | |
} | |
t.title = formatDates( | |
visStart, | |
addDays(cloneDate(visEnd), -1), | |
opt('titleFormat') | |
); | |
t.start = start; | |
t.end = end; | |
t.visStart = visStart; | |
t.visEnd = visEnd; | |
renderAgenda(weekends ? 7 : 5); | |
} | |
} | |
fcViews.agendaDay = AgendaDayView; | |
function AgendaDayView(element, calendar) { | |
var t = this; | |
// exports | |
t.render = render; | |
// imports | |
AgendaView.call(t, element, calendar, 'agendaDay'); | |
var opt = t.opt; | |
var renderAgenda = t.renderAgenda; | |
var formatDate = calendar.formatDate; | |
function render(date, delta) { | |
if (delta) { | |
addDays(date, delta); | |
if (!opt('weekends')) { | |
skipWeekend(date, delta < 0 ? -1 : 1); | |
} | |
} | |
var start = cloneDate(date, true); | |
var end = addDays(cloneDate(start), 1); | |
t.title = formatDate(date, opt('titleFormat')); | |
t.start = t.visStart = start; | |
t.end = t.visEnd = end; | |
renderAgenda(1); | |
} | |
} | |
setDefaults({ | |
allDaySlot: true, | |
allDayText: 'all-day', | |
firstHour: 6, | |
slotMinutes: 30, | |
defaultEventMinutes: 120, | |
axisFormat: 'h(:mm)tt', | |
timeFormat: { | |
agenda: 'h:mm{ - h:mm}' | |
}, | |
dragOpacity: { | |
agenda: .5 | |
}, | |
minTime: 0, | |
maxTime: 24 | |
}); | |
// TODO: make it work in quirks mode (event corners, all-day height) | |
// TODO: test liquid width, especially in IE6 | |
function AgendaView(element, calendar, viewName) { | |
var t = this; | |
// exports | |
t.renderAgenda = renderAgenda; | |
t.setWidth = setWidth; | |
t.setHeight = setHeight; | |
t.beforeHide = beforeHide; | |
t.afterShow = afterShow; | |
t.defaultEventEnd = defaultEventEnd; | |
t.timePosition = timePosition; | |
t.dayOfWeekCol = dayOfWeekCol; | |
t.dateCell = dateCell; | |
t.cellDate = cellDate; | |
t.cellIsAllDay = cellIsAllDay; | |
t.allDayRow = getAllDayRow; | |
t.allDayBounds = allDayBounds; | |
t.getHoverListener = function() { return hoverListener }; | |
t.colContentLeft = colContentLeft; | |
t.colContentRight = colContentRight; | |
t.getDaySegmentContainer = function() { return daySegmentContainer }; | |
t.getSlotSegmentContainer = function() { return slotSegmentContainer }; | |
t.getMinMinute = function() { return minMinute }; | |
t.getMaxMinute = function() { return maxMinute }; | |
t.getBodyContent = function() { return slotContent }; // !!?? | |
t.getRowCnt = function() { return 1 }; | |
t.getColCnt = function() { return colCnt }; | |
t.getColWidth = function() { return colWidth }; | |
t.getSlotHeight = function() { return slotHeight }; | |
t.defaultSelectionEnd = defaultSelectionEnd; | |
t.renderDayOverlay = renderDayOverlay; | |
t.renderSelection = renderSelection; | |
t.clearSelection = clearSelection; | |
t.reportDayClick = reportDayClick; // selection mousedown hack | |
t.dragStart = dragStart; | |
t.dragStop = dragStop; | |
// imports | |
View.call(t, element, calendar, viewName); | |
OverlayManager.call(t); | |
SelectionManager.call(t); | |
AgendaEventRenderer.call(t); | |
var opt = t.opt; | |
var trigger = t.trigger; | |
var clearEvents = t.clearEvents; | |
var renderOverlay = t.renderOverlay; | |
var clearOverlays = t.clearOverlays; | |
var reportSelection = t.reportSelection; | |
var unselect = t.unselect; | |
var daySelectionMousedown = t.daySelectionMousedown; | |
var slotSegHtml = t.slotSegHtml; | |
var formatDate = calendar.formatDate; | |
// locals | |
var dayTable; | |
var dayHead; | |
var dayHeadCells; | |
var dayBody; | |
var dayBodyCells; | |
var dayBodyCellInners; | |
var dayBodyFirstCell; | |
var dayBodyFirstCellStretcher; | |
var slotLayer; | |
var daySegmentContainer; | |
var allDayTable; | |
var allDayRow; | |
var slotScroller; | |
var slotContent; | |
var slotSegmentContainer; | |
var slotTable; | |
var slotTableFirstInner; | |
var axisFirstCells; | |
var gutterCells; | |
var selectionHelper; | |
var viewWidth; | |
var viewHeight; | |
var axisWidth; | |
var colWidth; | |
var gutterWidth; | |
var slotHeight; // TODO: what if slotHeight changes? (see issue 650) | |
var savedScrollTop; | |
var colCnt; | |
var slotCnt; | |
var coordinateGrid; | |
var hoverListener; | |
var colContentPositions; | |
var slotTopCache = {}; | |
var tm; | |
var firstDay; | |
var nwe; // no weekends (int) | |
var rtl, dis, dit; // day index sign / translate | |
var minMinute, maxMinute; | |
var colFormat; | |
/* Rendering | |
-----------------------------------------------------------------------------*/ | |
disableTextSelection(element.addClass('fc-agenda')); | |
function renderAgenda(c) { | |
colCnt = c; | |
updateOptions(); | |
if (!dayTable) { | |
buildSkeleton(); | |
}else{ | |
clearEvents(); | |
} | |
updateCells(); | |
} | |
function updateOptions() { | |
tm = opt('theme') ? 'ui' : 'fc'; | |
nwe = opt('weekends') ? 0 : 1; | |
firstDay = opt('firstDay'); | |
if (rtl = opt('isRTL')) { | |
dis = -1; | |
dit = colCnt - 1; | |
}else{ | |
dis = 1; | |
dit = 0; | |
} | |
minMinute = parseTime(opt('minTime')); | |
maxMinute = parseTime(opt('maxTime')); | |
colFormat = opt('columnFormat'); | |
} | |
function buildSkeleton() { | |
var headerClass = tm + "-widget-header"; | |
var contentClass = tm + "-widget-content"; | |
var s; | |
var i; | |
var d; | |
var maxd; | |
var minutes; | |
var slotNormal = opt('slotMinutes') % 15 == 0; | |
s = | |
"<table style='width:100%' class='fc-agenda-days fc-border-separate' cellspacing='0'>" + | |
"<thead>" + | |
"<tr>" + | |
"<th class='fc-agenda-axis " + headerClass + "'> </th>"; | |
for (i=0; i<colCnt; i++) { | |
s += | |
"<th class='fc- fc-col" + i + ' ' + headerClass + "'/>"; // fc- needed for setDayID | |
} | |
s += | |
"<th class='fc-agenda-gutter " + headerClass + "'> </th>" + | |
"</tr>" + | |
"</thead>" + | |
"<tbody>" + | |
"<tr>" + | |
"<th class='fc-agenda-axis " + headerClass + "'> </th>"; | |
for (i=0; i<colCnt; i++) { | |
s += | |
"<td class='fc- fc-col" + i + ' ' + contentClass + "'>" + // fc- needed for setDayID | |
"<div>" + | |
"<div class='fc-day-content'>" + | |
"<div style='position:relative'> </div>" + | |
"</div>" + | |
"</div>" + | |
"</td>"; | |
} | |
s += | |
"<td class='fc-agenda-gutter " + contentClass + "'> </td>" + | |
"</tr>" + | |
"</tbody>" + | |
"</table>"; | |
dayTable = $(s).appendTo(element); | |
dayHead = dayTable.find('thead'); | |
dayHeadCells = dayHead.find('th').slice(1, -1); | |
dayBody = dayTable.find('tbody'); | |
dayBodyCells = dayBody.find('td').slice(0, -1); | |
dayBodyCellInners = dayBodyCells.find('div.fc-day-content div'); | |
dayBodyFirstCell = dayBodyCells.eq(0); | |
dayBodyFirstCellStretcher = dayBodyFirstCell.find('> div'); | |
markFirstLast(dayHead.add(dayHead.find('tr'))); | |
markFirstLast(dayBody.add(dayBody.find('tr'))); | |
axisFirstCells = dayHead.find('th:first'); | |
gutterCells = dayTable.find('.fc-agenda-gutter'); | |
slotLayer = | |
$("<div style='position:absolute;z-index:2;left:0;width:100%'/>") | |
.appendTo(element); | |
if (opt('allDaySlot')) { | |
daySegmentContainer = | |
$("<div style='position:absolute;z-index:8;top:0;left:0'/>") | |
.appendTo(slotLayer); | |
s = | |
"<table style='width:100%' class='fc-agenda-allday' cellspacing='0'>" + | |
"<tr>" + | |
"<th class='" + headerClass + " fc-agenda-axis'>" + opt('allDayText') + "</th>" + | |
"<td>" + | |
"<div class='fc-day-content'><div style='position:relative'/></div>" + | |
"</td>" + | |
"<th class='" + headerClass + " fc-agenda-gutter'> </th>" + | |
"</tr>" + | |
"</table>"; | |
allDayTable = $(s).appendTo(slotLayer); | |
allDayRow = allDayTable.find('tr'); | |
dayBind(allDayRow.find('td')); | |
axisFirstCells = axisFirstCells.add(allDayTable.find('th:first')); | |
gutterCells = gutterCells.add(allDayTable.find('th.fc-agenda-gutter')); | |
slotLayer.append( | |
"<div class='fc-agenda-divider " + headerClass + "'>" + | |
"<div class='fc-agenda-divider-inner'/>" + | |
"</div>" | |
); | |
}else{ | |
daySegmentContainer = $([]); // in jQuery 1.4, we can just do $() | |
} | |
slotScroller = | |
$("<div style='position:absolute;width:100%;overflow-x:hidden;overflow-y:auto'/>") | |
.appendTo(slotLayer); | |
slotContent = | |
$("<div style='position:relative;width:100%;overflow:hidden'/>") | |
.appendTo(slotScroller); | |
slotSegmentContainer = | |
$("<div style='position:absolute;z-index:8;top:0;left:0'/>") | |
.appendTo(slotContent); | |
s = | |
"<table class='fc-agenda-slots' style='width:100%' cellspacing='0'>" + | |
"<tbody>"; | |
d = zeroDate(); | |
maxd = addMinutes(cloneDate(d), maxMinute); | |
addMinutes(d, minMinute); | |
slotCnt = 0; | |
for (i=0; d < maxd; i++) { | |
minutes = d.getMinutes(); | |
s += | |
"<tr class='fc-slot" + i + ' ' + (!minutes ? '' : 'fc-minor') + "'>" + | |
"<th class='fc-agenda-axis " + headerClass + "'>" + | |
((!slotNormal || !minutes) ? formatDate(d, opt('axisFormat')) : ' ') + | |
"</th>" + | |
"<td class='" + contentClass + "'>" + | |
"<div style='position:relative'> </div>" + | |
"</td>" + | |
"</tr>"; | |
addMinutes(d, opt('slotMinutes')); | |
slotCnt++; | |
} | |
s += | |
"</tbody>" + | |
"</table>"; | |
slotTable = $(s).appendTo(slotContent); | |
slotTableFirstInner = slotTable.find('div:first'); | |
slotBind(slotTable.find('td')); | |
axisFirstCells = axisFirstCells.add(slotTable.find('th:first')); | |
} | |
function updateCells() { | |
var i; | |
var headCell; | |
var bodyCell; | |
var date; | |
var today = clearTime(new Date()); | |
for (i=0; i<colCnt; i++) { | |
date = colDate(i); | |
headCell = dayHeadCells.eq(i); | |
headCell.html(formatDate(date, colFormat)); | |
bodyCell = dayBodyCells.eq(i); | |
if (+date == +today) { | |
bodyCell.addClass(tm + '-state-highlight fc-today'); | |
}else{ | |
bodyCell.removeClass(tm + '-state-highlight fc-today'); | |
} | |
setDayID(headCell.add(bodyCell), date); | |
} | |
} | |
function setHeight(height, dateChanged) { | |
if (height === undefined) { | |
height = viewHeight; | |
} | |
viewHeight = height; | |
slotTopCache = {}; | |
var headHeight = dayBody.position().top; | |
var allDayHeight = slotScroller.position().top; // including divider | |
var bodyHeight = Math.min( // total body height, including borders | |
height - headHeight, // when scrollbars | |
slotTable.height() + allDayHeight + 1 // when no scrollbars. +1 for bottom border | |
); | |
dayBodyFirstCellStretcher | |
.height(bodyHeight - vsides(dayBodyFirstCell)); | |
slotLayer.css('top', headHeight); | |
slotScroller.height(bodyHeight - allDayHeight - 1); | |
slotHeight = slotTableFirstInner.height() + 1; // +1 for border | |
if (dateChanged) { | |
resetScroll(); | |
} | |
} | |
function setWidth(width) { | |
viewWidth = width; | |
colContentPositions.clear(); | |
axisWidth = 0; | |
setOuterWidth( | |
axisFirstCells | |
.width('') | |
.each(function(i, _cell) { | |
axisWidth = Math.max(axisWidth, $(_cell).outerWidth()); | |
}), | |
axisWidth | |
); | |
var slotTableWidth = slotScroller[0].clientWidth; // needs to be done after axisWidth (for IE7) | |
//slotTable.width(slotTableWidth); | |
gutterWidth = slotScroller.width() - slotTableWidth; | |
if (gutterWidth) { | |
setOuterWidth(gutterCells, gutterWidth); | |
gutterCells | |
.show() | |
.prev() | |
.removeClass('fc-last'); | |
}else{ | |
gutterCells | |
.hide() | |
.prev() | |
.addClass('fc-last'); | |
} | |
colWidth = Math.floor((slotTableWidth - axisWidth) / colCnt); | |
setOuterWidth(dayHeadCells.slice(0, -1), colWidth); | |
} | |
function resetScroll() { | |
var d0 = zeroDate(); | |
var scrollDate = cloneDate(d0); | |
scrollDate.setHours(opt('firstHour')); | |
var top = timePosition(d0, scrollDate) + 1; // +1 for the border | |
function scroll() { | |
slotScroller.scrollTop(top); | |
} | |
scroll(); | |
setTimeout(scroll, 0); // overrides any previous scroll state made by the browser | |
} | |
function beforeHide() { | |
savedScrollTop = slotScroller.scrollTop(); | |
} | |
function afterShow() { | |
slotScroller.scrollTop(savedScrollTop); | |
} | |
/* Slot/Day clicking and binding | |
-----------------------------------------------------------------------*/ | |
function dayBind(cells) { | |
cells.click(slotClick) | |
.mousedown(daySelectionMousedown); | |
} | |
function slotBind(cells) { | |
cells.click(slotClick) | |
.mousedown(slotSelectionMousedown); | |
} | |
function slotClick(ev) { | |
if (!opt('selectable')) { // if selectable, SelectionManager will worry about dayClick | |
var col = Math.min(colCnt-1, Math.floor((ev.pageX - dayTable.offset().left - axisWidth) / colWidth)); | |
var date = colDate(col); | |
var rowMatch = this.parentNode.className.match(/fc-slot(\d+)/); // TODO: maybe use data | |
if (rowMatch) { | |
var mins = parseInt(rowMatch[1]) * opt('slotMinutes'); | |
var hours = Math.floor(mins/60); | |
date.setHours(hours); | |
date.setMinutes(mins%60 + minMinute); | |
trigger('dayClick', dayBodyCells[col], date, false, ev); | |
}else{ | |
trigger('dayClick', dayBodyCells[col], date, true, ev); | |
} | |
} | |
} | |
/* Semi-transparent Overlay Helpers | |
-----------------------------------------------------*/ | |
function renderDayOverlay(startDate, endDate, refreshCoordinateGrid) { // endDate is exclusive | |
if (refreshCoordinateGrid) { | |
coordinateGrid.build(); | |
} | |
var visStart = cloneDate(t.visStart); | |
var startCol, endCol; | |
if (rtl) { | |
startCol = dayDiff(endDate, visStart)*dis+dit+1; | |
endCol = dayDiff(startDate, visStart)*dis+dit+1; | |
}else{ | |
startCol = dayDiff(startDate, visStart); | |
endCol = dayDiff(endDate, visStart); | |
} | |
startCol = Math.max(0, startCol); | |
endCol = Math.min(colCnt, endCol); | |
if (startCol < endCol) { | |
dayBind( | |
renderCellOverlay(0, startCol, 0, endCol-1) | |
); | |
} | |
} | |
function renderCellOverlay(row0, col0, row1, col1) { // only for all-day? | |
var rect = coordinateGrid.rect(row0, col0, row1, col1, slotLayer); | |
return renderOverlay(rect, slotLayer); | |
} | |
function renderSlotOverlay(overlayStart, overlayEnd) { | |
var dayStart = cloneDate(t.visStart); | |
var dayEnd = addDays(cloneDate(dayStart), 1); | |
for (var i=0; i<colCnt; i++) { | |
var stretchStart = new Date(Math.max(dayStart, overlayStart)); | |
var stretchEnd = new Date(Math.min(dayEnd, overlayEnd)); | |
if (stretchStart < stretchEnd) { | |
var col = i*dis+dit; | |
var rect = coordinateGrid.rect(0, col, 0, col, slotContent); // only use it for horizontal coords | |
var top = timePosition(dayStart, stretchStart); | |
var bottom = timePosition(dayStart, stretchEnd); | |
rect.top = top; | |
rect.height = bottom - top; | |
slotBind( | |
renderOverlay(rect, slotContent) | |
); | |
} | |
addDays(dayStart, 1); | |
addDays(dayEnd, 1); | |
} | |
} | |
/* Coordinate Utilities | |
-----------------------------------------------------------------------------*/ | |
coordinateGrid = new CoordinateGrid(function(rows, cols) { | |
var e, n, p; | |
dayHeadCells.each(function(i, _e) { | |
e = $(_e); | |
n = e.offset().left; | |
if (i) { | |
p[1] = n; | |
} | |
p = [n]; | |
cols[i] = p; | |
}); | |
p[1] = n + e.outerWidth(); | |
if (opt('allDaySlot')) { | |
e = allDayRow; | |
n = e.offset().top; | |
rows[0] = [n, n+e.outerHeight()]; | |
} | |
var slotTableTop = slotContent.offset().top; | |
var slotScrollerTop = slotScroller.offset().top; | |
var slotScrollerBottom = slotScrollerTop + slotScroller.outerHeight(); | |
function constrain(n) { | |
return Math.max(slotScrollerTop, Math.min(slotScrollerBottom, n)); | |
} | |
for (var i=0; i<slotCnt; i++) { | |
rows.push([ | |
constrain(slotTableTop + slotHeight*i), | |
constrain(slotTableTop + slotHeight*(i+1)) | |
]); | |
} | |
}); | |
hoverListener = new HoverListener(coordinateGrid); | |
colContentPositions = new HorizontalPositionCache(function(col) { | |
return dayBodyCellInners.eq(col); | |
}); | |
function colContentLeft(col) { | |
return colContentPositions.left(col); | |
} | |
function colContentRight(col) { | |
return colContentPositions.right(col); | |
} | |
function dateCell(date) { // "cell" terminology is now confusing | |
return { | |
row: Math.floor(dayDiff(date, t.visStart) / 7), | |
col: dayOfWeekCol(date.getDay()) | |
}; | |
} | |
function cellDate(cell) { | |
var d = colDate(cell.col); | |
var slotIndex = cell.row; | |
if (opt('allDaySlot')) { | |
slotIndex--; | |
} | |
if (slotIndex >= 0) { | |
addMinutes(d, minMinute + slotIndex * opt('slotMinutes')); | |
} | |
return d; | |
} | |
function colDate(col) { // returns dates with 00:00:00 | |
return addDays(cloneDate(t.visStart), col*dis+dit); | |
} | |
function cellIsAllDay(cell) { | |
return opt('allDaySlot') && !cell.row; | |
} | |
function dayOfWeekCol(dayOfWeek) { | |
return ((dayOfWeek - Math.max(firstDay, nwe) + colCnt) % colCnt)*dis+dit; | |
} | |
// get the Y coordinate of the given time on the given day (both Date objects) | |
function timePosition(day, time) { // both date objects. day holds 00:00 of current day | |
day = cloneDate(day, true); | |
if (time < addMinutes(cloneDate(day), minMinute)) { | |
return 0; | |
} | |
if (time >= addMinutes(cloneDate(day), maxMinute)) { | |
return slotTable.height(); | |
} | |
var slotMinutes = opt('slotMinutes'), | |
minutes = time.getHours()*60 + time.getMinutes() - minMinute, | |
slotI = Math.floor(minutes / slotMinutes), | |
slotTop = slotTopCache[slotI]; | |
if (slotTop === undefined) { | |
slotTop = slotTopCache[slotI] = slotTable.find('tr:eq(' + slotI + ') td div')[0].offsetTop; //.position().top; // need this optimization??? | |
} | |
return Math.max(0, Math.round( | |
slotTop - 1 + slotHeight * ((minutes % slotMinutes) / slotMinutes) | |
)); | |
} | |
function allDayBounds() { | |
return { | |
left: axisWidth, | |
right: viewWidth - gutterWidth | |
} | |
} | |
function getAllDayRow(index) { | |
return allDayRow; | |
} | |
function defaultEventEnd(event) { | |
var start = cloneDate(event.start); | |
if (event.allDay) { | |
return start; | |
} | |
return addMinutes(start, opt('defaultEventMinutes')); | |
} | |
/* Selection | |
---------------------------------------------------------------------------------*/ | |
function defaultSelectionEnd(startDate, allDay) { | |
if (allDay) { | |
return cloneDate(startDate); | |
} | |
return addMinutes(cloneDate(startDate), opt('slotMinutes')); | |
} | |
function renderSelection(startDate, endDate, allDay) { // only for all-day | |
if (allDay) { | |
if (opt('allDaySlot')) { | |
renderDayOverlay(startDate, addDays(cloneDate(endDate), 1), true); | |
} | |
}else{ | |
renderSlotSelection(startDate, endDate); | |
} | |
} | |
function renderSlotSelection(startDate, endDate) { | |
var helperOption = opt('selectHelper'); | |
coordinateGrid.build(); | |
if (helperOption) { | |
var col = dayDiff(startDate, t.visStart) * dis + dit; | |
if (col >= 0 && col < colCnt) { // only works when times are on same day | |
var rect = coordinateGrid.rect(0, col, 0, col, slotContent); // only for horizontal coords | |
var top = timePosition(startDate, startDate); | |
var bottom = timePosition(startDate, endDate); | |
if (bottom > top) { // protect against selections that are entirely before or after visible range | |
rect.top = top; | |
rect.height = bottom - top; | |
rect.left += 2; | |
rect.width -= 5; | |
if ($.isFunction(helperOption)) { | |
var helperRes = helperOption(startDate, endDate); | |
if (helperRes) { | |
rect.position = 'absolute'; | |
rect.zIndex = 8; | |
selectionHelper = $(helperRes) | |
.css(rect) | |
.appendTo(slotContent); | |
} | |
}else{ | |
rect.isStart = true; // conside rect a "seg" now | |
rect.isEnd = true; // | |
selectionHelper = $(slotSegHtml( | |
{ | |
title: '', | |
start: startDate, | |
end: endDate, | |
className: ['fc-select-helper'], | |
editable: false | |
}, | |
rect | |
)); | |
selectionHelper.css('opacity', opt('dragOpacity')); | |
} | |
if (selectionHelper) { | |
slotBind(selectionHelper); | |
slotContent.append(selectionHelper); | |
setOuterWidth(selectionHelper, rect.width, true); // needs to be after appended | |
setOuterHeight(selectionHelper, rect.height, true); | |
} | |
} | |
} | |
}else{ | |
renderSlotOverlay(startDate, endDate); | |
} | |
} | |
function clearSelection() { | |
clearOverlays(); | |
if (selectionHelper) { | |
selectionHelper.remove(); | |
selectionHelper = null; | |
} | |
} | |
function slotSelectionMousedown(ev) { | |
if (ev.which == 1 && opt('selectable')) { // ev.which==1 means left mouse button | |
unselect(ev); | |
var dates; | |
hoverListener.start(function(cell, origCell) { | |
clearSelection(); | |
if (cell && cell.col == origCell.col && !cellIsAllDay(cell)) { | |
var d1 = cellDate(origCell); | |
var d2 = cellDate(cell); | |
dates = [ | |
d1, | |
addMinutes(cloneDate(d1), opt('slotMinutes')), | |
d2, | |
addMinutes(cloneDate(d2), opt('slotMinutes')) | |
].sort(cmp); | |
renderSlotSelection(dates[0], dates[3]); | |
}else{ | |
dates = null; | |
} | |
}, ev); | |
$(document).one('mouseup', function(ev) { | |
hoverListener.stop(); | |
if (dates) { | |
if (+dates[0] == +dates[1]) { | |
reportDayClick(dates[0], false, ev); | |
} | |
reportSelection(dates[0], dates[3], false, ev); | |
} | |
}); | |
} | |
} | |
function reportDayClick(date, allDay, ev) { | |
trigger('dayClick', dayBodyCells[dayOfWeekCol(date.getDay())], date, allDay, ev); | |
} | |
/* External Dragging | |
--------------------------------------------------------------------------------*/ | |
function dragStart(_dragElement, ev, ui) { | |
hoverListener.start(function(cell) { | |
clearOverlays(); | |
if (cell) { | |
if (cellIsAllDay(cell)) { | |
renderCellOverlay(cell.row, cell.col, cell.row, cell.col); | |
}else{ | |
var d1 = cellDate(cell); | |
var d2 = addMinutes(cloneDate(d1), opt('defaultEventMinutes')); | |
renderSlotOverlay(d1, d2); | |
} | |
} | |
}, ev); | |
} | |
function dragStop(_dragElement, ev, ui) { | |
var cell = hoverListener.stop(); | |
clearOverlays(); | |
if (cell) { | |
trigger('drop', _dragElement, cellDate(cell), cellIsAllDay(cell), ev, ui); | |
} | |
} | |
} | |
function AgendaEventRenderer() { | |
var t = this; | |
// exports | |
t.renderEvents = renderEvents; | |
t.compileDaySegs = compileDaySegs; // for DayEventRenderer | |
t.clearEvents = clearEvents; | |
t.slotSegHtml = slotSegHtml; | |
t.bindDaySeg = bindDaySeg; | |
// imports | |
DayEventRenderer.call(t); | |
var opt = t.opt; | |
var trigger = t.trigger; | |
//var setOverflowHidden = t.setOverflowHidden; | |
var isEventDraggable = t.isEventDraggable; | |
var isEventResizable = t.isEventResizable; | |
var eventEnd = t.eventEnd; | |
var reportEvents = t.reportEvents; | |
var reportEventClear = t.reportEventClear; | |
var eventElementHandlers = t.eventElementHandlers; | |
var setHeight = t.setHeight; | |
var getDaySegmentContainer = t.getDaySegmentContainer; | |
var getSlotSegmentContainer = t.getSlotSegmentContainer; | |
var getHoverListener = t.getHoverListener; | |
var getMaxMinute = t.getMaxMinute; | |
var getMinMinute = t.getMinMinute; | |
var timePosition = t.timePosition; | |
var colContentLeft = t.colContentLeft; | |
var colContentRight = t.colContentRight; | |
var renderDaySegs = t.renderDaySegs; | |
var resizableDayEvent = t.resizableDayEvent; // TODO: streamline binding architecture | |
var getColCnt = t.getColCnt; | |
var getColWidth = t.getColWidth; | |
var getSlotHeight = t.getSlotHeight; | |
var getBodyContent = t.getBodyContent; | |
var reportEventElement = t.reportEventElement; | |
var showEvents = t.showEvents; | |
var hideEvents = t.hideEvents; | |
var eventDrop = t.eventDrop; | |
var eventResize = t.eventResize; | |
var renderDayOverlay = t.renderDayOverlay; | |
var clearOverlays = t.clearOverlays; | |
var calendar = t.calendar; | |
var formatDate = calendar.formatDate; | |
var formatDates = calendar.formatDates; | |
/* Rendering | |
----------------------------------------------------------------------------*/ | |
function renderEvents(events, modifiedEventId) { | |
reportEvents(events); | |
var i, len=events.length, | |
dayEvents=[], | |
slotEvents=[]; | |
for (i=0; i<len; i++) { | |
if (events[i].allDay) { | |
dayEvents.push(events[i]); | |
}else{ | |
slotEvents.push(events[i]); | |
} | |
} | |
if (opt('allDaySlot')) { | |
renderDaySegs(compileDaySegs(dayEvents), modifiedEventId); | |
setHeight(); // no params means set to viewHeight | |
} | |
renderSlotSegs(compileSlotSegs(slotEvents), modifiedEventId); | |
} | |
function clearEvents() { | |
reportEventClear(); | |
getDaySegmentContainer().empty(); | |
getSlotSegmentContainer().empty(); | |
} | |
function compileDaySegs(events) { | |
var levels = stackSegs(sliceSegs(events, $.map(events, exclEndDay), t.visStart, t.visEnd)), | |
i, levelCnt=levels.length, level, | |
j, seg, | |
segs=[]; | |
for (i=0; i<levelCnt; i++) { | |
level = levels[i]; | |
for (j=0; j<level.length; j++) { | |
seg = level[j]; | |
seg.row = 0; | |
seg.level = i; // not needed anymore | |
segs.push(seg); | |
} | |
} | |
return segs; | |
} | |
function compileSlotSegs(events) { | |
var colCnt = getColCnt(), | |
minMinute = getMinMinute(), | |
maxMinute = getMaxMinute(), | |
d = addMinutes(cloneDate(t.visStart), minMinute), | |
visEventEnds = $.map(events, slotEventEnd), | |
i, col, | |
j, level, | |
k, seg, | |
segs=[]; | |
for (i=0; i<colCnt; i++) { | |
col = stackSegs(sliceSegs(events, visEventEnds, d, addMinutes(cloneDate(d), maxMinute-minMinute))); | |
countForwardSegs(col); | |
for (j=0; j<col.length; j++) { | |
level = col[j]; | |
for (k=0; k<level.length; k++) { | |
seg = level[k]; | |
seg.col = i; | |
seg.level = j; | |
segs.push(seg); | |
} | |
} | |
addDays(d, 1, true); | |
} | |
return segs; | |
} | |
function slotEventEnd(event) { | |
if (event.end) { | |
return cloneDate(event.end); | |
}else{ | |
return addMinutes(cloneDate(event.start), opt('defaultEventMinutes')); | |
} | |
} | |
// renders events in the 'time slots' at the bottom | |
function renderSlotSegs(segs, modifiedEventId) { | |
var i, segCnt=segs.length, seg, | |
event, | |
classes, | |
top, bottom, | |
colI, levelI, forward, | |
leftmost, | |
availWidth, | |
outerWidth, | |
left, | |
html='', | |
eventElements, | |
eventElement, | |
triggerRes, | |
vsideCache={}, | |
hsideCache={}, | |
key, val, | |
contentElement, | |
height, | |
slotSegmentContainer = getSlotSegmentContainer(), | |
rtl, dis, dit, | |
colCnt = getColCnt(); | |
if (rtl = opt('isRTL')) { | |
dis = -1; | |
dit = colCnt - 1; | |
}else{ | |
dis = 1; | |
dit = 0; | |
} | |
// calculate position/dimensions, create html | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
event = seg.event; | |
top = timePosition(seg.start, seg.start); | |
bottom = timePosition(seg.start, seg.end); | |
colI = seg.col; | |
levelI = seg.level; | |
forward = seg.forward || 0; | |
leftmost = colContentLeft(colI*dis + dit); | |
availWidth = colContentRight(colI*dis + dit) - leftmost; | |
availWidth = Math.min(availWidth-6, availWidth*.95); // TODO: move this to CSS | |
if (levelI) { | |
// indented and thin | |
outerWidth = availWidth / (levelI + forward + 1); | |
}else{ | |
if (forward) { | |
// moderately wide, aligned left still | |
outerWidth = ((availWidth / (forward + 1)) - (12/2)) * 2; // 12 is the predicted width of resizer = | |
}else{ | |
// can be entire width, aligned left | |
outerWidth = availWidth; | |
} | |
} | |
left = leftmost + // leftmost possible | |
(availWidth / (levelI + forward + 1) * levelI) // indentation | |
* dis + (rtl ? availWidth - outerWidth : 0); // rtl | |
seg.top = top; | |
seg.left = left; | |
seg.outerWidth = outerWidth; | |
seg.outerHeight = bottom - top; | |
html += slotSegHtml(event, seg); | |
} | |
slotSegmentContainer[0].innerHTML = html; // faster than html() | |
eventElements = slotSegmentContainer.children(); | |
// retrieve elements, run through eventRender callback, bind event handlers | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
event = seg.event; | |
eventElement = $(eventElements[i]); // faster than eq() | |
triggerRes = trigger('eventRender', event, event, eventElement); | |
if (triggerRes === false) { | |
eventElement.remove(); | |
}else{ | |
if (triggerRes && triggerRes !== true) { | |
eventElement.remove(); | |
eventElement = $(triggerRes) | |
.css({ | |
position: 'absolute', | |
top: seg.top, | |
left: seg.left | |
}) | |
.appendTo(slotSegmentContainer); | |
} | |
seg.element = eventElement; | |
if (event._id === modifiedEventId) { | |
bindSlotSeg(event, eventElement, seg); | |
}else{ | |
eventElement[0]._fci = i; // for lazySegBind | |
} | |
reportEventElement(event, eventElement); | |
} | |
} | |
lazySegBind(slotSegmentContainer, segs, bindSlotSeg); | |
// record event sides and title positions | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
if (eventElement = seg.element) { | |
val = vsideCache[key = seg.key = cssKey(eventElement[0])]; | |
seg.vsides = val === undefined ? (vsideCache[key] = vsides(eventElement, true)) : val; | |
val = hsideCache[key]; | |
seg.hsides = val === undefined ? (hsideCache[key] = hsides(eventElement, true)) : val; | |
contentElement = eventElement.find('div.fc-event-content'); | |
if (contentElement.length) { | |
seg.contentTop = contentElement[0].offsetTop; | |
} | |
} | |
} | |
// set all positions/dimensions at once | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
if (eventElement = seg.element) { | |
eventElement[0].style.width = Math.max(0, seg.outerWidth - seg.hsides) + 'px'; | |
height = Math.max(0, seg.outerHeight - seg.vsides); | |
eventElement[0].style.height = height + 'px'; | |
event = seg.event; | |
if (seg.contentTop !== undefined && height - seg.contentTop < 10) { | |
// not enough room for title, put it in the time header | |
eventElement.find('div.fc-event-time') | |
.text(formatDate(event.start, opt('timeFormat')) + ' - ' + event.title); | |
eventElement.find('div.fc-event-title') | |
.remove(); | |
} | |
trigger('eventAfterRender', event, event, eventElement); | |
} | |
} | |
} | |
function slotSegHtml(event, seg) { | |
var html = "<"; | |
var url = event.url; | |
var skinCss = getSkinCss(event, opt); | |
var skinCssAttr = (skinCss ? " style='" + skinCss + "'" : ''); | |
var classes = ['fc-event', 'fc-event-skin', 'fc-event-vert']; | |
if (isEventDraggable(event)) { | |
classes.push('fc-event-draggable'); | |
} | |
if (seg.isStart) { | |
classes.push('fc-corner-top'); | |
} | |
if (seg.isEnd) { | |
classes.push('fc-corner-bottom'); | |
} | |
classes = classes.concat(event.className); | |
if (event.source) { | |
classes = classes.concat(event.source.className || []); | |
} | |
if (url) { | |
html += "a href='" + htmlEscape(event.url) + "'"; | |
}else{ | |
html += "div"; | |
} | |
html += | |
" class='" + classes.join(' ') + "'" + | |
" style='position:absolute;z-index:8;top:" + seg.top + "px;left:" + seg.left + "px;" + skinCss + "'" + | |
">" + | |
"<div class='fc-event-inner fc-event-skin'" + skinCssAttr + ">" + | |
"<div class='fc-event-head fc-event-skin'" + skinCssAttr + ">" + | |
"<div class='fc-event-time'>" + | |
htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) + | |
"</div>" + | |
"</div>" + | |
"<div class='fc-event-content'>" + | |
"<div class='fc-event-title'>" + | |
htmlEscape(event.title) + | |
"</div>" + | |
"</div>" + | |
"<div class='fc-event-bg'></div>" + | |
"</div>"; // close inner | |
if (seg.isEnd && isEventResizable(event)) { | |
html += | |
"<div class='ui-resizable-handle ui-resizable-s'>=</div>"; | |
} | |
html += | |
"</" + (url ? "a" : "div") + ">"; | |
return html; | |
} | |
function bindDaySeg(event, eventElement, seg) { | |
if (isEventDraggable(event)) { | |
draggableDayEvent(event, eventElement, seg.isStart); | |
} | |
if (seg.isEnd && isEventResizable(event)) { | |
resizableDayEvent(event, eventElement, seg); | |
} | |
eventElementHandlers(event, eventElement); | |
// needs to be after, because resizableDayEvent might stopImmediatePropagation on click | |
} | |
function bindSlotSeg(event, eventElement, seg) { | |
var timeElement = eventElement.find('div.fc-event-time'); | |
if (isEventDraggable(event)) { | |
draggableSlotEvent(event, eventElement, timeElement); | |
} | |
if (seg.isEnd && isEventResizable(event)) { | |
resizableSlotEvent(event, eventElement, timeElement); | |
} | |
eventElementHandlers(event, eventElement); | |
} | |
/* Dragging | |
-----------------------------------------------------------------------------------*/ | |
// when event starts out FULL-DAY | |
function draggableDayEvent(event, eventElement, isStart) { | |
var origWidth; | |
var revert; | |
var allDay=true; | |
var dayDelta; | |
var dis = opt('isRTL') ? -1 : 1; | |
var hoverListener = getHoverListener(); | |
var colWidth = getColWidth(); | |
var slotHeight = getSlotHeight(); | |
var minMinute = getMinMinute(); | |
eventElement.draggable({ | |
zIndex: 9, | |
opacity: opt('dragOpacity', 'month'), // use whatever the month view was using | |
revertDuration: opt('dragRevertDuration'), | |
start: function(ev, ui) { | |
trigger('eventDragStart', eventElement, event, ev, ui); | |
hideEvents(event, eventElement); | |
origWidth = eventElement.width(); | |
hoverListener.start(function(cell, origCell, rowDelta, colDelta) { | |
clearOverlays(); | |
if (cell) { | |
//setOverflowHidden(true); | |
revert = false; | |
dayDelta = colDelta * dis; | |
if (!cell.row) { | |
// on full-days | |
renderDayOverlay( | |
addDays(cloneDate(event.start), dayDelta), | |
addDays(exclEndDay(event), dayDelta) | |
); | |
resetElement(); | |
}else{ | |
// mouse is over bottom slots | |
if (isStart) { | |
if (allDay) { | |
// convert event to temporary slot-event | |
eventElement.width(colWidth - 10); // don't use entire width | |
setOuterHeight( | |
eventElement, | |
slotHeight * Math.round( | |
(event.end ? ((event.end - event.start) / MINUTE_MS) : opt('defaultEventMinutes')) | |
/ opt('slotMinutes') | |
) | |
); | |
eventElement.draggable('option', 'grid', [colWidth, 1]); | |
allDay = false; | |
} | |
}else{ | |
revert = true; | |
} | |
} | |
revert = revert || (allDay && !dayDelta); | |
}else{ | |
resetElement(); | |
//setOverflowHidden(false); | |
revert = true; | |
} | |
eventElement.draggable('option', 'revert', revert); | |
}, ev, 'drag'); | |
}, | |
stop: function(ev, ui) { | |
hoverListener.stop(); | |
clearOverlays(); | |
trigger('eventDragStop', eventElement, event, ev, ui); | |
if (revert) { | |
// hasn't moved or is out of bounds (draggable has already reverted) | |
resetElement(); | |
eventElement.css('filter', ''); // clear IE opacity side-effects | |
showEvents(event, eventElement); | |
}else{ | |
// changed! | |
var minuteDelta = 0; | |
if (!allDay) { | |
minuteDelta = Math.round((eventElement.offset().top - getBodyContent().offset().top) / slotHeight) | |
* opt('slotMinutes') | |
+ minMinute | |
- (event.start.getHours() * 60 + event.start.getMinutes()); | |
} | |
eventDrop(this, event, dayDelta, minuteDelta, allDay, ev, ui); | |
} | |
//setOverflowHidden(false); | |
} | |
}); | |
function resetElement() { | |
if (!allDay) { | |
eventElement | |
.width(origWidth) | |
.height('') | |
.draggable('option', 'grid', null); | |
allDay = true; | |
} | |
} | |
} | |
// when event starts out IN TIMESLOTS | |
function draggableSlotEvent(event, eventElement, timeElement) { | |
var origPosition; | |
var allDay=false; | |
var dayDelta; | |
var minuteDelta; | |
var prevMinuteDelta; | |
var dis = opt('isRTL') ? -1 : 1; | |
var hoverListener = getHoverListener(); | |
var colCnt = getColCnt(); | |
var colWidth = getColWidth(); | |
var slotHeight = getSlotHeight(); | |
eventElement.draggable({ | |
zIndex: 9, | |
scroll: false, | |
grid: [colWidth, slotHeight], | |
axis: colCnt==1 ? 'y' : false, | |
opacity: opt('dragOpacity'), | |
revertDuration: opt('dragRevertDuration'), | |
start: function(ev, ui) { | |
trigger('eventDragStart', eventElement, event, ev, ui); | |
hideEvents(event, eventElement); | |
origPosition = eventElement.position(); | |
minuteDelta = prevMinuteDelta = 0; | |
hoverListener.start(function(cell, origCell, rowDelta, colDelta) { | |
eventElement.draggable('option', 'revert', !cell); | |
clearOverlays(); | |
if (cell) { | |
dayDelta = colDelta * dis; | |
if (opt('allDaySlot') && !cell.row) { | |
// over full days | |
if (!allDay) { | |
// convert to temporary all-day event | |
allDay = true; | |
timeElement.hide(); | |
eventElement.draggable('option', 'grid', null); | |
} | |
renderDayOverlay( | |
addDays(cloneDate(event.start), dayDelta), | |
addDays(exclEndDay(event), dayDelta) | |
); | |
}else{ | |
// on slots | |
resetElement(); | |
} | |
} | |
}, ev, 'drag'); | |
}, | |
drag: function(ev, ui) { | |
minuteDelta = Math.round((ui.position.top - origPosition.top) / slotHeight) * opt('slotMinutes'); | |
if (minuteDelta != prevMinuteDelta) { | |
if (!allDay) { | |
updateTimeText(minuteDelta); | |
} | |
prevMinuteDelta = minuteDelta; | |
} | |
}, | |
stop: function(ev, ui) { | |
var cell = hoverListener.stop(); | |
clearOverlays(); | |
trigger('eventDragStop', eventElement, event, ev, ui); | |
if (cell && (dayDelta || minuteDelta || allDay)) { | |
// changed! | |
eventDrop(this, event, dayDelta, allDay ? 0 : minuteDelta, allDay, ev, ui); | |
}else{ | |
// either no change or out-of-bounds (draggable has already reverted) | |
resetElement(); | |
eventElement.css('filter', ''); // clear IE opacity side-effects | |
eventElement.css(origPosition); // sometimes fast drags make event revert to wrong position | |
updateTimeText(0); | |
showEvents(event, eventElement); | |
} | |
} | |
}); | |
function updateTimeText(minuteDelta) { | |
var newStart = addMinutes(cloneDate(event.start), minuteDelta); | |
var newEnd; | |
if (event.end) { | |
newEnd = addMinutes(cloneDate(event.end), minuteDelta); | |
} | |
timeElement.text(formatDates(newStart, newEnd, opt('timeFormat'))); | |
} | |
function resetElement() { | |
// convert back to original slot-event | |
if (allDay) { | |
timeElement.css('display', ''); // show() was causing display=inline | |
eventElement.draggable('option', 'grid', [colWidth, slotHeight]); | |
allDay = false; | |
} | |
} | |
} | |
/* Resizing | |
--------------------------------------------------------------------------------------*/ | |
function resizableSlotEvent(event, eventElement, timeElement) { | |
var slotDelta, prevSlotDelta; | |
var slotHeight = getSlotHeight(); | |
eventElement.resizable({ | |
handles: { | |
s: 'div.ui-resizable-s' | |
}, | |
grid: slotHeight, | |
start: function(ev, ui) { | |
slotDelta = prevSlotDelta = 0; | |
hideEvents(event, eventElement); | |
eventElement.css('z-index', 9); | |
trigger('eventResizeStart', this, event, ev, ui); | |
}, | |
resize: function(ev, ui) { | |
// don't rely on ui.size.height, doesn't take grid into account | |
slotDelta = Math.round((Math.max(slotHeight, eventElement.height()) - ui.originalSize.height) / slotHeight); | |
if (slotDelta != prevSlotDelta) { | |
timeElement.text( | |
formatDates( | |
event.start, | |
(!slotDelta && !event.end) ? null : // no change, so don't display time range | |
addMinutes(eventEnd(event), opt('slotMinutes')*slotDelta), | |
opt('timeFormat') | |
) | |
); | |
prevSlotDelta = slotDelta; | |
} | |
}, | |
stop: function(ev, ui) { | |
trigger('eventResizeStop', this, event, ev, ui); | |
if (slotDelta) { | |
eventResize(this, event, 0, opt('slotMinutes')*slotDelta, ev, ui); | |
}else{ | |
eventElement.css('z-index', 8); | |
showEvents(event, eventElement); | |
// BUG: if event was really short, need to put title back in span | |
} | |
} | |
}); | |
} | |
} | |
function countForwardSegs(levels) { | |
var i, j, k, level, segForward, segBack; | |
for (i=levels.length-1; i>0; i--) { | |
level = levels[i]; | |
for (j=0; j<level.length; j++) { | |
segForward = level[j]; | |
for (k=0; k<levels[i-1].length; k++) { | |
segBack = levels[i-1][k]; | |
if (segsCollide(segForward, segBack)) { | |
segBack.forward = Math.max(segBack.forward||0, (segForward.forward||0)+1); | |
} | |
} | |
} | |
} | |
} | |
function View(element, calendar, viewName) { | |
var t = this; | |
// exports | |
t.element = element; | |
t.calendar = calendar; | |
t.name = viewName; | |
t.opt = opt; | |
t.trigger = trigger; | |
//t.setOverflowHidden = setOverflowHidden; | |
t.isEventDraggable = isEventDraggable; | |
t.isEventResizable = isEventResizable; | |
t.reportEvents = reportEvents; | |
t.eventEnd = eventEnd; | |
t.reportEventElement = reportEventElement; | |
t.reportEventClear = reportEventClear; | |
t.eventElementHandlers = eventElementHandlers; | |
t.showEvents = showEvents; | |
t.hideEvents = hideEvents; | |
t.eventDrop = eventDrop; | |
t.eventResize = eventResize; | |
// t.title | |
// t.start, t.end | |
// t.visStart, t.visEnd | |
// imports | |
var defaultEventEnd = t.defaultEventEnd; | |
var normalizeEvent = calendar.normalizeEvent; // in EventManager | |
var reportEventChange = calendar.reportEventChange; | |
// locals | |
var eventsByID = {}; | |
var eventElements = []; | |
var eventElementsByID = {}; | |
var options = calendar.options; | |
function opt(name, viewNameOverride) { | |
var v = options[name]; | |
if (typeof v == 'object') { | |
return smartProperty(v, viewNameOverride || viewName); | |
} | |
return v; | |
} | |
function trigger(name, thisObj) { | |
return calendar.trigger.apply( | |
calendar, | |
[name, thisObj || t].concat(Array.prototype.slice.call(arguments, 2), [t]) | |
); | |
} | |
/* | |
function setOverflowHidden(bool) { | |
element.css('overflow', bool ? 'hidden' : ''); | |
} | |
*/ | |
function isEventDraggable(event) { | |
return isEventEditable(event) && !opt('disableDragging'); | |
} | |
function isEventResizable(event) { // but also need to make sure the seg.isEnd == true | |
return isEventEditable(event) && !opt('disableResizing'); | |
} | |
function isEventEditable(event) { | |
return firstDefined(event.editable, (event.source || {}).editable, opt('editable')); | |
} | |
/* Event Data | |
------------------------------------------------------------------------------*/ | |
// report when view receives new events | |
function reportEvents(events) { // events are already normalized at this point | |
eventsByID = {}; | |
var i, len=events.length, event; | |
for (i=0; i<len; i++) { | |
event = events[i]; | |
if (eventsByID[event._id]) { | |
eventsByID[event._id].push(event); | |
}else{ | |
eventsByID[event._id] = [event]; | |
} | |
} | |
} | |
// returns a Date object for an event's end | |
function eventEnd(event) { | |
return event.end ? cloneDate(event.end) : defaultEventEnd(event); | |
} | |
/* Event Elements | |
------------------------------------------------------------------------------*/ | |
// report when view creates an element for an event | |
function reportEventElement(event, element) { | |
eventElements.push(element); | |
if (eventElementsByID[event._id]) { | |
eventElementsByID[event._id].push(element); | |
}else{ | |
eventElementsByID[event._id] = [element]; | |
} | |
} | |
function reportEventClear() { | |
eventElements = []; | |
eventElementsByID = {}; | |
} | |
// attaches eventClick, eventMouseover, eventMouseout | |
function eventElementHandlers(event, eventElement) { | |
eventElement | |
.click(function(ev) { | |
if (!eventElement.hasClass('ui-draggable-dragging') && | |
!eventElement.hasClass('ui-resizable-resizing')) { | |
return trigger('eventClick', this, event, ev); | |
} | |
}) | |
.hover( | |
function(ev) { | |
trigger('eventMouseover', this, event, ev); | |
}, | |
function(ev) { | |
trigger('eventMouseout', this, event, ev); | |
} | |
); | |
// TODO: don't fire eventMouseover/eventMouseout *while* dragging is occuring (on subject element) | |
// TODO: same for resizing | |
} | |
function showEvents(event, exceptElement) { | |
eachEventElement(event, exceptElement, 'show'); | |
} | |
function hideEvents(event, exceptElement) { | |
eachEventElement(event, exceptElement, 'hide'); | |
} | |
function eachEventElement(event, exceptElement, funcName) { | |
var elements = eventElementsByID[event._id], | |
i, len = elements.length; | |
for (i=0; i<len; i++) { | |
if (!exceptElement || elements[i][0] != exceptElement[0]) { | |
elements[i][funcName](); | |
} | |
} | |
} | |
/* Event Modification Reporting | |
---------------------------------------------------------------------------------*/ | |
function eventDrop(e, event, dayDelta, minuteDelta, allDay, ev, ui) { | |
var oldAllDay = event.allDay; | |
var eventId = event._id; | |
moveEvents(eventsByID[eventId], dayDelta, minuteDelta, allDay); | |
trigger( | |
'eventDrop', | |
e, | |
event, | |
dayDelta, | |
minuteDelta, | |
allDay, | |
function() { | |
// TODO: investigate cases where this inverse technique might not work | |
moveEvents(eventsByID[eventId], -dayDelta, -minuteDelta, oldAllDay); | |
reportEventChange(eventId); | |
}, | |
ev, | |
ui | |
); | |
reportEventChange(eventId); | |
} | |
function eventResize(e, event, dayDelta, minuteDelta, ev, ui) { | |
var eventId = event._id; | |
elongateEvents(eventsByID[eventId], dayDelta, minuteDelta); | |
trigger( | |
'eventResize', | |
e, | |
event, | |
dayDelta, | |
minuteDelta, | |
function() { | |
// TODO: investigate cases where this inverse technique might not work | |
elongateEvents(eventsByID[eventId], -dayDelta, -minuteDelta); | |
reportEventChange(eventId); | |
}, | |
ev, | |
ui | |
); | |
reportEventChange(eventId); | |
} | |
/* Event Modification Math | |
---------------------------------------------------------------------------------*/ | |
function moveEvents(events, dayDelta, minuteDelta, allDay) { | |
minuteDelta = minuteDelta || 0; | |
for (var e, len=events.length, i=0; i<len; i++) { | |
e = events[i]; | |
if (allDay !== undefined) { | |
e.allDay = allDay; | |
} | |
addMinutes(addDays(e.start, dayDelta, true), minuteDelta); | |
if (e.end) { | |
e.end = addMinutes(addDays(e.end, dayDelta, true), minuteDelta); | |
} | |
normalizeEvent(e, options); | |
} | |
} | |
function elongateEvents(events, dayDelta, minuteDelta) { | |
minuteDelta = minuteDelta || 0; | |
for (var e, len=events.length, i=0; i<len; i++) { | |
e = events[i]; | |
e.end = addMinutes(addDays(eventEnd(e), dayDelta, true), minuteDelta); | |
normalizeEvent(e, options); | |
} | |
} | |
} | |
function DayEventRenderer() { | |
var t = this; | |
// exports | |
t.renderDaySegs = renderDaySegs; | |
t.resizableDayEvent = resizableDayEvent; | |
// imports | |
var opt = t.opt; | |
var trigger = t.trigger; | |
var isEventDraggable = t.isEventDraggable; | |
var isEventResizable = t.isEventResizable; | |
var eventEnd = t.eventEnd; | |
var reportEventElement = t.reportEventElement; | |
var showEvents = t.showEvents; | |
var hideEvents = t.hideEvents; | |
var eventResize = t.eventResize; | |
var getRowCnt = t.getRowCnt; | |
var getColCnt = t.getColCnt; | |
var getColWidth = t.getColWidth; | |
var allDayRow = t.allDayRow; | |
var allDayBounds = t.allDayBounds; | |
var colContentLeft = t.colContentLeft; | |
var colContentRight = t.colContentRight; | |
var dayOfWeekCol = t.dayOfWeekCol; | |
var dateCell = t.dateCell; | |
var compileDaySegs = t.compileDaySegs; | |
var getDaySegmentContainer = t.getDaySegmentContainer; | |
var bindDaySeg = t.bindDaySeg; //TODO: streamline this | |
var formatDates = t.calendar.formatDates; | |
var renderDayOverlay = t.renderDayOverlay; | |
var clearOverlays = t.clearOverlays; | |
var clearSelection = t.clearSelection; | |
/* Rendering | |
-----------------------------------------------------------------------------*/ | |
function renderDaySegs(segs, modifiedEventId) { | |
var segmentContainer = getDaySegmentContainer(); | |
var rowDivs; | |
var rowCnt = getRowCnt(); | |
var colCnt = getColCnt(); | |
var i = 0; | |
var rowI; | |
var levelI; | |
var colHeights; | |
var j; | |
var segCnt = segs.length; | |
var seg; | |
var top; | |
var k; | |
segmentContainer[0].innerHTML = daySegHTML(segs); // faster than .html() | |
daySegElementResolve(segs, segmentContainer.children()); | |
daySegElementReport(segs); | |
daySegHandlers(segs, segmentContainer, modifiedEventId); | |
daySegCalcHSides(segs); | |
daySegSetWidths(segs); | |
daySegCalcHeights(segs); | |
rowDivs = getRowDivs(); | |
// set row heights, calculate event tops (in relation to row top) | |
for (rowI=0; rowI<rowCnt; rowI++) { | |
levelI = 0; | |
colHeights = []; | |
for (j=0; j<colCnt; j++) { | |
colHeights[j] = 0; | |
} | |
while (i<segCnt && (seg = segs[i]).row == rowI) { | |
// loop through segs in a row | |
top = arrayMax(colHeights.slice(seg.startCol, seg.endCol)); | |
seg.top = top; | |
top += seg.outerHeight; | |
for (k=seg.startCol; k<seg.endCol; k++) { | |
colHeights[k] = top; | |
} | |
i++; | |
} | |
rowDivs[rowI].height(arrayMax(colHeights)); | |
} | |
daySegSetTops(segs, getRowTops(rowDivs)); | |
} | |
function renderTempDaySegs(segs, adjustRow, adjustTop) { | |
var tempContainer = $("<div/>"); | |
var elements; | |
var segmentContainer = getDaySegmentContainer(); | |
var i; | |
var segCnt = segs.length; | |
var element; | |
tempContainer[0].innerHTML = daySegHTML(segs); // faster than .html() | |
elements = tempContainer.children(); | |
segmentContainer.append(elements); | |
daySegElementResolve(segs, elements); | |
daySegCalcHSides(segs); | |
daySegSetWidths(segs); | |
daySegCalcHeights(segs); | |
daySegSetTops(segs, getRowTops(getRowDivs())); | |
elements = []; | |
for (i=0; i<segCnt; i++) { | |
element = segs[i].element; | |
if (element) { | |
if (segs[i].row === adjustRow) { | |
element.css('top', adjustTop); | |
} | |
elements.push(element[0]); | |
} | |
} | |
return $(elements); | |
} | |
function daySegHTML(segs) { // also sets seg.left and seg.outerWidth | |
var rtl = opt('isRTL'); | |
var i; | |
var segCnt=segs.length; | |
var seg; | |
var event; | |
var url; | |
var classes; | |
var bounds = allDayBounds(); | |
var minLeft = bounds.left; | |
var maxLeft = bounds.right; | |
var leftCol; | |
var rightCol; | |
var left; | |
var right; | |
var skinCss; | |
var html = ''; | |
// calculate desired position/dimensions, create html | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
event = seg.event; | |
classes = ['fc-event', 'fc-event-skin', 'fc-event-hori']; | |
if (isEventDraggable(event)) { | |
classes.push('fc-event-draggable'); | |
} | |
if (rtl) { | |
if (seg.isStart) { | |
classes.push('fc-corner-right'); | |
} | |
if (seg.isEnd) { | |
classes.push('fc-corner-left'); | |
} | |
leftCol = dayOfWeekCol(seg.end.getDay()-1); | |
rightCol = dayOfWeekCol(seg.start.getDay()); | |
left = seg.isEnd ? colContentLeft(leftCol) : minLeft; | |
right = seg.isStart ? colContentRight(rightCol) : maxLeft; | |
}else{ | |
if (seg.isStart) { | |
classes.push('fc-corner-left'); | |
} | |
if (seg.isEnd) { | |
classes.push('fc-corner-right'); | |
} | |
leftCol = dayOfWeekCol(seg.start.getDay()); | |
rightCol = dayOfWeekCol(seg.end.getDay()-1); | |
left = seg.isStart ? colContentLeft(leftCol) : minLeft; | |
right = seg.isEnd ? colContentRight(rightCol) : maxLeft; | |
} | |
classes = classes.concat(event.className); | |
if (event.source) { | |
classes = classes.concat(event.source.className || []); | |
} | |
url = event.url; | |
skinCss = getSkinCss(event, opt); | |
if (url) { | |
html += "<a href='" + htmlEscape(url) + "'"; | |
}else{ | |
html += "<div"; | |
} | |
html += | |
" class='" + classes.join(' ') + "'" + | |
" style='position:absolute;z-index:8;left:"+left+"px;" + skinCss + "'" + | |
">" + | |
"<div" + | |
" class='fc-event-inner fc-event-skin'" + | |
(skinCss ? " style='" + skinCss + "'" : '') + | |
">"; | |
if (!event.allDay && seg.isStart) { | |
html += | |
"<span class='fc-event-time'>" + | |
htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) + | |
"</span>"; | |
} | |
html += | |
"<span class='fc-event-title'>" + htmlEscape(event.title) + "</span>" + | |
"</div>"; | |
if (seg.isEnd && isEventResizable(event)) { | |
html += | |
"<div class='ui-resizable-handle ui-resizable-" + (rtl ? 'w' : 'e') + "'>" + | |
" " + // makes hit area a lot better for IE6/7 | |
"</div>"; | |
} | |
html += | |
"</" + (url ? "a" : "div" ) + ">"; | |
seg.left = left; | |
seg.outerWidth = right - left; | |
seg.startCol = leftCol; | |
seg.endCol = rightCol + 1; // needs to be exclusive | |
} | |
return html; | |
} | |
function daySegElementResolve(segs, elements) { // sets seg.element | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var event; | |
var element; | |
var triggerRes; | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
event = seg.event; | |
element = $(elements[i]); // faster than .eq() | |
triggerRes = trigger('eventRender', event, event, element); | |
if (triggerRes === false) { | |
element.remove(); | |
}else{ | |
if (triggerRes && triggerRes !== true) { | |
triggerRes = $(triggerRes) | |
.css({ | |
position: 'absolute', | |
left: seg.left | |
}); | |
element.replaceWith(triggerRes); | |
element = triggerRes; | |
} | |
seg.element = element; | |
} | |
} | |
} | |
function daySegElementReport(segs) { | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var element; | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
element = seg.element; | |
if (element) { | |
reportEventElement(seg.event, element); | |
} | |
} | |
} | |
function daySegHandlers(segs, segmentContainer, modifiedEventId) { | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var element; | |
var event; | |
// retrieve elements, run through eventRender callback, bind handlers | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
element = seg.element; | |
if (element) { | |
event = seg.event; | |
if (event._id === modifiedEventId) { | |
bindDaySeg(event, element, seg); | |
}else{ | |
element[0]._fci = i; // for lazySegBind | |
} | |
} | |
} | |
lazySegBind(segmentContainer, segs, bindDaySeg); | |
} | |
function daySegCalcHSides(segs) { // also sets seg.key | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var element; | |
var key, val; | |
var hsideCache = {}; | |
// record event horizontal sides | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
element = seg.element; | |
if (element) { | |
key = seg.key = cssKey(element[0]); | |
val = hsideCache[key]; | |
if (val === undefined) { | |
val = hsideCache[key] = hsides(element, true); | |
} | |
seg.hsides = val; | |
} | |
} | |
} | |
function daySegSetWidths(segs) { | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var element; | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
element = seg.element; | |
if (element) { | |
element[0].style.width = Math.max(0, seg.outerWidth - seg.hsides) + 'px'; | |
} | |
} | |
} | |
function daySegCalcHeights(segs) { | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var element; | |
var key, val; | |
var vmarginCache = {}; | |
// record event heights | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
element = seg.element; | |
if (element) { | |
key = seg.key; // created in daySegCalcHSides | |
val = vmarginCache[key]; | |
if (val === undefined) { | |
val = vmarginCache[key] = vmargins(element); | |
} | |
seg.outerHeight = element[0].offsetHeight + val; | |
} | |
} | |
} | |
function getRowDivs() { | |
var i; | |
var rowCnt = getRowCnt(); | |
var rowDivs = []; | |
for (i=0; i<rowCnt; i++) { | |
rowDivs[i] = allDayRow(i) | |
.find('td:first div.fc-day-content > div'); // optimal selector? | |
} | |
return rowDivs; | |
} | |
function getRowTops(rowDivs) { | |
var i; | |
var rowCnt = rowDivs.length; | |
var tops = []; | |
for (i=0; i<rowCnt; i++) { | |
tops[i] = rowDivs[i][0].offsetTop; // !!?? but this means the element needs position:relative if in a table cell!!!! | |
} | |
return tops; | |
} | |
function daySegSetTops(segs, rowTops) { // also triggers eventAfterRender | |
var i; | |
var segCnt = segs.length; | |
var seg; | |
var element; | |
var event; | |
for (i=0; i<segCnt; i++) { | |
seg = segs[i]; | |
element = seg.element; | |
if (element) { | |
element[0].style.top = rowTops[seg.row] + (seg.top||0) + 'px'; | |
event = seg.event; | |
trigger('eventAfterRender', event, event, element); | |
} | |
} | |
} | |
/* Resizing | |
-----------------------------------------------------------------------------------*/ | |
function resizableDayEvent(event, element, seg) { | |
var rtl = opt('isRTL'); | |
var direction = rtl ? 'w' : 'e'; | |
var handle = element.find('div.ui-resizable-' + direction); | |
var isResizing = false; | |
// TODO: look into using jquery-ui mouse widget for this stuff | |
disableTextSelection(element); // prevent native <a> selection for IE | |
element | |
.mousedown(function(ev) { // prevent native <a> selection for others | |
ev.preventDefault(); | |
}) | |
.click(function(ev) { | |
if (isResizing) { | |
ev.preventDefault(); // prevent link from being visited (only method that worked in IE6) | |
ev.stopImmediatePropagation(); // prevent fullcalendar eventClick handler from being called | |
// (eventElementHandlers needs to be bound after resizableDayEvent) | |
} | |
}); | |
handle.mousedown(function(ev) { | |
if (ev.which != 1) { | |
return; // needs to be left mouse button | |
} | |
isResizing = true; | |
var hoverListener = t.getHoverListener(); | |
var rowCnt = getRowCnt(); | |
var colCnt = getColCnt(); | |
var dis = rtl ? -1 : 1; | |
var dit = rtl ? colCnt-1 : 0; | |
var elementTop = element.css('top'); | |
var dayDelta; | |
var helpers; | |
var eventCopy = $.extend({}, event); | |
var minCell = dateCell(event.start); | |
clearSelection(); | |
$('body') | |
.css('cursor', direction + '-resize') | |
.one('mouseup', mouseup); | |
trigger('eventResizeStart', this, event, ev); | |
hoverListener.start(function(cell, origCell) { | |
if (cell) { | |
var r = Math.max(minCell.row, cell.row); | |
var c = cell.col; | |
if (rowCnt == 1) { | |
r = 0; // hack for all-day area in agenda views | |
} | |
if (r == minCell.row) { | |
if (rtl) { | |
c = Math.min(minCell.col, c); | |
}else{ | |
c = Math.max(minCell.col, c); | |
} | |
} | |
dayDelta = (r*7 + c*dis+dit) - (origCell.row*7 + origCell.col*dis+dit); | |
var newEnd = addDays(eventEnd(event), dayDelta, true); | |
if (dayDelta) { | |
eventCopy.end = newEnd; | |
var oldHelpers = helpers; | |
helpers = renderTempDaySegs(compileDaySegs([eventCopy]), seg.row, elementTop); | |
helpers.find('*').css('cursor', direction + '-resize'); | |
if (oldHelpers) { | |
oldHelpers.remove(); | |
} | |
hideEvents(event); | |
}else{ | |
if (helpers) { | |
showEvents(event); | |
helpers.remove(); | |
helpers = null; | |
} | |
} | |
clearOverlays(); | |
renderDayOverlay(event.start, addDays(cloneDate(newEnd), 1)); // coordinate grid already rebuild at hoverListener.start | |
} | |
}, ev); | |
function mouseup(ev) { | |
trigger('eventResizeStop', this, event, ev); | |
$('body').css('cursor', ''); | |
hoverListener.stop(); | |
clearOverlays(); | |
if (dayDelta) { | |
eventResize(this, event, dayDelta, 0, ev); | |
// event redraw will clear helpers | |
} | |
// otherwise, the drag handler already restored the old events | |
setTimeout(function() { // make this happen after the element's click event | |
isResizing = false; | |
},0); | |
} | |
}); | |
} | |
} | |
//BUG: unselect needs to be triggered when events are dragged+dropped | |
function SelectionManager() { | |
var t = this; | |
// exports | |
t.select = select; | |
t.unselect = unselect; | |
t.reportSelection = reportSelection; | |
t.daySelectionMousedown = daySelectionMousedown; | |
// imports | |
var opt = t.opt; | |
var trigger = t.trigger; | |
var defaultSelectionEnd = t.defaultSelectionEnd; | |
var renderSelection = t.renderSelection; | |
var clearSelection = t.clearSelection; | |
// locals | |
var selected = false; | |
// unselectAuto | |
if (opt('selectable') && opt('unselectAuto')) { | |
$(document).mousedown(function(ev) { | |
var ignore = opt('unselectCancel'); | |
if (ignore) { | |
if ($(ev.target).parents(ignore).length) { // could be optimized to stop after first match | |
return; | |
} | |
} | |
unselect(ev); | |
}); | |
} | |
function select(startDate, endDate, allDay) { | |
unselect(); | |
if (!endDate) { | |
endDate = defaultSelectionEnd(startDate, allDay); | |
} | |
renderSelection(startDate, endDate, allDay); | |
reportSelection(startDate, endDate, allDay); | |
} | |
function unselect(ev) { | |
if (selected) { | |
selected = false; | |
clearSelection(); | |
trigger('unselect', null, ev); | |
} | |
} | |
function reportSelection(startDate, endDate, allDay, ev) { | |
selected = true; | |
trigger('select', null, startDate, endDate, allDay, ev); | |
} | |
function daySelectionMousedown(ev) { // not really a generic manager method, oh well | |
var cellDate = t.cellDate; | |
var cellIsAllDay = t.cellIsAllDay; | |
var hoverListener = t.getHoverListener(); | |
var reportDayClick = t.reportDayClick; // this is hacky and sort of weird | |
if (ev.which == 1 && opt('selectable')) { // which==1 means left mouse button | |
unselect(ev); | |
var _mousedownElement = this; | |
var dates; | |
hoverListener.start(function(cell, origCell) { // TODO: maybe put cellDate/cellIsAllDay info in cell | |
clearSelection(); | |
if (cell && cellIsAllDay(cell)) { | |
dates = [ cellDate(origCell), cellDate(cell) ].sort(cmp); | |
renderSelection(dates[0], dates[1], true); | |
}else{ | |
dates = null; | |
} | |
}, ev); | |
$(document).one('mouseup', function(ev) { | |
hoverListener.stop(); | |
if (dates) { | |
if (+dates[0] == +dates[1]) { | |
reportDayClick(dates[0], true, ev); | |
} | |
reportSelection(dates[0], dates[1], true, ev); | |
} | |
}); | |
} | |
} | |
} | |
function OverlayManager() { | |
var t = this; | |
// exports | |
t.renderOverlay = renderOverlay; | |
t.clearOverlays = clearOverlays; | |
// locals | |
var usedOverlays = []; | |
var unusedOverlays = []; | |
function renderOverlay(rect, parent) { | |
var e = unusedOverlays.shift(); | |
if (!e) { | |
e = $("<div class='fc-cell-overlay' style='position:absolute;z-index:3'/>"); | |
} | |
if (e[0].parentNode != parent[0]) { | |
e.appendTo(parent); | |
} | |
usedOverlays.push(e.css(rect).show()); | |
return e; | |
} | |
function clearOverlays() { | |
var e; | |
while (e = usedOverlays.shift()) { | |
unusedOverlays.push(e.hide().unbind()); | |
} | |
} | |
} | |
function CoordinateGrid(buildFunc) { | |
var t = this; | |
var rows; | |
var cols; | |
t.build = function() { | |
rows = []; | |
cols = []; | |
buildFunc(rows, cols); | |
}; | |
t.cell = function(x, y) { | |
var rowCnt = rows.length; | |
var colCnt = cols.length; | |
var i, r=-1, c=-1; | |
for (i=0; i<rowCnt; i++) { | |
if (y >= rows[i][0] && y < rows[i][1]) { | |
r = i; | |
break; | |
} | |
} | |
for (i=0; i<colCnt; i++) { | |
if (x >= cols[i][0] && x < cols[i][1]) { | |
c = i; | |
break; | |
} | |
} | |
return (r>=0 && c>=0) ? { row:r, col:c } : null; | |
}; | |
t.rect = function(row0, col0, row1, col1, originElement) { // row1,col1 is inclusive | |
var origin = originElement.offset(); | |
return { | |
top: rows[row0][0] - origin.top, | |
left: cols[col0][0] - origin.left, | |
width: cols[col1][1] - cols[col0][0], | |
height: rows[row1][1] - rows[row0][0] | |
}; | |
}; | |
} | |
function HoverListener(coordinateGrid) { | |
var t = this; | |
var bindType; | |
var change; | |
var firstCell; | |
var cell; | |
t.start = function(_change, ev, _bindType) { | |
change = _change; | |
firstCell = cell = null; | |
coordinateGrid.build(); | |
mouse(ev); | |
bindType = _bindType || 'mousemove'; | |
$(document).bind(bindType, mouse); | |
}; | |
function mouse(ev) { | |
_fixUIEvent(ev); // see below | |
var newCell = coordinateGrid.cell(ev.pageX, ev.pageY); | |
if (!newCell != !cell || newCell && (newCell.row != cell.row || newCell.col != cell.col)) { | |
if (newCell) { | |
if (!firstCell) { | |
firstCell = newCell; | |
} | |
change(newCell, firstCell, newCell.row-firstCell.row, newCell.col-firstCell.col); | |
}else{ | |
change(newCell, firstCell); | |
} | |
cell = newCell; | |
} | |
} | |
t.stop = function() { | |
$(document).unbind(bindType, mouse); | |
return cell; | |
}; | |
} | |
// this fix was only necessary for jQuery UI 1.8.16 (and jQuery 1.7 or 1.7.1) | |
// upgrading to jQuery UI 1.8.17 (and using either jQuery 1.7 or 1.7.1) fixed the problem | |
// but keep this in here for 1.8.16 users | |
// and maybe remove it down the line | |
function _fixUIEvent(event) { // for issue 1168 | |
if (event.pageX === undefined) { | |
event.pageX = event.originalEvent.pageX; | |
event.pageY = event.originalEvent.pageY; | |
} | |
} | |
function HorizontalPositionCache(getElement) { | |
var t = this, | |
elements = {}, | |
lefts = {}, | |
rights = {}; | |
function e(i) { | |
return elements[i] = elements[i] || getElement(i); | |
} | |
t.left = function(i) { | |
return lefts[i] = lefts[i] === undefined ? e(i).position().left : lefts[i]; | |
}; | |
t.right = function(i) { | |
return rights[i] = rights[i] === undefined ? t.left(i) + e(i).width() : rights[i]; | |
}; | |
t.clear = function() { | |
elements = {}; | |
lefts = {}; | |
rights = {}; | |
}; | |
} | |
})(jQuery); | |
/*! jQuery UI - v1.9.2 - 2012-11-23 | |
* 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 2012 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.9.2", | |
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().andSelf().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 | |
$(function() { | |
var body = document.body, | |
div = body.appendChild( div = document.createElement( "div" ) ); | |
// access offsetHeight before setting the style to prevent a layout bug | |
// in IE 9 which causes the element to continue to take up space even | |
// after it is removed from the DOM (#8026) | |
div.offsetHeight; | |
$.extend( div.style, { | |
minHeight: "100px", | |
height: "auto", | |
padding: 0, | |
borderWidth: 0 | |
}); | |
$.support.minHeight = div.offsetHeight === 100; | |
$.support.selectstart = "onselectstart" in div; | |
// set display to none to avoid a layout bug in IE | |
// http://dev.jquery.com/ticket/4014 | |
body.removeChild( div ).style.display = "none"; | |
}); | |
// 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.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 | |
(function() { | |
var uaMatch = /msie ([\w.]+)/.exec( navigator.userAgent.toLowerCase() ) || []; | |
$.ui.ie = uaMatch.length ? true : false; | |
$.ui.ie6 = parseFloat( uaMatch[ 1 ], 10 ) === 6; | |
})(); | |
$.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 ); | |
} | |
} | |
} | |
}, | |
contains: $.contains, | |
// 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; | |
}, | |
// these are odd functions, fix the API or move into individual plugins | |
isOverAxis: function( x, reference, size ) { | |
//Determines when x coordinate is over "b" element axis | |
return ( x > reference ) && ( x < ( reference + size ) ); | |
}, | |
isOver: function( y, x, top, left, height, width ) { | |
//Determines when x, y coordinates is over "b" element | |
return $.ui.isOverAxis( y, top, height ) && $.ui.isOverAxis( x, left, width ); | |
} | |
}); | |
})( 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, | |
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 ) ) { | |
prototype[ 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 | |
}, prototype, { | |
constructor: constructor, | |
namespace: namespace, | |
widgetName: name, | |
// TODO remove widgetBaseClass, see #8155 | |
widgetBaseClass: fullName, | |
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 ) { | |
// 1.9 BC for #7810 | |
// TODO remove dual storage | |
$.data( element, this.widgetName, 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 ] || $.uiBackCompat !== false && $.effects[ 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(); | |
}); | |
} | |
}; | |
}); | |
// DEPRECATED | |
if ( $.uiBackCompat !== false ) { | |
$.Widget.prototype._getCreateOptions = function() { | |
return $.metadata && $.metadata.get( this.element[0] )[ this.widgetName ]; | |
}; | |
} | |
})( jQuery ); | |
(function( $, undefined ) { | |
var mouseHandled = false; | |
$( document ).mouseup( function( e ) { | |
mouseHandled = false; | |
}); | |
$.widget("ui.mouse", { | |
version: "1.9.2", | |
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 >= 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.9.2", | |
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 | |
}, | |
_create: function() { | |
if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position"))) | |
this.element[0].style.position = 'relative'; | |
(this.options.addClasses && this.element.addClass("ui-draggable")); | |
(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).is('.ui-resizable-handle')) | |
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 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) | |
var element = this.element[0], elementInDom = false; | |
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))) { | |
var that = this; | |
$(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("*") | |
.andSelf() | |
.each(function() { | |
if(this == event.target) handle = true; | |
}); | |
return handle; | |
}, | |
_createHelper: function(event) { | |
var o = this.options; | |
var 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(); | |
} | |
if((this.offsetParent[0] == document.body) //This needs to be actually done for all browsers, since pageX/pageY includes this information | |
|| (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.ui.ie)) //Ugly IE fix | |
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 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) { | |
var c = $(o.containment); | |
var ce = c[0]; if(!ce) return; | |
var co = c.offset(); | |
var 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; | |
var 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); | |
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 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); | |
var pageX = event.pageX; | |
var 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 | |
var containment; | |
if(this.containment) { | |
if (this.relative_container){ | |
var 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) | |
var 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; | |
var 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(); | |
//if($.ui.ddmanager) $.ui.ddmanager.current = null; | |
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]); | |
if(type == "drag") this.positionAbs = this._convertPositionTo("absolute"); //The absolute position has to be recalculated after plugins | |
return $.Widget.prototype._trigger.call(this, type, event, ui); | |
}, | |
plugins: {}, | |
_uiHash: function(event) { | |
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("draggable"), o = inst.options, | |
uiSortable = $.extend({}, ui, { item: inst.element }); | |
inst.sortables = []; | |
$(o.connectToSortable).each(function() { | |
var sortable = $.data(this, '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("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("draggable"), that = this; | |
var checkPos = function(o) { | |
var dyClick = this.offset.click.top, dxClick = this.offset.click.left; | |
var helperTop = this.positionAbs.top, helperLeft = this.positionAbs.left; | |
var itemHeight = o.height, itemWidth = o.width; | |
var itemTop = o.top, itemLeft = o.left; | |
return $.ui.isOver(helperTop + dyClick, helperLeft + dxClick, itemTop, itemLeft, itemHeight, itemWidth); | |
}; | |
$.each(inst.sortables, function(i) { | |
var innermostIntersecting = false; | |
var 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("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(event, ui) { | |
var t = $('body'), o = $(this).data('draggable').options; | |
if (t.css("cursor")) o._cursor = t.css("cursor"); | |
t.css("cursor", o.cursor); | |
}, | |
stop: function(event, ui) { | |
var o = $(this).data('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('draggable').options; | |
if(t.css("opacity")) o._opacity = t.css("opacity"); | |
t.css('opacity', o.opacity); | |
}, | |
stop: function(event, ui) { | |
var o = $(this).data('draggable').options; | |
if(o._opacity) $(ui.helper).css('opacity', o._opacity); | |
} | |
}); | |
$.ui.plugin.add("draggable", "scroll", { | |
start: function(event, ui) { | |
var i = $(this).data("draggable"); | |
if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') i.overflowOffset = i.scrollParent.offset(); | |
}, | |
drag: function(event, ui) { | |
var i = $(this).data("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(event, ui) { | |
var i = $(this).data("draggable"), o = i.options; | |
i.snapElements = []; | |
$(o.snap.constructor != String ? ( o.snap.items || ':data(draggable)' ) : o.snap).each(function() { | |
var $t = $(this); var $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 inst = $(this).data("draggable"), o = inst.options; | |
var d = o.snapTolerance; | |
var x1 = ui.offset.left, x2 = x1 + inst.helperProportions.width, | |
y1 = ui.offset.top, y2 = y1 + inst.helperProportions.height; | |
for (var i = inst.snapElements.length - 1; i >= 0; i--){ | |
var 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') { | |
var ts = Math.abs(t - y2) <= d; | |
var bs = Math.abs(b - y1) <= d; | |
var ls = Math.abs(l - x2) <= d; | |
var 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; | |
} | |
var first = (ts || bs || ls || rs); | |
if(o.snapMode != 'outer') { | |
var ts = Math.abs(t - y1) <= d; | |
var bs = Math.abs(b - y2) <= d; | |
var ls = Math.abs(l - x1) <= d; | |
var 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(event, ui) { | |
var o = $(this).data("draggable").options; | |
var 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; } | |
var min = parseInt(group[0].style.zIndex) || 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("draggable").options; | |
if(t.css("zIndex")) o._zIndex = t.css("zIndex"); | |
t.css('zIndex', o.zIndex); | |
}, | |
stop: function(event, ui) { | |
var o = $(this).data("draggable").options; | |
if(o._zIndex) $(ui.helper).css('zIndex', o._zIndex); | |
} | |
}); | |
})(jQuery); | |
(function( $, undefined ) { | |
$.widget("ui.droppable", { | |
version: "1.9.2", | |
widgetEventPrefix: "drop", | |
options: { | |
accept: '*', | |
activeClass: false, | |
addClasses: true, | |
greedy: false, | |
hoverClass: false, | |
scope: 'default', | |
tolerance: 'intersect' | |
}, | |
_create: function() { | |
var o = this.options, accept = o.accept; | |
this.isover = 0; this.isout = 1; | |
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 drop = $.ui.ddmanager.droppables[this.options.scope]; | |
for ( var i = 0; 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); | |
(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); | |
(draggable && this._trigger('deactivate', event, this.ui(draggable))); | |
}, | |
_over: function(event) { | |
var draggable = $.ui.ddmanager.current; | |
if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element | |
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; | |
if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element | |
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; | |
if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return false; // Bail if draggable and droppable are same element | |
var childrenIntersection = false; | |
this.element.find(":data(droppable)").not(".ui-draggable-dragging").each(function() { | |
var inst = $.data(this, '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 x1 = (draggable.positionAbs || draggable.position.absolute).left, x2 = x1 + draggable.helperProportions.width, | |
y1 = (draggable.positionAbs || draggable.position.absolute).top, y2 = y1 + draggable.helperProportions.height; | |
var 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); | |
break; | |
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 | |
break; | |
case 'pointer': | |
var 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), | |
isOver = $.ui.isOver(draggableTop, draggableLeft, t, l, droppable.proportions.height, droppable.proportions.width); | |
return isOver; | |
break; | |
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 | |
); | |
break; | |
default: | |
return false; | |
break; | |
} | |
}; | |
/* | |
This manager tracks offsets of draggables and droppables | |
*/ | |
$.ui.ddmanager = { | |
current: null, | |
droppables: { 'default': [] }, | |
prepareOffsets: function(t, event) { | |
var m = $.ui.ddmanager.droppables[t.options.scope] || []; | |
var type = event ? event.type : null; // workaround for #2317 | |
var list = (t.currentItem || t.element).find(":data(droppable)").andSelf(); | |
droppablesLoop: for (var i = 0; i < m.length; i++) { | |
if(m[i].options.disabled || (t && !m[i].accept.call(m[i].element[0],(t.currentItem || t.element)))) continue; //No disabled and non-accepted | |
for (var j=0; j < list.length; j++) { if(list[j] == m[i].element[0]) { m[i].proportions.height = 0; continue droppablesLoop; } }; //Filter out elements in the current dragged item | |
m[i].visible = m[i].element.css("display") != "none"; if(!m[i].visible) continue; //If the element is not visible, continue | |
if(type == "mousedown") m[i]._activate.call(m[i], event); //Activate the droppable if used directly from draggables | |
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 = 1; this.isover = 0; | |
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 intersects = $.ui.intersect(draggable, this, this.options.tolerance); | |
var c = !intersects && this.isover == 1 ? 'isout' : (intersects && this.isover == 0 ? 'isover' : null); | |
if(!c) return; | |
var parentInstance; | |
if (this.options.greedy) { | |
// find droppable parents with same scope | |
var scope = this.options.scope; | |
var parent = this.element.parents(':data(droppable)').filter(function () { | |
return $.data(this, 'droppable').options.scope === scope; | |
}); | |
if (parent.length) { | |
parentInstance = $.data(parent[0], 'droppable'); | |
parentInstance.greedyChild = (c == 'isover' ? 1 : 0); | |
} | |
} | |
// we just moved into a greedy child | |
if (parentInstance && c == 'isover') { | |
parentInstance['isover'] = 0; | |
parentInstance['isout'] = 1; | |
parentInstance._out.call(parentInstance, event); | |
} | |
this[c] = 1; this[c == 'isout' ? 'isover' : 'isout'] = 0; | |
this[c == "isover" ? "_over" : "_out"].call(this, event); | |
// we just moved out of a greedy child | |
if (parentInstance && c == 'isout') { | |
parentInstance['isout'] = 0; | |
parentInstance['isover'] = 1; | |
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 ) { | |
$.widget("ui.resizable", $.ui.mouse, { | |
version: "1.9.2", | |
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, | |
zIndex: 1000 | |
}, | |
_create: function() { | |
var 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( | |
"resizable", this.element.data('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'; | |
var n = this.handles.split(","); this.handles = {}; | |
for(var i = 0; i < n.length; i++) { | |
var handle = $.trim(n[i]), hname = 'ui-resizable-'+handle; | |
var 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) { | |
target = target || this.element; | |
for(var 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)) { | |
var axis = $(this.handles[i], this.element), padWrapper = 0; | |
//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... | |
var 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) | |
var 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 _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); | |
var 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 handle = false; | |
for (var i in this.handles) { | |
if ($(this.handles[i])[0] == event.target) { | |
handle = true; | |
} | |
} | |
return !this.options.disabled && handle; | |
}, | |
_mouseStart: function(event) { | |
var o = this.options, iniPos = this.element.position(), el = this.element; | |
this.resizing = true; | |
this.documentScroll = { top: $(document).scrollTop(), left: $(document).scrollLeft() }; | |
// bugfix for http://dev.jquery.com/ticket/1749 | |
if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) { | |
el.css({ position: 'absolute', top: iniPos.top, left: iniPos.left }); | |
} | |
this._renderProxy(); | |
var 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); | |
var 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 el = this.helper, o = this.options, props = {}, | |
that = this, smp = this.originalMousePosition, a = this.axis; | |
var dx = (event.pageX-smp.left)||0, dy = (event.pageY-smp.top)||0; | |
var trigger = this._change[a]; | |
if (!trigger) return false; | |
// Calculate the attrs that will be change | |
var 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); | |
// plugins callbacks need to be called first | |
this._propagate("resize", event); | |
el.css({ | |
top: this.position.top + "px", left: this.position.left + "px", | |
width: this.size.width + "px", height: this.size.height + "px" | |
}); | |
if (!this._helper && this._proportionallyResizeElements.length) | |
this._proportionallyResize(); | |
this._updateCache(data); | |
// calling the user callback at the end | |
this._trigger('resize', event, this.ui()); | |
return false; | |
}, | |
_mouseStop: function(event) { | |
this.resizing = false; | |
var o = this.options, that = this; | |
if(this._helper) { | |
var 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; | |
var 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 o = this.options, pMinWidth, pMaxWidth, pMinHeight, pMaxHeight, b; | |
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) { | |
var o = this.options; | |
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, event) { | |
var o = this.options, 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, event) { | |
var el = this.helper, o = this._vBoundaries, pRatio = this._aspectRatio || event.shiftKey, 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); | |
if (isminw) data.width = o.minWidth; | |
if (isminh) data.height = o.minHeight; | |
if (ismaxw) data.width = o.maxWidth; | |
if (ismaxh) data.height = o.maxHeight; | |
var dw = this.originalPosition.left + this.originalSize.width, dh = this.position.top + this.size.height; | |
var cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a); | |
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 | |
var isNotwh = !data.width && !data.height; | |
if (isNotwh && !data.left && data.top) data.top = null; | |
else if (isNotwh && !data.top && data.left) data.left = null; | |
return data; | |
}, | |
_proportionallyResize: function() { | |
var o = this.options; | |
if (!this._proportionallyResizeElements.length) return; | |
var element = this.helper || this.element; | |
for (var i=0; i < this._proportionallyResizeElements.length; i++) { | |
var prel = this._proportionallyResizeElements[i]; | |
if (!this.borderDif) { | |
var b = [prel.css('borderTopWidth'), prel.css('borderRightWidth'), prel.css('borderBottomWidth'), prel.css('borderLeftWidth')], | |
p = [prel.css('paddingTop'), prel.css('paddingRight'), prel.css('paddingBottom'), prel.css('paddingLeft')]; | |
this.borderDif = $.map(b, function(v, i) { | |
var border = parseInt(v,10)||0, padding = parseInt(p[i],10)||0; | |
return border + padding; | |
}); | |
} | |
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>'); | |
// fix ie6 offset TODO: This seems broken | |
var ie6offset = ($.ui.ie6 ? 1 : 0), | |
pxyoffset = ( $.ui.ie6 ? 2 : -1 ); | |
this.helper.addClass(this._helper).css({ | |
width: this.element.outerWidth() + pxyoffset, | |
height: this.element.outerHeight() + pxyoffset, | |
position: 'absolute', | |
left: this.elementOffset.left - ie6offset +'px', | |
top: this.elementOffset.top - ie6offset +'px', | |
zIndex: ++o.zIndex //TODO: Don't modify option | |
}); | |
this.helper | |
.appendTo("body") | |
.disableSelection(); | |
} else { | |
this.helper = this.element; | |
} | |
}, | |
_change: { | |
e: function(event, dx, dy) { | |
return { width: this.originalSize.width + dx }; | |
}, | |
w: function(event, dx, dy) { | |
var o = this.options, cs = this.originalSize, sp = this.originalPosition; | |
return { left: sp.left + dx, width: cs.width - dx }; | |
}, | |
n: function(event, dx, dy) { | |
var o = this.options, 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", "alsoResize", { | |
start: function (event, ui) { | |
var that = $(this).data("resizable"), o = that.options; | |
var _store = function (exp) { | |
$(exp).each(function() { | |
var el = $(this); | |
el.data("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("resizable"), o = that.options, os = that.originalSize, op = that.originalPosition; | |
var 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("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 (event, ui) { | |
$(this).removeData("resizable-alsoresize"); | |
} | |
}); | |
$.ui.plugin.add("resizable", "animate", { | |
stop: function(event, ui) { | |
var that = $(this).data("resizable"), o = that.options; | |
var 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; | |
var 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(event, ui) { | |
var that = $(this).data("resizable"), o = that.options, el = that.element; | |
var 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 { | |
var 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]) }; | |
var 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, ui) { | |
var that = $(this).data("resizable"), o = that.options, | |
ps = that.containerSize, co = that.containerOffset, cs = that.size, 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; | |
var 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 ); | |
var 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(event, ui){ | |
var that = $(this).data("resizable"), o = that.options, cp = that.position, | |
co = that.containerOffset, cop = that.containerPosition, ce = that.containerElement; | |
var 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", "ghost", { | |
start: function(event, ui) { | |
var that = $(this).data("resizable"), o = that.options, cs = that.size; | |
that.ghost = that.originalElement.clone(); | |
that.ghost | |
.css({ opacity: .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(event, ui){ | |
var that = $(this).data("resizable"), o = that.options; | |
if (that.ghost) that.ghost.css({ position: 'relative', height: that.size.height, width: that.size.width }); | |
}, | |
stop: function(event, ui){ | |
var that = $(this).data("resizable"), o = that.options; | |
if (that.ghost && that.helper) that.helper.get(0).removeChild(that.ghost.get(0)); | |
} | |
}); | |
$.ui.plugin.add("resizable", "grid", { | |
resize: function(event, ui) { | |
var that = $(this).data("resizable"), o = that.options, cs = that.size, os = that.originalSize, op = that.originalPosition, a = that.axis, ratio = o._aspectRatio || event.shiftKey; | |
o.grid = typeof o.grid == "number" ? [o.grid, o.grid] : o.grid; | |
var ox = Math.round((cs.width - os.width) / (o.grid[0]||1)) * (o.grid[0]||1), oy = Math.round((cs.height - os.height) / (o.grid[1]||1)) * (o.grid[1]||1); | |
if (/^(se|s|e)$/.test(a)) { | |
that.size.width = os.width + ox; | |
that.size.height = os.height + oy; | |
} | |
else if (/^(ne)$/.test(a)) { | |
that.size.width = os.width + ox; | |
that.size.height = os.height + oy; | |
that.position.top = op.top - oy; | |
} | |
else if (/^(sw)$/.test(a)) { | |
that.size.width = os.width + ox; | |
that.size.height = os.height + oy; | |
that.position.left = op.left - ox; | |
} | |
else { | |
that.size.width = os.width + ox; | |
that.size.height = os.height + oy; | |
that.position.top = op.top - oy; | |
that.position.left = op.left - ox; | |
} | |
} | |
}); | |
var num = function(v) { | |
return parseInt(v, 10) || 0; | |
}; | |
var isNumber = function(value) { | |
return !isNaN(parseInt(value, 10)); | |
}; | |
})(jQuery); | |
(function( $, undefined ) { | |
$.widget("ui.selectable", $.ui.mouse, { | |
version: "1.9.2", | |
options: { | |
appendTo: 'body', | |
autoRefresh: true, | |
distance: 0, | |
filter: '*', | |
tolerance: 'touch' | |
}, | |
_create: function() { | |
var that = this; | |
this.element.addClass("ui-selectable"); | |
this.dragged = false; | |
// cache selectee children based on filter | |
var selectees; | |
this.refresh = function() { | |
selectees = $(that.options.filter, that.element[0]); | |
selectees.addClass("ui-selectee"); | |
selectees.each(function() { | |
var $this = $(this); | |
var 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; | |
this.opos = [event.pageX, event.pageY]; | |
if (this.options.disabled) | |
return; | |
var options = this.options; | |
this.selectees = $(options.filter, this.element[0]); | |
this._trigger("start", event); | |
$(options.appendTo).append(this.helper); | |
// position helper (lasso) | |
this.helper.css({ | |
"left": event.clientX, | |
"top": event.clientY, | |
"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().andSelf().each(function() { | |
var selectee = $.data(this, "selectable-item"); | |
if (selectee) { | |
var 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) { | |
var that = this; | |
this.dragged = true; | |
if (this.options.disabled) | |
return; | |
var options = this.options; | |
var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY; | |
if (x1 > x2) { var tmp = x2; x2 = x1; x1 = tmp; } | |
if (y1 > y2) { var 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"); | |
//prevent helper from being selected if appendTo: selectable | |
if (!selectee || selectee.element == that.element[0]) | |
return; | |
var hit = false; | |
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; | |
var options = this.options; | |
$('.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 ) { | |
$.widget("ui.sortable", $.ui.mouse, { | |
version: "1.9.2", | |
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 | |
}, | |
_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 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 | |
var currentItem = null, nodes = $(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) { | |
var validHandle = false; | |
$(this.options.handle, currentItem).find("*").andSelf().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 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 (var 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) { | |
//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) { | |
var o = this.options, scrolled = false; | |
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 (var i = this.items.length - 1; i >= 0; i--) { | |
//Cache variables and intersection, continue if no intersection | |
var 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; | |
if (itemElement != this.currentItem[0] //cannot intersect with itself | |
&& this.placeholder[intersection == 1 ? "next" : "prev"]()[0] != itemElement //no useless actions that have been done before | |
&& !$.contains(this.placeholder[0], itemElement) //no action if the item moved is the parent of the item checked | |
&& (this.options.type == 'semi-dynamic' ? !$.contains(this.element[0], itemElement) : true) | |
//&& itemElement.parentNode == this.placeholder[0].parentNode // only rearrange items within the same container | |
) { | |
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; | |
var 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); | |
var 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); | |
var 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; | |
var l = item.left, | |
r = l + item.width, | |
t = item.top, | |
b = t + item.height; | |
var dyClick = this.offset.click.top, | |
dxClick = this.offset.click.left; | |
var 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') || $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height), | |
isOverElementWidth = (this.options.axis === 'y') || $.ui.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 = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height), | |
isOverRightHalf = $.ui.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 items = []; | |
var queries = []; | |
var connectWith = this._connectWith(); | |
if(connectWith && connected) { | |
for (var i = connectWith.length - 1; i >= 0; i--){ | |
var cur = $(connectWith[i]); | |
for (var j = cur.length - 1; j >= 0; j--){ | |
var inst = $.data(cur[j], this.widgetName); | |
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 (var 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 items = this.items; | |
var queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]]; | |
var connectWith = this._connectWith(); | |
if(connectWith && this.ready) { //Shouldn't be run the first time through due to massive slow-down | |
for (var i = connectWith.length - 1; i >= 0; i--){ | |
var cur = $(connectWith[i]); | |
for (var j = cur.length - 1; j >= 0; j--){ | |
var inst = $.data(cur[j], this.widgetName); | |
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 (var i = queries.length - 1; i >= 0; i--) { | |
var targetData = queries[i][1]; | |
var _queries = queries[i][0]; | |
for (var j=0, queriesLength = _queries.length; j < queriesLength; j++) { | |
var 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(); | |
} | |
for (var i = this.items.length - 1; i >= 0; i--){ | |
var 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; | |
var t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item; | |
if (!fast) { | |
item.width = t.outerWidth(); | |
item.height = t.outerHeight(); | |
} | |
var 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 (var i = this.containers.length - 1; i >= 0; i--){ | |
var 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 o = that.options; | |
if(!o.placeholder || o.placeholder.constructor == String) { | |
var 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) { | |
// get innermost container that intersects with item | |
var innermostContainer = null, innermostIndex = null; | |
for (var 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 | |
var dist = 10000; var itemWithLeastDistance = null; | |
var posProperty = this.containers[innermostIndex].floating ? 'left' : 'top'; | |
var sizeProperty = this.containers[innermostIndex].floating ? 'width' : 'height'; | |
var base = this.positionAbs[posProperty] + this.offset.click[posProperty]; | |
for (var 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; | |
var cur = this.items[j].item.offset()[posProperty]; | |
var 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"; | |
} | |
} | |
if(!itemWithLeastDistance && !this.options.dropOnEmpty) //Check if dropOnEmpty is enabled | |
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; | |
var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper == 'clone' ? this.currentItem.clone() : this.currentItem); | |
if(!helper.parents('body').length) //Add the helper to the DOM if that didn't happen already | |
$(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(); | |
} | |
if((this.offsetParent[0] == document.body) //This needs to be actually done for all browsers, since pageX/pageY includes this information | |
|| (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.ui.ie)) //Ugly IE fix | |
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 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)) { | |
var ce = $(o.containment)[0]; | |
var co = $(o.containment).offset(); | |
var 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; | |
var 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); | |
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 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); | |
// 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(); | |
} | |
var pageX = event.pageX; | |
var 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(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) { | |
var 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; | |
var 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 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(var 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 (var 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); //Reset cursor | |
if(this._storedOpacity) this.helper.css("opacity", this._storedOpacity); //Reset opacity | |
if(this._storedZIndex) this.helper.css("zIndex", this._storedZIndex == 'auto' ? '' : this._storedZIndex); //Reset z-index | |
this.dragging = false; | |
if(this.cancelHelperRemoval) { | |
if(!noPropagation) { | |
this._trigger("beforeStop", event, this._uiHash()); | |
for (var 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 (var 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 backCompat = $.uiBackCompat !== false, | |
// prefix used for storing data on .data() | |
dataSpace = "ui-effects-"; | |
$.effects = { | |
effect: {} | |
}; | |
/*! | |
* jQuery Color Animations v2.0.0 | |
* http://jquery.com/ | |
* | |
* Copyright 2012 jQuery Foundation and other contributors | |
* Released under the MIT license. | |
* http://jquery.org/license | |
* | |
* Date: Mon Aug 13 13:41:02 2012 -0500 | |
*/ | |
(function( jQuery, undefined ) { | |
var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor".split(" "), | |
// 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 ] && $.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; | |
} | |
if ( l === 0 || l === 1 ) { | |
s = l; | |
} 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 .fx.step functions | |
each( stepHooks, function( i, hook ) { | |
jQuery.cssHooks[ hook ] = { | |
set: function( elem, value ) { | |
var parsed, curElem, | |
backgroundColor = ""; | |
if ( 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( error ) { | |
// 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 ) ); | |
}; | |
}); | |
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() { | |
var style = this.ownerDocument.defaultView ? | |
this.ownerDocument.defaultView.getComputedStyle( this, null ) : | |
this.currentStyle, | |
newStyle = {}, | |
key, | |
len; | |
// webkit enumerates style porperties | |
if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) { | |
len = style.length; | |
while ( len-- ) { | |
key = style[ len ]; | |
if ( typeof style[ key ] === "string" ) { | |
newStyle[ $.camelCase( key ) ] = style[ key ]; | |
} | |
} | |
} else { | |
for ( key in style ) { | |
if ( typeof style[ key ] === "string" ) { | |
newStyle[ key ] = style[ key ]; | |
} | |
} | |
} | |
return newStyle; | |
} | |
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; | |
} | |
$.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( "*" ).andSelf() : animated; | |
// map the animated objects to store the original styles. | |
allAnimations = allAnimations.map(function() { | |
var el = $( this ); | |
return { | |
el: el, | |
start: getElementStyles.call( 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.call( 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 = jQuery.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.9.2", | |
// 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 | |
if ( typeof speed === "string" && !$.effects.effect[ speed ] ) { | |
// TODO: remove in 2.0 (#7115) | |
if ( backCompat && $.effects[ speed ] ) { | |
return false; | |
} | |
return true; | |
} | |
return false; | |
} | |
$.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 ], | |
// DEPRECATED: remove in 2.0 (#7115) | |
oldEffectMethod = !effectMethod && backCompat && $.effects[ args.effect ]; | |
if ( $.fx.off || !( effectMethod || oldEffectMethod ) ) { | |
// 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 ); | |
} | |
} | |
// TODO: remove this check in 2.0, effectMethod will always be true | |
if ( effectMethod ) { | |
return queue === false ? this.each( run ) : this.queue( queue || "fx", run ); | |
} else { | |
// DEPRECATED: remove in 2.0 (#7115) | |
return oldEffectMethod.call(this, { | |
options: args, | |
duration: args.duration, | |
callback: args.complete, | |
mode: args.mode | |
}); | |
} | |
}, | |
_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.9.2", | |
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 accordionId = this.accordionId = "ui-accordion-" + | |
(this.element.attr( "id" ) || ++uid), | |
options = this.options; | |
this.prevShow = this.prevHide = $(); | |
this.element.addClass( "ui-accordion ui-widget ui-helper-reset" ); | |
this.headers = this.element.find( options.header ) | |
.addClass( "ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" ); | |
this._hoverable( this.headers ); | |
this._focusable( this.headers ); | |
this.headers.next() | |
.addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" ) | |
.hide(); | |
// don't allow collapsible: false and active: false / null | |
if ( !options.collapsible && (options.active === false || options.active == null) ) { | |
options.active = 0; | |
} | |
// handle negative values | |
if ( options.active < 0 ) { | |
options.active += this.headers.length; | |
} | |
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._createIcons(); | |
this.refresh(); | |
// ARIA | |
this.element.attr( "role", "tablist" ); | |
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._on( this.headers, { keydown: "_keydown" }); | |
this._on( this.headers.next(), { keydown: "_panelKeyDown" }); | |
this._setupEvents( options.event ); | |
}, | |
_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 ) { | |
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 maxHeight, overflow, | |
heightStyle = this.options.heightStyle, | |
parent = this.element.parent(); | |
if ( heightStyle === "fill" ) { | |
// IE 6 treats height like minHeight, so we need to turn off overflow | |
// in order to get a reliable height | |
// we use the minHeight support test because we assume that only | |
// browsers that don't support minHeight will treat height as minHeight | |
if ( !$.support.minHeight ) { | |
overflow = parent.css( "overflow" ); | |
parent.css( "overflow", "hidden"); | |
} | |
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 ); | |
}); | |
if ( overflow ) { | |
parent.css( "overflow", overflow ); | |
} | |
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 = {}; | |
if ( !event ) { | |
return; | |
} | |
$.each( event.split(" "), function( index, eventName ) { | |
events[ eventName ] = "_eventHandler"; | |
}); | |
this._on( this.headers, events ); | |
}, | |
_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 ); | |
} | |
}); | |
// DEPRECATED | |
if ( $.uiBackCompat !== false ) { | |
// navigation options | |
(function( $, prototype ) { | |
$.extend( prototype.options, { | |
navigation: false, | |
navigationFilter: function() { | |
return this.href.toLowerCase() === location.href.toLowerCase(); | |
} | |
}); | |
var _create = prototype._create; | |
prototype._create = function() { | |
if ( this.options.navigation ) { | |
var that = this, | |
headers = this.element.find( this.options.header ), | |
content = headers.next(), | |
current = headers.add( content ) | |
.find( "a" ) | |
.filter( this.options.navigationFilter ) | |
[ 0 ]; | |
if ( current ) { | |
headers.add( content ).each( function( index ) { | |
if ( $.contains( this, current ) ) { | |
that.options.active = Math.floor( index / 2 ); | |
return false; | |
} | |
}); | |
} | |
} | |
_create.call( this ); | |
}; | |
}( jQuery, jQuery.ui.accordion.prototype ) ); | |
// height options | |
(function( $, prototype ) { | |
$.extend( prototype.options, { | |
heightStyle: null, // remove default so we fall back to old values | |
autoHeight: true, // use heightStyle: "auto" | |
clearStyle: false, // use heightStyle: "content" | |
fillSpace: false // use heightStyle: "fill" | |
}); | |
var _create = prototype._create, | |
_setOption = prototype._setOption; | |
$.extend( prototype, { | |
_create: function() { | |
this.options.heightStyle = this.options.heightStyle || | |
this._mergeHeightStyle(); | |
_create.call( this ); | |
}, | |
_setOption: function( key ) { | |
if ( key === "autoHeight" || key === "clearStyle" || key === "fillSpace" ) { | |
this.options.heightStyle = this._mergeHeightStyle(); | |
} | |
_setOption.apply( this, arguments ); | |
}, | |
_mergeHeightStyle: function() { | |
var options = this.options; | |
if ( options.fillSpace ) { | |
return "fill"; | |
} | |
if ( options.clearStyle ) { | |
return "content"; | |
} | |
if ( options.autoHeight ) { | |
return "auto"; | |
} | |
} | |
}); | |
}( jQuery, jQuery.ui.accordion.prototype ) ); | |
// icon options | |
(function( $, prototype ) { | |
$.extend( prototype.options.icons, { | |
activeHeader: null, // remove default so we fall back to old values | |
headerSelected: "ui-icon-triangle-1-s" | |
}); | |
var _createIcons = prototype._createIcons; | |
prototype._createIcons = function() { | |
if ( this.options.icons ) { | |
this.options.icons.activeHeader = this.options.icons.activeHeader || | |
this.options.icons.headerSelected; | |
} | |
_createIcons.call( this ); | |
}; | |
}( jQuery, jQuery.ui.accordion.prototype ) ); | |
// expanded active option, activate method | |
(function( $, prototype ) { | |
prototype.activate = prototype._activate; | |
var _findActive = prototype._findActive; | |
prototype._findActive = function( index ) { | |
if ( index === -1 ) { | |
index = false; | |
} | |
if ( index && typeof index !== "number" ) { | |
index = this.headers.index( this.headers.filter( index ) ); | |
if ( index === -1 ) { | |
index = false; | |
} | |
} | |
return _findActive.call( this, index ); | |
}; | |
}( jQuery, jQuery.ui.accordion.prototype ) ); | |
// resize method | |
jQuery.ui.accordion.prototype.resize = jQuery.ui.accordion.prototype.refresh; | |
// change events | |
(function( $, prototype ) { | |
$.extend( prototype.options, { | |
change: null, | |
changestart: null | |
}); | |
var _trigger = prototype._trigger; | |
prototype._trigger = function( type, event, data ) { | |
var ret = _trigger.apply( this, arguments ); | |
if ( !ret ) { | |
return false; | |
} | |
if ( type === "beforeActivate" ) { | |
ret = _trigger.call( this, "changestart", event, { | |
oldHeader: data.oldHeader, | |
oldContent: data.oldPanel, | |
newHeader: data.newHeader, | |
newContent: data.newPanel | |
}); | |
} else if ( type === "activate" ) { | |
ret = _trigger.call( this, "change", event, { | |
oldHeader: data.oldHeader, | |
oldContent: data.oldPanel, | |
newHeader: data.newHeader, | |
newContent: data.newPanel | |
}); | |
} | |
return ret; | |
}; | |
}( jQuery, jQuery.ui.accordion.prototype ) ); | |
// animated option | |
// NOTE: this only provides support for "slide", "bounceslide", and easings | |
// not the full $.ui.accordion.animations API | |
(function( $, prototype ) { | |
$.extend( prototype.options, { | |
animate: null, | |
animated: "slide" | |
}); | |
var _create = prototype._create; | |
prototype._create = function() { | |
var options = this.options; | |
if ( options.animate === null ) { | |
if ( !options.animated ) { | |
options.animate = false; | |
} else if ( options.animated === "slide" ) { | |
options.animate = 300; | |
} else if ( options.animated === "bounceslide" ) { | |
options.animate = { | |
duration: 200, | |
down: { | |
easing: "easeOutBounce", | |
duration: 1000 | |
} | |
}; | |
} else { | |
options.animate = options.animated; | |
} | |
} | |
_create.call( this ); | |
}; | |
}( jQuery, jQuery.ui.accordion.prototype ) ); | |
} | |
})( jQuery ); | |
(function( $, undefined ) { | |
// used to prevent race conditions with remote data sources | |
var requestIndex = 0; | |
$.widget( "ui.autocomplete", { | |
version: "1.9.2", | |
defaultElement: "<input>", | |
options: { | |
appendTo: "body", | |
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 ) { | |
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.document.find( this.options.appendTo || "body" )[ 0 ] ) | |
.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( "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; | |
} | |
} | |
// back compat for _renderItem using item.autocomplete, via #7810 | |
// TODO remove the fallback, see #8156 | |
var item = ui.item.data( "ui-autocomplete-item" ) || ui.item.data( "item.autocomplete" ); | |
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 ) { | |
// back compat for _renderItem using item.autocomplete, via #7810 | |
// TODO remove the fallback, see #8156 | |
var item = ui.item.data( "ui-autocomplete-item" ) || ui.item.data( "item.autocomplete" ), | |
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 ); | |
if ( $.fn.bgiframe ) { | |
this.menu.element.bgiframe(); | |
} | |
// 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.document.find( value || "body" )[0] ); | |
} | |
if ( key === "disabled" && value && this.xhr ) { | |
this.xhr.abort(); | |
} | |
}, | |
_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 ) { | |
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.9.2", | |
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; | |
} | |
$( this ).toggleClass( "ui-state-active" ); | |
that.buttonElement.attr( "aria-pressed", that.element[0].checked ); | |
}); | |
} 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" ); | |
} | |
}) | |
.bind( "keyup" + 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.9.2", | |
options: { | |
items: "button, input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type=radio], a, :data(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.9.2" } }); | |
var PROP_NAME = 'datepicker'; | |
var dpuuid = new Date().getTime(); | |
var 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.debug = false; // Change this to true to start debugging | |
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, | |
/* Debug logging (if enabled). */ | |
log: function () { | |
if (this.debug) | |
console.log.apply('', arguments); | |
}, | |
// 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) { | |
// check for settings on the control itself - in namespace 'date:' | |
var inlineSettings = null; | |
for (var attrName in this._defaults) { | |
var attrValue = target.getAttribute('date:' + attrName); | |
if (attrValue) { | |
inlineSettings = inlineSettings || {}; | |
try { | |
inlineSettings[attrName] = eval(attrValue); | |
} catch (err) { | |
inlineSettings[attrName] = attrValue; | |
} | |
} | |
} | |
var nodeName = target.nodeName.toLowerCase(); | |
var inline = (nodeName == 'div' || nodeName == 'span'); | |
if (!target.id) { | |
this.uuid += 1; | |
target.id = 'dp' + this.uuid; | |
} | |
var inst = this._newInst($(target), inline); | |
inst.settings = $.extend({}, settings || {}, inlineSettings || {}); | |
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). | |
bind("setData.datepicker", function(event, key, value) { | |
inst.settings[key] = value; | |
}).bind("getData.datepicker", function(event, key) { | |
return this._get(inst, key); | |
}); | |
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 appendText = this._get(inst, 'appendText'); | |
var 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(); | |
var 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 | |
var buttonText = this._get(inst, 'buttonText'); | |
var 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 date = new Date(2009, 12 - 1, 20); // Ensure double digits | |
var dateFormat = this._get(inst, 'dateFormat'); | |
if (dateFormat.match(/[DM]/)) { | |
var findMax = function(names) { | |
var max = 0; | |
var maxI = 0; | |
for (var 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). | |
bind("setData.datepicker", function(event, key, value){ | |
inst.settings[key] = value; | |
}).bind("getData.datepicker", function(event, key){ | |
return this._get(inst, key); | |
}); | |
$.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 inst = this._dialogInst; // internal instance | |
if (!inst) { | |
this.uuid += 1; | |
var 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) { | |
var browserWidth = document.documentElement.clientWidth; | |
var browserHeight = document.documentElement.clientHeight; | |
var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; | |
var scrollY = document.documentElement.scrollTop || document.body.scrollTop; | |
this._pos = // should use actual width/height below | |
[(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY]; | |
} | |
// move input on screen for focus, but hidden behind dialog | |
this._dialogInput.css('left', (this._pos[0] + 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 $target = $(target); | |
var inst = $.data(target, PROP_NAME); | |
if (!$target.hasClass(this.markerClassName)) { | |
return; | |
} | |
var 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 $target = $(target); | |
var inst = $.data(target, PROP_NAME); | |
if (!$target.hasClass(this.markerClassName)) { | |
return; | |
} | |
var 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') { | |
var 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 $target = $(target); | |
var inst = $.data(target, PROP_NAME); | |
if (!$target.hasClass(this.markerClassName)) { | |
return; | |
} | |
var 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') { | |
var 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 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)); | |
} | |
var settings = name || {}; | |
if (typeof name == 'string') { | |
settings = {}; | |
settings[name] = value; | |
} | |
if (inst) { | |
if (this._curInst == inst) { | |
this._hideDatepicker(); | |
} | |
var date = this._getDateDatepicker(target, true); | |
var minDate = this._getMinMaxDate(inst, 'min'); | |
var 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); | |
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 inst = $.datepicker._getInst(event.target); | |
var handled = true; | |
var 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: var sel = $('td.' + $.datepicker._dayOverClass + ':not(.' + | |
$.datepicker._currentClass + ')', inst.dpDiv); | |
if (sel[0]) | |
$.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]); | |
var onSelect = $.datepicker._get(inst, 'onSelect'); | |
if (onSelect) { | |
var 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 | |
break; // select the value on enter | |
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 inst = $.datepicker._getInst(event.target); | |
if ($.datepicker._get(inst, 'constrainInput')) { | |
var chars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat')); | |
var chr = String.fromCharCode(event.charCode == undefined ? 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 inst = $.datepicker._getInst(event.target); | |
if (inst.input.val() != inst.lastVal) { | |
try { | |
var 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) { | |
$.datepicker.log(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 = $.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] ); | |
} | |
} | |
var beforeShow = $.datepicker._get(inst, 'beforeShow'); | |
var beforeShowSettings = beforeShow ? beforeShow.apply(input, [input, inst]) : {}; | |
if(beforeShowSettings === false){ | |
//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 | |
} | |
var isFixed = false; | |
$(input).parents().each(function() { | |
isFixed |= $(this).css('position') == 'fixed'; | |
return !isFixed; | |
}); | |
var 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) { | |
var showAnim = $.datepicker._get(inst, 'showAnim'); | |
var duration = $.datepicker._get(inst, 'duration'); | |
var postProcess = function() { | |
var cover = inst.dpDiv.find('iframe.ui-datepicker-cover'); // IE6- only | |
if( !! cover.length ){ | |
var borders = $.datepicker._getBorders(inst.dpDiv); | |
cover.css({left: -borders[0], top: -borders[1], | |
width: inst.dpDiv.outerWidth(), height: inst.dpDiv.outerHeight()}); | |
} | |
}; | |
inst.dpDiv.zIndex($(input).zIndex()+1); | |
$.datepicker._datepickerShowing = true; | |
// DEPRECATED: after BC for 1.8.x $.effects[ showAnim ] is not needed | |
if ( $.effects && ( $.effects.effect[ showAnim ] || $.effects[ showAnim ] ) ) | |
inst.dpDiv.show(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess); | |
else | |
inst.dpDiv[showAnim || 'show']((showAnim ? duration : null), postProcess); | |
if (!showAnim || !duration) | |
postProcess(); | |
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) | |
var borders = $.datepicker._getBorders(inst.dpDiv); | |
instActive = inst; // for delegate hover events | |
inst.dpDiv.empty().append(this._generateHTML(inst)); | |
this._attachHandlers(inst); | |
var cover = inst.dpDiv.find('iframe.ui-datepicker-cover'); // IE6- only | |
if( !!cover.length ){ //avoid call to outerXXXX() when not in IE6 | |
cover.css({left: -borders[0], top: -borders[1], width: inst.dpDiv.outerWidth(), height: inst.dpDiv.outerHeight()}) | |
} | |
inst.dpDiv.find('.' + this._dayOverClass + ' a').mouseover(); | |
var numMonths = this._getNumberOfMonths(inst); | |
var cols = numMonths[1]; | |
var 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'); | |
if (inst == $.datepicker._curInst && $.datepicker._datepickerShowing && inst.input && | |
// #6694 - don't focus the input if it's already focused | |
// this breaks the change event in IE | |
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 ){ | |
var 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(); | |
var dpHeight = inst.dpDiv.outerHeight(); | |
var inputWidth = inst.input ? inst.input.outerWidth() : 0; | |
var inputHeight = inst.input ? inst.input.outerHeight() : 0; | |
var viewWidth = document.documentElement.clientWidth + (isFixed ? 0 : $(document).scrollLeft()); | |
var 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 inst = this._getInst(obj); | |
var isRTL = this._get(inst, 'isRTL'); | |
while (obj && (obj.type == 'hidden' || obj.nodeType != 1 || $.expr.filters.hidden(obj))) { | |
obj = obj[isRTL ? 'previousSibling' : 'nextSibling']; | |
} | |
var 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 inst = this._curInst; | |
if (!inst || (input && inst != $.data(input, PROP_NAME))) | |
return; | |
if (this._datepickerShowing) { | |
var showAnim = this._get(inst, 'showAnim'); | |
var duration = this._get(inst, 'duration'); | |
var 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; | |
var 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); | |
var 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 target = $(id); | |
var 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 { | |
var 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); | |
var 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 target = $(id); | |
if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) { | |
return; | |
} | |
var 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); | |
var inst = this._getInst(target[0]); | |
this._selectDate(target, ''); | |
}, | |
/* Update the input field with the selected date. */ | |
_selectDate: function(id, dateStr) { | |
var target = $(id); | |
var inst = this._getInst(target[0]); | |
dateStr = (dateStr != null ? dateStr : this._formatDate(inst)); | |
if (inst.input) | |
inst.input.val(dateStr); | |
this._updateAlternate(inst); | |
var 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 altField = this._get(inst, 'altField'); | |
if (altField) { // update alternate field too | |
var altFormat = this._get(inst, 'altFormat') || this._get(inst, 'dateFormat'); | |
var date = this._getDate(inst); | |
var 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 checkDate = new Date(date.getTime()); | |
// Find Thursday of this week starting on Monday | |
checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7)); | |
var 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 shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff; | |
shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff : | |
new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10)); | |
var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort; | |
var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames; | |
var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort; | |
var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames; | |
var year = -1; | |
var month = -1; | |
var day = -1; | |
var doy = -1; | |
var literal = false; | |
// Check whether a format character is doubled | |
var lookAhead = function(match) { | |
var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match); | |
if (matches) | |
iFormat++; | |
return matches; | |
}; | |
// Extract a number from the string value | |
var getNumber = function(match) { | |
var isDoubled = lookAhead(match); | |
var size = (match == '@' ? 14 : (match == '!' ? 20 : | |
(match == 'y' && isDoubled ? 4 : (match == 'o' ? 3 : 2)))); | |
var digits = new RegExp('^\\d{1,' + size + '}'); | |
var 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 | |
var getName = function(match, shortNames, longNames) { | |
var names = $.map(lookAhead(match) ? longNames : shortNames, function (v, k) { | |
return [ [k, v] ]; | |
}).sort(function (a, b) { | |
return -(a[1].length - b[1].length); | |
}); | |
var index = -1; | |
$.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 | |
var checkLiteral = function() { | |
if (value.charAt(iValue) != format.charAt(iFormat)) | |
throw 'Unexpected literal at position ' + iValue; | |
iValue++; | |
}; | |
var iValue = 0; | |
for (var iFormat = 0; iFormat < format.length; iFormat++) { | |
if (literal) | |
if (format.charAt(iFormat) == "'" && !lookAhead("'")) | |
literal = false; | |
else | |
checkLiteral(); | |
else | |
switch (format.charAt(iFormat)) { | |
case 'd': | |
day = getNumber('d'); | |
break; | |
case 'D': | |
getName('D', dayNamesShort, dayNames); | |
break; | |
case '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 '@': | |
var date = new Date(getNumber('@')); | |
year = date.getFullYear(); | |
month = date.getMonth() + 1; | |
day = date.getDate(); | |
break; | |
case '!': | |
var 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){ | |
var 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 { | |
var dim = this._getDaysInMonth(year, month - 1); | |
if (day <= dim) | |
break; | |
month++; | |
day -= dim; | |
} while (true); | |
} | |
var 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 dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort; | |
var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames; | |
var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort; | |
var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames; | |
// Check whether a format character is doubled | |
var lookAhead = function(match) { | |
var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match); | |
if (matches) | |
iFormat++; | |
return matches; | |
}; | |
// Format a number, with leading zero if necessary | |
var formatNumber = function(match, value, len) { | |
var num = '' + value; | |
if (lookAhead(match)) | |
while (num.length < len) | |
num = '0' + num; | |
return num; | |
}; | |
// Format a name, short or long as requested | |
var formatName = function(match, value, shortNames, longNames) { | |
return (lookAhead(match) ? longNames[value] : shortNames[value]); | |
}; | |
var output = ''; | |
var literal = false; | |
if (date) | |
for (var iFormat = 0; iFormat < format.length; iFormat++) { | |
if (literal) | |
if (format.charAt(iFormat) == "'" && !lookAhead("'")) | |
literal = false; | |
else | |
output += format.charAt(iFormat); | |
else | |
switch (format.charAt(iFormat)) { | |
case 'd': | |
output += formatNumber('d', date.getDate(), 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 chars = ''; | |
var literal = false; | |
// Check whether a format character is doubled | |
var lookAhead = function(match) { | |
var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match); | |
if (matches) | |
iFormat++; | |
return matches; | |
}; | |
for (var iFormat = 0; iFormat < format.length; iFormat++) | |
if (literal) | |
if (format.charAt(iFormat) == "'" && !lookAhead("'")) | |
literal = false; | |
else | |
chars += format.charAt(iFormat); | |
else | |
switch (format.charAt(iFormat)) { | |
case 'd': case 'm': case 'y': 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'); | |
var dates = inst.lastVal = inst.input ? inst.input.val() : null; | |
var date, defaultDate; | |
date = defaultDate = this._getDefaultDate(inst); | |
var settings = this._getFormatConfig(inst); | |
try { | |
date = this.parseDate(dateFormat, dates, settings) || defaultDate; | |
} catch (event) { | |
this.log(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; | |
}; | |
var 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(); | |
var year = date.getFullYear(); | |
var month = date.getMonth(); | |
var day = date.getDate(); | |
var pattern = /([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g; | |
var 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); | |
}; | |
var 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; | |
var origMonth = inst.selectedMonth; | |
var origYear = inst.selectedYear; | |
var 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'); | |
var 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 today = new Date(); | |
today = this._daylightSavingAdjust( | |
new Date(today.getFullYear(), today.getMonth(), today.getDate())); // clear time | |
var isRTL = this._get(inst, 'isRTL'); | |
var showButtonPanel = this._get(inst, 'showButtonPanel'); | |
var hideIfNoPrevNext = this._get(inst, 'hideIfNoPrevNext'); | |
var navigationAsDateFormat = this._get(inst, 'navigationAsDateFormat'); | |
var numMonths = this._getNumberOfMonths(inst); | |
var showCurrentAtPos = this._get(inst, 'showCurrentAtPos'); | |
var stepMonths = this._get(inst, 'stepMonths'); | |
var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1); | |
var currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) : | |
new Date(inst.currentYear, inst.currentMonth, inst.currentDay))); | |
var minDate = this._getMinMaxDate(inst, 'min'); | |
var maxDate = this._getMinMaxDate(inst, 'max'); | |
var drawMonth = inst.drawMonth - showCurrentAtPos; | |
var drawYear = inst.drawYear; | |
if (drawMonth < 0) { | |
drawMonth += 12; | |
drawYear--; | |
} | |
if (maxDate) { | |
var 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; | |
var prevText = this._get(inst, 'prevText'); | |
prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText, | |
this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)), | |
this._getFormatConfig(inst))); | |
var 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>')); | |
var nextText = this._get(inst, 'nextText'); | |
nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText, | |
this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)), | |
this._getFormatConfig(inst))); | |
var 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>')); | |
var currentText = this._get(inst, 'currentText'); | |
var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today); | |
currentText = (!navigationAsDateFormat ? currentText : | |
this.formatDate(currentText, gotoDate, this._getFormatConfig(inst))); | |
var 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>' : ''); | |
var 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>' : ''; | |
var firstDay = parseInt(this._get(inst, 'firstDay'),10); | |
firstDay = (isNaN(firstDay) ? 0 : firstDay); | |
var showWeek = this._get(inst, 'showWeek'); | |
var dayNames = this._get(inst, 'dayNames'); | |
var dayNamesShort = this._get(inst, 'dayNamesShort'); | |
var dayNamesMin = this._get(inst, 'dayNamesMin'); | |
var monthNames = this._get(inst, 'monthNames'); | |
var monthNamesShort = this._get(inst, 'monthNamesShort'); | |
var beforeShowDay = this._get(inst, 'beforeShowDay'); | |
var showOtherMonths = this._get(inst, 'showOtherMonths'); | |
var selectOtherMonths = this._get(inst, 'selectOtherMonths'); | |
var calculateWeek = this._get(inst, 'calculateWeek') || this.iso8601Week; | |
var defaultDate = this._getDefaultDate(inst); | |
var html = ''; | |
for (var row = 0; row < numMonths[0]; row++) { | |
var group = ''; | |
this.maxRows = 4; | |
for (var col = 0; col < numMonths[1]; col++) { | |
var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay)); | |
var cornerClass = ' ui-corner-all'; | |
var 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>'; | |
var thead = (showWeek ? '<th class="ui-datepicker-week-col">' + this._get(inst, 'weekHeader') + '</th>' : ''); | |
for (var dow = 0; dow < 7; dow++) { // days of the week | |
var 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>'; | |
var daysInMonth = this._getDaysInMonth(drawYear, drawMonth); | |
if (drawYear == inst.selectedYear && drawMonth == inst.selectedMonth) | |
inst.selectedDay = Math.min(inst.selectedDay, daysInMonth); | |
var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7; | |
var curRows = Math.ceil((leadDays + daysInMonth) / 7); // calculate the number of rows to generate | |
var numRows = (isMultiMonth ? this.maxRows > curRows ? this.maxRows : curRows : curRows); //If multiple months, use the higher number of rows (see #7043) | |
this.maxRows = numRows; | |
var printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays)); | |
for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows | |
calender += '<tr>'; | |
var tbody = (!showWeek ? '' : '<td class="ui-datepicker-week-col">' + | |
this._get(inst, 'calculateWeek')(printDate) + '</td>'); | |
for (var dow = 0; dow < 7; dow++) { // create date picker days | |
var daySettings = (beforeShowDay ? | |
beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, '']); | |
var otherMonth = (printDate.getMonth() != drawMonth); | |
var 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 + ($.ui.ie6 && !inst.inline ? | |
'<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : ''); | |
inst._keyEvent = false; | |
return html; | |
}, | |
/* Generate the month and year header. */ | |
_generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate, | |
secondary, monthNames, monthNamesShort) { | |
var changeMonth = this._get(inst, 'changeMonth'); | |
var changeYear = this._get(inst, 'changeYear'); | |
var showMonthAfterYear = this._get(inst, 'showMonthAfterYear'); | |
var html = '<div class="ui-datepicker-title">'; | |
var monthHtml = ''; | |
// month selection | |
if (secondary || !changeMonth) | |
monthHtml += '<span class="ui-datepicker-month">' + monthNames[drawMonth] + '</span>'; | |
else { | |
var inMinYear = (minDate && minDate.getFullYear() == drawYear); | |
var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear); | |
monthHtml += '<select class="ui-datepicker-month" data-handler="selectMonth" data-event="change">'; | |
for (var 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 | |
var years = this._get(inst, 'yearRange').split(':'); | |
var thisYear = new Date().getFullYear(); | |
var 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); | |
}; | |
var year = determineYear(years[0]); | |
var 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); | |
var month = inst.drawMonth + (period == 'M' ? offset : 0); | |
var day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) + | |
(period == 'D' ? offset : 0); | |
var 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'); | |
var maxDate = this._getMinMaxDate(inst, 'max'); | |
var newDate = (minDate && date < minDate ? minDate : date); | |
newDate = (maxDate && newDate > maxDate ? maxDate : newDate); | |
return 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); | |
var 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 minDate = this._getMinMaxDate(inst, 'min'); | |
var maxDate = this._getMinMaxDate(inst, 'max'); | |
return ((!minDate || date.getTime() >= minDate.getTime()) && | |
(!maxDate || date.getTime() <= maxDate.getTime())); | |
}, | |
/* 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 || props[name] == undefined) | |
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). | |
find(document.body).append($.datepicker.dpDiv); | |
$.datepicker.initialized = true; | |
} | |
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.9.2"; | |
// Workaround for #4055 | |
// Add another global to avoid noConflict issues with inline event handlers | |
window['DP_jQuery_' + dpuuid] = $; | |
})(jQuery); | |
(function( $, undefined ) { | |
var uiDialogClasses = "ui-dialog ui-widget ui-widget-content ui-corner-all ", | |
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.9.2", | |
options: { | |
autoOpen: true, | |
buttons: {}, | |
closeOnEscape: true, | |
closeText: "close", | |
dialogClass: "", | |
draggable: true, | |
hide: null, | |
height: "auto", | |
maxHeight: false, | |
maxWidth: false, | |
minHeight: 150, | |
minWidth: 150, | |
modal: false, | |
position: { | |
my: "center", | |
at: "center", | |
of: window, | |
collision: "fit", | |
// ensure that the titlebar is never outside the document | |
using: function( pos ) { | |
var topOffset = $( this ).css( pos ).offset().top; | |
if ( topOffset < 0 ) { | |
$( this ).css( "top", pos.top - topOffset ); | |
} | |
} | |
}, | |
resizable: true, | |
show: null, | |
stack: true, | |
title: "", | |
width: 300, | |
zIndex: 1000 | |
}, | |
_create: function() { | |
this.originalTitle = this.element.attr( "title" ); | |
// #5742 - .attr() might return a DOMElement | |
if ( typeof this.originalTitle !== "string" ) { | |
this.originalTitle = ""; | |
} | |
this.oldPosition = { | |
parent: this.element.parent(), | |
index: this.element.parent().children().index( this.element ) | |
}; | |
this.options.title = this.options.title || this.originalTitle; | |
var that = this, | |
options = this.options, | |
title = options.title || " ", | |
uiDialog, | |
uiDialogTitlebar, | |
uiDialogTitlebarClose, | |
uiDialogTitle, | |
uiDialogButtonPane; | |
uiDialog = ( this.uiDialog = $( "<div>" ) ) | |
.addClass( uiDialogClasses + options.dialogClass ) | |
.css({ | |
display: "none", | |
outline: 0, // TODO: move to stylesheet | |
zIndex: options.zIndex | |
}) | |
// setting tabIndex makes the div focusable | |
.attr( "tabIndex", -1) | |
.keydown(function( event ) { | |
if ( options.closeOnEscape && !event.isDefaultPrevented() && event.keyCode && | |
event.keyCode === $.ui.keyCode.ESCAPE ) { | |
that.close( event ); | |
event.preventDefault(); | |
} | |
}) | |
.mousedown(function( event ) { | |
that.moveToTop( false, event ); | |
}) | |
.appendTo( "body" ); | |
this.element | |
.show() | |
.removeAttr( "title" ) | |
.addClass( "ui-dialog-content ui-widget-content" ) | |
.appendTo( uiDialog ); | |
uiDialogTitlebar = ( this.uiDialogTitlebar = $( "<div>" ) ) | |
.addClass( "ui-dialog-titlebar ui-widget-header " + | |
"ui-corner-all ui-helper-clearfix" ) | |
.bind( "mousedown", function() { | |
// Dialog isn't getting focus when dragging (#8063) | |
uiDialog.focus(); | |
}) | |
.prependTo( uiDialog ); | |
uiDialogTitlebarClose = $( "<a href='#'></a>" ) | |
.addClass( "ui-dialog-titlebar-close ui-corner-all" ) | |
.attr( "role", "button" ) | |
.click(function( event ) { | |
event.preventDefault(); | |
that.close( event ); | |
}) | |
.appendTo( uiDialogTitlebar ); | |
( this.uiDialogTitlebarCloseText = $( "<span>" ) ) | |
.addClass( "ui-icon ui-icon-closethick" ) | |
.text( options.closeText ) | |
.appendTo( uiDialogTitlebarClose ); | |
uiDialogTitle = $( "<span>" ) | |
.uniqueId() | |
.addClass( "ui-dialog-title" ) | |
.html( title ) | |
.prependTo( uiDialogTitlebar ); | |
uiDialogButtonPane = ( this.uiDialogButtonPane = $( "<div>" ) ) | |
.addClass( "ui-dialog-buttonpane ui-widget-content ui-helper-clearfix" ); | |
( this.uiButtonSet = $( "<div>" ) ) | |
.addClass( "ui-dialog-buttonset" ) | |
.appendTo( uiDialogButtonPane ); | |
uiDialog.attr({ | |
role: "dialog", | |
"aria-labelledby": uiDialogTitle.attr( "id" ) | |
}); | |
uiDialogTitlebar.find( "*" ).add( uiDialogTitlebar ).disableSelection(); | |
this._hoverable( uiDialogTitlebarClose ); | |
this._focusable( uiDialogTitlebarClose ); | |
if ( options.draggable && $.fn.draggable ) { | |
this._makeDraggable(); | |
} | |
if ( options.resizable && $.fn.resizable ) { | |
this._makeResizable(); | |
} | |
this._createButtons( options.buttons ); | |
this._isOpen = false; | |
if ( $.fn.bgiframe ) { | |
uiDialog.bgiframe(); | |
} | |
// prevent tabbing out of modal dialogs | |
this._on( uiDialog, { keydown: function( event ) { | |
if ( !options.modal || event.keyCode !== $.ui.keyCode.TAB ) { | |
return; | |
} | |
var tabbables = $( ":tabbable", uiDialog ), | |
first = tabbables.filter( ":first" ), | |
last = tabbables.filter( ":last" ); | |
if ( event.target === last[0] && !event.shiftKey ) { | |
first.focus( 1 ); | |
return false; | |
} else if ( event.target === first[0] && event.shiftKey ) { | |
last.focus( 1 ); | |
return false; | |
} | |
}}); | |
}, | |
_init: function() { | |
if ( this.options.autoOpen ) { | |
this.open(); | |
} | |
}, | |
_destroy: function() { | |
var next, | |
oldPosition = this.oldPosition; | |
if ( this.overlay ) { | |
this.overlay.destroy(); | |
} | |
this.uiDialog.hide(); | |
this.element | |
.removeClass( "ui-dialog-content ui-widget-content" ) | |
.hide() | |
.appendTo( "body" ); | |
this.uiDialog.remove(); | |
if ( this.originalTitle ) { | |
this.element.attr( "title", this.originalTitle ); | |
} | |
next = oldPosition.parent.children().eq( oldPosition.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 { | |
oldPosition.parent.append( this.element ); | |
} | |
}, | |
widget: function() { | |
return this.uiDialog; | |
}, | |
close: function( event ) { | |
var that = this, | |
maxZ, thisZ; | |
if ( !this._isOpen ) { | |
return; | |
} | |
if ( false === this._trigger( "beforeClose", event ) ) { | |
return; | |
} | |
this._isOpen = false; | |
if ( this.overlay ) { | |
this.overlay.destroy(); | |
} | |
if ( this.options.hide ) { | |
this._hide( this.uiDialog, this.options.hide, function() { | |
that._trigger( "close", event ); | |
}); | |
} else { | |
this.uiDialog.hide(); | |
this._trigger( "close", event ); | |
} | |
$.ui.dialog.overlay.resize(); | |
// adjust the maxZ to allow other modal dialogs to continue to work (see #4309) | |
if ( this.options.modal ) { | |
maxZ = 0; | |
$( ".ui-dialog" ).each(function() { | |
if ( this !== that.uiDialog[0] ) { | |
thisZ = $( this ).css( "z-index" ); | |
if ( !isNaN( thisZ ) ) { | |
maxZ = Math.max( maxZ, thisZ ); | |
} | |
} | |
}); | |
$.ui.dialog.maxZ = maxZ; | |
} | |
return this; | |
}, | |
isOpen: function() { | |
return this._isOpen; | |
}, | |
// the force parameter allows us to move modal dialogs to their correct | |
// position on open | |
moveToTop: function( force, event ) { | |
var options = this.options, | |
saveScroll; | |
if ( ( options.modal && !force ) || | |
( !options.stack && !options.modal ) ) { | |
return this._trigger( "focus", event ); | |
} | |
if ( options.zIndex > $.ui.dialog.maxZ ) { | |
$.ui.dialog.maxZ = options.zIndex; | |
} | |
if ( this.overlay ) { | |
$.ui.dialog.maxZ += 1; | |
$.ui.dialog.overlay.maxZ = $.ui.dialog.maxZ; | |
this.overlay.$el.css( "z-index", $.ui.dialog.overlay.maxZ ); | |
} | |
// Save and then restore scroll | |
// Opera 9.5+ resets when parent z-index is changed. | |
// http://bugs.jqueryui.com/ticket/3193 | |
saveScroll = { | |
scrollTop: this.element.scrollTop(), | |
scrollLeft: this.element.scrollLeft() | |
}; | |
$.ui.dialog.maxZ += 1; | |
this.uiDialog.css( "z-index", $.ui.dialog.maxZ ); | |
this.element.attr( saveScroll ); | |
this._trigger( "focus", event ); | |
return this; | |
}, | |
open: function() { | |
if ( this._isOpen ) { | |
return; | |
} | |
var hasFocus, | |
options = this.options, | |
uiDialog = this.uiDialog; | |
this._size(); | |
this._position( options.position ); | |
uiDialog.show( options.show ); | |
this.overlay = options.modal ? new $.ui.dialog.overlay( this ) : null; | |
this.moveToTop( true ); | |
// set focus to the first tabbable element in the content area or the first button | |
// if there are no tabbable elements, set focus on the dialog itself | |
hasFocus = this.element.find( ":tabbable" ); | |
if ( !hasFocus.length ) { | |
hasFocus = this.uiDialogButtonPane.find( ":tabbable" ); | |
if ( !hasFocus.length ) { | |
hasFocus = uiDialog; | |
} | |
} | |
hasFocus.eq( 0 ).focus(); | |
this._isOpen = true; | |
this._trigger( "open" ); | |
return this; | |
}, | |
_createButtons: function( buttons ) { | |
var that = this, | |
hasButtons = false; | |
// if we already have a button pane, remove it | |
this.uiDialogButtonPane.remove(); | |
this.uiButtonSet.empty(); | |
if ( typeof buttons === "object" && buttons !== null ) { | |
$.each( buttons, function() { | |
return !(hasButtons = true); | |
}); | |
} | |
if ( hasButtons ) { | |
$.each( buttons, function( name, props ) { | |
var button, click; | |
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 ); | |
}; | |
button = $( "<button></button>", props ) | |
.appendTo( that.uiButtonSet ); | |
if ( $.fn.button ) { | |
button.button(); | |
} | |
}); | |
this.uiDialog.addClass( "ui-dialog-buttons" ); | |
this.uiDialogButtonPane.appendTo( this.uiDialog ); | |
} else { | |
this.uiDialog.removeClass( "ui-dialog-buttons" ); | |
} | |
}, | |
_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 ) ); | |
$.ui.dialog.overlay.resize(); | |
} | |
}); | |
}, | |
_makeResizable: function( handles ) { | |
handles = (handles === undefined ? this.options.resizable : handles); | |
var that = this, | |
options = this.options, | |
// .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 ) { | |
$( this ).removeClass( "ui-dialog-resizing" ); | |
options.height = $( this ).height(); | |
options.width = $( this ).width(); | |
that._trigger( "resizeStop", event, filteredUi( ui ) ); | |
$.ui.dialog.overlay.resize(); | |
} | |
}) | |
.css( "position", position ) | |
.find( ".ui-resizable-se" ) | |
.addClass( "ui-icon ui-icon-grip-diagonal-se" ); | |
}, | |
_minHeight: function() { | |
var options = this.options; | |
if ( options.height === "auto" ) { | |
return options.minHeight; | |
} else { | |
return Math.min( options.minHeight, options.height ); | |
} | |
}, | |
_position: function( position ) { | |
var myAt = [], | |
offset = [ 0, 0 ], | |
isVisible; | |
if ( position ) { | |
// deep extending converts arrays to objects in jQuery <= 1.3.2 :-( | |
// if (typeof position == 'string' || $.isArray(position)) { | |
// myAt = $.isArray(position) ? position : position.split(' '); | |
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(); | |
} | |
}, | |
_setOptions: function( options ) { | |
var that = this, | |
resizableOptions = {}, | |
resize = false; | |
$.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(); | |
} | |
if ( this.uiDialog.is( ":data(resizable)" ) ) { | |
this.uiDialog.resizable( "option", resizableOptions ); | |
} | |
}, | |
_setOption: function( key, value ) { | |
var isDraggable, isResizable, | |
uiDialog = this.uiDialog; | |
switch ( key ) { | |
case "buttons": | |
this._createButtons( value ); | |
break; | |
case "closeText": | |
// ensure that we always pass a string | |
this.uiDialogTitlebarCloseText.text( "" + value ); | |
break; | |
case "dialogClass": | |
uiDialog | |
.removeClass( this.options.dialogClass ) | |
.addClass( uiDialogClasses + value ); | |
break; | |
case "disabled": | |
if ( value ) { | |
uiDialog.addClass( "ui-dialog-disabled" ); | |
} else { | |
uiDialog.removeClass( "ui-dialog-disabled" ); | |
} | |
break; | |
case "draggable": | |
isDraggable = uiDialog.is( ":data(draggable)" ); | |
if ( isDraggable && !value ) { | |
uiDialog.draggable( "destroy" ); | |
} | |
if ( !isDraggable && value ) { | |
this._makeDraggable(); | |
} | |
break; | |
case "position": | |
this._position( value ); | |
break; | |
case "resizable": | |
// currently resizable, becoming non-resizable | |
isResizable = uiDialog.is( ":data(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( value ); | |
} | |
break; | |
case "title": | |
// convert whatever was passed in o a string, for html() to not throw up | |
$( ".ui-dialog-title", this.uiDialogTitlebar ) | |
.html( "" + ( value || " " ) ); | |
break; | |
} | |
this._super( key, value ); | |
}, | |
_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, autoHeight, | |
options = this.options, | |
isVisible = this.uiDialog.is( ":visible" ); | |
// reset content sizing | |
this.element.show().css({ | |
width: "auto", | |
minHeight: 0, | |
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 ); | |
if ( options.height === "auto" ) { | |
// only needed for IE6 support | |
if ( $.support.minHeight ) { | |
this.element.css({ | |
minHeight: minContentHeight, | |
height: "auto" | |
}); | |
} else { | |
this.uiDialog.show(); | |
autoHeight = this.element.css( "height", "auto" ).height(); | |
if ( !isVisible ) { | |
this.uiDialog.hide(); | |
} | |
this.element.height( Math.max( autoHeight, minContentHeight ) ); | |
} | |
} else { | |
this.element.height( Math.max( options.height - nonContentHeight, 0 ) ); | |
} | |
if (this.uiDialog.is( ":data(resizable)" ) ) { | |
this.uiDialog.resizable( "option", "minHeight", this._minHeight() ); | |
} | |
} | |
}); | |
$.extend($.ui.dialog, { | |
uuid: 0, | |
maxZ: 0, | |
getTitleId: function($el) { | |
var id = $el.attr( "id" ); | |
if ( !id ) { | |
this.uuid += 1; | |
id = this.uuid; | |
} | |
return "ui-dialog-title-" + id; | |
}, | |
overlay: function( dialog ) { | |
this.$el = $.ui.dialog.overlay.create( dialog ); | |
} | |
}); | |
$.extend( $.ui.dialog.overlay, { | |
instances: [], | |
// reuse old instances due to IE memory leak with alpha transparency (see #5185) | |
oldInstances: [], | |
maxZ: 0, | |
events: $.map( | |
"focus,mousedown,mouseup,keydown,keypress,click".split( "," ), | |
function( event ) { | |
return event + ".dialog-overlay"; | |
} | |
).join( " " ), | |
create: function( dialog ) { | |
if ( this.instances.length === 0 ) { | |
// prevent use of anchors and inputs | |
// we use a setTimeout in case the overlay is created from an | |
// event that we're going to be cancelling (see #2804) | |
setTimeout(function() { | |
// handle $(el).dialog().dialog('close') (see #4065) | |
if ( $.ui.dialog.overlay.instances.length ) { | |
$( document ).bind( $.ui.dialog.overlay.events, function( event ) { | |
// stop events if the z-index of the target is < the z-index of the overlay | |
// we cannot return true when we don't want to cancel the event (#3523) | |
if ( $( event.target ).zIndex() < $.ui.dialog.overlay.maxZ ) { | |
return false; | |
} | |
}); | |
} | |
}, 1 ); | |
// handle window resize | |
$( window ).bind( "resize.dialog-overlay", $.ui.dialog.overlay.resize ); | |
} | |
var $el = ( this.oldInstances.pop() || $( "<div>" ).addClass( "ui-widget-overlay" ) ); | |
// allow closing by pressing the escape key | |
$( document ).bind( "keydown.dialog-overlay", function( event ) { | |
var instances = $.ui.dialog.overlay.instances; | |
// only react to the event if we're the top overlay | |
if ( instances.length !== 0 && instances[ instances.length - 1 ] === $el && | |
dialog.options.closeOnEscape && !event.isDefaultPrevented() && event.keyCode && | |
event.keyCode === $.ui.keyCode.ESCAPE ) { | |
dialog.close( event ); | |
event.preventDefault(); | |
} | |
}); | |
$el.appendTo( document.body ).css({ | |
width: this.width(), | |
height: this.height() | |
}); | |
if ( $.fn.bgiframe ) { | |
$el.bgiframe(); | |
} | |
this.instances.push( $el ); | |
return $el; | |
}, | |
destroy: function( $el ) { | |
var indexOf = $.inArray( $el, this.instances ), | |
maxZ = 0; | |
if ( indexOf !== -1 ) { | |
this.oldInstances.push( this.instances.splice( indexOf, 1 )[ 0 ] ); | |
} | |
if ( this.instances.length === 0 ) { | |
$( [ document, window ] ).unbind( ".dialog-overlay" ); | |
} | |
$el.height( 0 ).width( 0 ).remove(); | |
// adjust the maxZ to allow other modal dialogs to continue to work (see #4309) | |
$.each( this.instances, function() { | |
maxZ = Math.max( maxZ, this.css( "z-index" ) ); | |
}); | |
this.maxZ = maxZ; | |
}, | |
height: function() { | |
var scrollHeight, | |
offsetHeight; | |
// handle IE | |
if ( $.ui.ie ) { | |
scrollHeight = Math.max( | |
document.documentElement.scrollHeight, | |
document.body.scrollHeight | |
); | |
offsetHeight = Math.max( | |
document.documentElement.offsetHeight, | |
document.body.offsetHeight | |
); | |
if ( scrollHeight < offsetHeight ) { | |
return $( window ).height() + "px"; | |
} else { | |
return scrollHeight + "px"; | |
} | |
// handle "good" browsers | |
} else { | |
return $( document ).height() + "px"; | |
} | |
}, | |
width: function() { | |
var scrollWidth, | |
offsetWidth; | |
// handle IE | |
if ( $.ui.ie ) { | |
scrollWidth = Math.max( | |
document.documentElement.scrollWidth, | |
document.body.scrollWidth | |
); | |
offsetWidth = Math.max( | |
document.documentElement.offsetWidth, | |
document.body.offsetWidth | |
); | |
if ( scrollWidth < offsetWidth ) { | |
return $( window ).width() + "px"; | |
} else { | |
return scrollWidth + "px"; | |
} | |
// handle "good" browsers | |
} else { | |
return $( document ).width() + "px"; | |
} | |
}, | |
resize: function() { | |
/* If the dialog is draggable and the user drags it past the | |
* right edge of the window, the document becomes wider so we | |
* need to stretch the overlay. If the user then drags the | |
* dialog back to the left, the document will become narrower, | |
* so we need to shrink the overlay to the appropriate size. | |
* This is handled by shrinking the overlay before setting it | |
* to the full document size. | |
*/ | |
var $overlays = $( [] ); | |
$.each( $.ui.dialog.overlay.instances, function() { | |
$overlays = $overlays.add( this ); | |
}); | |
$overlays.css({ | |
width: 0, | |
height: 0 | |
}).css({ | |
width: $.ui.dialog.overlay.width(), | |
height: $.ui.dialog.overlay.height() | |
}); | |
} | |
}); | |
$.extend( $.ui.dialog.overlay.prototype, { | |
destroy: function() { | |
$.ui.dialog.overlay.destroy( this.$el ); | |
} | |
}); | |
}( 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 ) { | |
var mouseHandled = false; | |
$.widget( "ui.menu", { | |
version: "1.9.2", | |
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; | |
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 ( !mouseHandled && target.not( ".ui-state-disabled" ).length ) { | |
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 | |
mouseHandled = false; | |
} | |
}); | |
}, | |
_destroy: function() { | |
// Destroy (sub)menus | |
this.element | |
.removeAttr( "aria-activedescendant" ) | |
.find( ".ui-menu" ).andSelf() | |
.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 ) { | |
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 ]; | |
}, | |
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 ](); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment