2 * jQuery UI Effects 1.8.20
4 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
5 * Dual licensed under the MIT or GPL Version 2 licenses.
6 * http://jquery.org/license
8 * http://docs.jquery.com/UI/Effects/
10 ;jQuery.effects || (function($, undefined) {
16 /******************************************************************************/
17 /****************************** COLOR ANIMATIONS ******************************/
18 /******************************************************************************/
20 // override the animation for color styles
21 $.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor',
22 'borderRightColor', 'borderTopColor', 'borderColor', 'color', 'outlineColor'],
24 $.fx.step[attr] = function(fx) {
26 fx.start = getColor(fx.elem, attr);
27 fx.end = getRGB(fx.end);
31 fx.elem.style[attr] = 'rgb(' +
32 Math.max(Math.min(parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0], 10), 255), 0) + ',' +
33 Math.max(Math.min(parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1], 10), 255), 0) + ',' +
34 Math.max(Math.min(parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2], 10), 255), 0) + ')';
38 // Color Conversion functions from highlightFade
39 // By Blair Mitchelmore
40 // http://jquery.offput.ca/highlightFade/
42 // Parse strings looking for color tuples [255,255,255]
43 function getRGB(color) {
46 // Check if we're already dealing with an array of colors
47 if ( color && color.constructor == Array && color.length == 3 )
50 // Look for rgb(num,num,num)
51 if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
52 return [parseInt(result[1],10), parseInt(result[2],10), parseInt(result[3],10)];
54 // Look for rgb(num%,num%,num%)
55 if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
56 return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
59 if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
60 return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
63 if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
64 return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
66 // Look for rgba(0, 0, 0, 0) == transparent in Safari 3
67 if (result = /rgba\(0, 0, 0, 0\)/.exec(color))
68 return colors['transparent'];
70 // Otherwise, we're most likely dealing with a named color
71 return colors[$.trim(color).toLowerCase()];
74 function getColor(elem, attr) {
78 color = $.curCSS(elem, attr);
80 // Keep going until we find an element that has color, or we hit the body
81 if ( color != '' && color != 'transparent' || $.nodeName(elem, "body") )
84 attr = "backgroundColor";
85 } while ( elem = elem.parentNode );
90 // Some named colors to work with
91 // From Interface by Stefan Petre
92 // http://interface.eyecon.ro/
103 darkcyan:[0,139,139],
104 darkgrey:[169,169,169],
106 darkkhaki:[189,183,107],
107 darkmagenta:[139,0,139],
108 darkolivegreen:[85,107,47],
109 darkorange:[255,140,0],
110 darkorchid:[153,50,204],
112 darksalmon:[233,150,122],
113 darkviolet:[148,0,211],
119 lightblue:[173,216,230],
120 lightcyan:[224,255,255],
121 lightgreen:[144,238,144],
122 lightgrey:[211,211,211],
123 lightpink:[255,182,193],
124 lightyellow:[255,255,224],
135 silver:[192,192,192],
138 transparent: [255,255,255]
143 /******************************************************************************/
144 /****************************** CLASS ANIMATIONS ******************************/
145 /******************************************************************************/
147 var classAnimationActions = ['add', 'remove', 'toggle'],
160 function getElementStyles() {
161 var style = document.defaultView
162 ? document.defaultView.getComputedStyle(this, null)
168 // webkit enumerates style porperties
169 if (style && style.length && style[0] && style[style[0]]) {
170 var len = style.length;
173 if (typeof style[key] == 'string') {
174 camelCase = key.replace(/\-(\w)/g, function(all, letter){
175 return letter.toUpperCase();
177 newStyle[camelCase] = style[key];
182 if (typeof style[key] === 'string') {
183 newStyle[key] = style[key];
191 function filterStyles(styles) {
193 for (name in styles) {
194 value = styles[name];
196 // ignore null and undefined values
198 // ignore functions (when does this occur?)
199 $.isFunction(value) ||
200 // shorthand styles that need to be expanded
201 name in shorthandStyles ||
202 // ignore scrollbars (break in IE)
203 (/scrollbar/).test(name) ||
205 // only colors or values that can be converted to numbers
206 (!(/color/i).test(name) && isNaN(parseFloat(value)))
215 function styleDifference(oldStyle, newStyle) {
216 var diff = { _: 0 }, // http://dev.jquery.com/ticket/5459
219 for (name in newStyle) {
220 if (oldStyle[name] != newStyle[name]) {
221 diff[name] = newStyle[name];
228 $.effects.animateClass = function(value, duration, easing, callback) {
229 if ($.isFunction(easing)) {
234 return this.queue(function() {
236 originalStyleAttr = that.attr('style') || ' ',
237 originalStyle = filterStyles(getElementStyles.call(this)),
239 className = that.attr('class') || "";
241 $.each(classAnimationActions, function(i, action) {
243 that[action + 'Class'](value[action]);
246 newStyle = filterStyles(getElementStyles.call(this));
247 that.attr('class', className);
249 that.animate(styleDifference(originalStyle, newStyle), {
253 complete: function() {
254 $.each(classAnimationActions, function(i, action) {
255 if (value[action]) { that[action + 'Class'](value[action]); }
257 // work around bug in IE by clearing the cssText before setting it
258 if (typeof that.attr('style') == 'object') {
259 that.attr('style').cssText = '';
260 that.attr('style').cssText = originalStyleAttr;
262 that.attr('style', originalStyleAttr);
264 if (callback) { callback.apply(this, arguments); }
272 _addClass: $.fn.addClass,
273 addClass: function(classNames, speed, easing, callback) {
274 return speed ? $.effects.animateClass.apply(this, [{ add: classNames },speed,easing,callback]) : this._addClass(classNames);
277 _removeClass: $.fn.removeClass,
278 removeClass: function(classNames,speed,easing,callback) {
279 return speed ? $.effects.animateClass.apply(this, [{ remove: classNames },speed,easing,callback]) : this._removeClass(classNames);
282 _toggleClass: $.fn.toggleClass,
283 toggleClass: function(classNames, force, speed, easing, callback) {
284 if ( typeof force == "boolean" || force === undefined ) {
286 // without speed parameter;
287 return this._toggleClass(classNames, force);
289 return $.effects.animateClass.apply(this, [(force?{add:classNames}:{remove:classNames}),speed,easing,callback]);
292 // without switch parameter;
293 return $.effects.animateClass.apply(this, [{ toggle: classNames },force,speed,easing]);
297 switchClass: function(remove,add,speed,easing,callback) {
298 return $.effects.animateClass.apply(this, [{ add: add, remove: remove },speed,easing,callback]);
304 /******************************************************************************/
305 /*********************************** EFFECTS **********************************/
306 /******************************************************************************/
308 $.extend($.effects, {
311 // Saves a set of properties in a data storage
312 save: function(element, set) {
313 for(var i=0; i < set.length; i++) {
314 if(set[i] !== null) element.data("ec.storage."+set[i], element[0].style[set[i]]);
318 // Restores a set of previously saved properties from a data storage
319 restore: function(element, set) {
320 for(var i=0; i < set.length; i++) {
321 if(set[i] !== null) element.css(set[i], element.data("ec.storage."+set[i]));
325 setMode: function(el, mode) {
326 if (mode == 'toggle') mode = el.is(':hidden') ? 'show' : 'hide'; // Set for toggle
330 getBaseline: function(origin, original) { // Translates a [top,left] array into a baseline value
331 // this should be a little more flexible in the future to handle a string & hash
334 case 'top': y = 0; break;
335 case 'middle': y = 0.5; break;
336 case 'bottom': y = 1; break;
337 default: y = origin[0] / original.height;
340 case 'left': x = 0; break;
341 case 'center': x = 0.5; break;
342 case 'right': x = 1; break;
343 default: x = origin[1] / original.width;
348 // Wraps the element around a wrapper that copies position properties
349 createWrapper: function(element) {
351 // if the element is already wrapped, return it
352 if (element.parent().is('.ui-effects-wrapper')) {
353 return element.parent();
358 width: element.outerWidth(true),
359 height: element.outerHeight(true),
360 'float': element.css('float')
362 wrapper = $('<div></div>')
363 .addClass('ui-effects-wrapper')
366 background: 'transparent',
371 active = document.activeElement;
373 element.wrap(wrapper);
375 // Fixes #7595 - Elements lose focus when wrapped.
376 if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
380 wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually loose the reference to the wrapped element
382 // transfer positioning properties to the wrapper
383 if (element.css('position') == 'static') {
384 wrapper.css({ position: 'relative' });
385 element.css({ position: 'relative' });
388 position: element.css('position'),
389 zIndex: element.css('z-index')
391 $.each(['top', 'left', 'bottom', 'right'], function(i, pos) {
392 props[pos] = element.css(pos);
393 if (isNaN(parseInt(props[pos], 10))) {
397 element.css({position: 'relative', top: 0, left: 0, right: 'auto', bottom: 'auto' });
400 return wrapper.css(props).show();
403 removeWrapper: function(element) {
405 active = document.activeElement;
407 if (element.parent().is('.ui-effects-wrapper')) {
408 parent = element.parent().replaceWith(element);
409 // Fixes #7595 - Elements lose focus when wrapped.
410 if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
419 setTransition: function(element, list, factor, value) {
421 $.each(list, function(i, x){
422 var unit = element.cssUnit(x);
423 if (unit[0] > 0) value[x] = unit[0] * factor + unit[1];
430 function _normalizeArguments(effect, options, speed, callback) {
431 // shift params for method overloading
432 if (typeof effect == 'object') {
436 effect = options.effect;
438 if ($.isFunction(options)) {
443 if (typeof options == 'number' || $.fx.speeds[options]) {
448 if ($.isFunction(speed)) {
453 options = options || {};
455 speed = speed || options.duration;
456 speed = $.fx.off ? 0 : typeof speed == 'number'
457 ? speed : speed in $.fx.speeds ? $.fx.speeds[speed] : $.fx.speeds._default;
459 callback = callback || options.complete;
461 return [effect, options, speed, callback];
464 function standardSpeed( speed ) {
465 // valid standard speeds
466 if ( !speed || typeof speed === "number" || $.fx.speeds[ speed ] ) {
470 // invalid strings - treat as "normal" speed
471 if ( typeof speed === "string" && !$.effects[ speed ] ) {
479 effect: function(effect, options, speed, callback) {
480 var args = _normalizeArguments.apply(this, arguments),
481 // TODO: make effects take actual parameters instead of a hash
487 mode = args2.options.mode,
488 effectMethod = $.effects[effect];
490 if ( $.fx.off || !effectMethod ) {
491 // delegate to the original method (e.g., .show()) if possible
493 return this[ mode ]( args2.duration, args2.callback );
495 return this.each(function() {
496 if ( args2.callback ) {
497 args2.callback.call( this );
503 return effectMethod.call(this, args2);
507 show: function(speed) {
508 if ( standardSpeed( speed ) ) {
509 return this._show.apply(this, arguments);
511 var args = _normalizeArguments.apply(this, arguments);
512 args[1].mode = 'show';
513 return this.effect.apply(this, args);
518 hide: function(speed) {
519 if ( standardSpeed( speed ) ) {
520 return this._hide.apply(this, arguments);
522 var args = _normalizeArguments.apply(this, arguments);
523 args[1].mode = 'hide';
524 return this.effect.apply(this, args);
528 // jQuery core overloads toggle and creates _toggle
529 __toggle: $.fn.toggle,
530 toggle: function(speed) {
531 if ( standardSpeed( speed ) || typeof speed === "boolean" || $.isFunction( speed ) ) {
532 return this.__toggle.apply(this, arguments);
534 var args = _normalizeArguments.apply(this, arguments);
535 args[1].mode = 'toggle';
536 return this.effect.apply(this, args);
541 cssUnit: function(key) {
542 var style = this.css(key), val = [];
543 $.each( ['em','px','%','pt'], function(i, unit){
544 if(style.indexOf(unit) > 0)
545 val = [parseFloat(style), unit];
553 /******************************************************************************/
554 /*********************************** EASING ***********************************/
555 /******************************************************************************/
558 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
560 * Uses the built in easing capabilities added In jQuery 1.1
561 * to offer multiple easing options
563 * TERMS OF USE - jQuery Easing
565 * Open source under the BSD License.
567 * Copyright 2008 George McGinley Smith
568 * All rights reserved.
570 * Redistribution and use in source and binary forms, with or without modification,
571 * are permitted provided that the following conditions are met:
573 * Redistributions of source code must retain the above copyright notice, this list of
574 * conditions and the following disclaimer.
575 * Redistributions in binary form must reproduce the above copyright notice, this list
576 * of conditions and the following disclaimer in the documentation and/or other materials
577 * provided with the distribution.
579 * Neither the name of the author nor the names of contributors may be used to endorse
580 * or promote products derived from this software without specific prior written permission.
582 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
583 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
584 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
585 * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
586 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
587 * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
588 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
589 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
590 * OF THE POSSIBILITY OF SUCH DAMAGE.
594 // t: current time, b: begInnIng value, c: change In value, d: duration
595 $.easing.jswing = $.easing.swing;
600 swing: function (x, t, b, c, d) {
601 //alert($.easing.default);
602 return $.easing[$.easing.def](x, t, b, c, d);
604 easeInQuad: function (x, t, b, c, d) {
605 return c*(t/=d)*t + b;
607 easeOutQuad: function (x, t, b, c, d) {
608 return -c *(t/=d)*(t-2) + b;
610 easeInOutQuad: function (x, t, b, c, d) {
611 if ((t/=d/2) < 1) return c/2*t*t + b;
612 return -c/2 * ((--t)*(t-2) - 1) + b;
614 easeInCubic: function (x, t, b, c, d) {
615 return c*(t/=d)*t*t + b;
617 easeOutCubic: function (x, t, b, c, d) {
618 return c*((t=t/d-1)*t*t + 1) + b;
620 easeInOutCubic: function (x, t, b, c, d) {
621 if ((t/=d/2) < 1) return c/2*t*t*t + b;
622 return c/2*((t-=2)*t*t + 2) + b;
624 easeInQuart: function (x, t, b, c, d) {
625 return c*(t/=d)*t*t*t + b;
627 easeOutQuart: function (x, t, b, c, d) {
628 return -c * ((t=t/d-1)*t*t*t - 1) + b;
630 easeInOutQuart: function (x, t, b, c, d) {
631 if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
632 return -c/2 * ((t-=2)*t*t*t - 2) + b;
634 easeInQuint: function (x, t, b, c, d) {
635 return c*(t/=d)*t*t*t*t + b;
637 easeOutQuint: function (x, t, b, c, d) {
638 return c*((t=t/d-1)*t*t*t*t + 1) + b;
640 easeInOutQuint: function (x, t, b, c, d) {
641 if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
642 return c/2*((t-=2)*t*t*t*t + 2) + b;
644 easeInSine: function (x, t, b, c, d) {
645 return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
647 easeOutSine: function (x, t, b, c, d) {
648 return c * Math.sin(t/d * (Math.PI/2)) + b;
650 easeInOutSine: function (x, t, b, c, d) {
651 return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
653 easeInExpo: function (x, t, b, c, d) {
654 return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
656 easeOutExpo: function (x, t, b, c, d) {
657 return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
659 easeInOutExpo: function (x, t, b, c, d) {
661 if (t==d) return b+c;
662 if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
663 return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
665 easeInCirc: function (x, t, b, c, d) {
666 return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
668 easeOutCirc: function (x, t, b, c, d) {
669 return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
671 easeInOutCirc: function (x, t, b, c, d) {
672 if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
673 return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
675 easeInElastic: function (x, t, b, c, d) {
676 var s=1.70158;var p=0;var a=c;
677 if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
678 if (a < Math.abs(c)) { a=c; var s=p/4; }
679 else var s = p/(2*Math.PI) * Math.asin (c/a);
680 return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
682 easeOutElastic: function (x, t, b, c, d) {
683 var s=1.70158;var p=0;var a=c;
684 if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
685 if (a < Math.abs(c)) { a=c; var s=p/4; }
686 else var s = p/(2*Math.PI) * Math.asin (c/a);
687 return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
689 easeInOutElastic: function (x, t, b, c, d) {
690 var s=1.70158;var p=0;var a=c;
691 if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
692 if (a < Math.abs(c)) { a=c; var s=p/4; }
693 else var s = p/(2*Math.PI) * Math.asin (c/a);
694 if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
695 return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
697 easeInBack: function (x, t, b, c, d, s) {
698 if (s == undefined) s = 1.70158;
699 return c*(t/=d)*t*((s+1)*t - s) + b;
701 easeOutBack: function (x, t, b, c, d, s) {
702 if (s == undefined) s = 1.70158;
703 return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
705 easeInOutBack: function (x, t, b, c, d, s) {
706 if (s == undefined) s = 1.70158;
707 if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
708 return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
710 easeInBounce: function (x, t, b, c, d) {
711 return c - $.easing.easeOutBounce (x, d-t, 0, c, d) + b;
713 easeOutBounce: function (x, t, b, c, d) {
714 if ((t/=d) < (1/2.75)) {
715 return c*(7.5625*t*t) + b;
716 } else if (t < (2/2.75)) {
717 return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
718 } else if (t < (2.5/2.75)) {
719 return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
721 return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
724 easeInOutBounce: function (x, t, b, c, d) {
725 if (t < d/2) return $.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
726 return $.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
732 * TERMS OF USE - EASING EQUATIONS
734 * Open source under the BSD License.
736 * Copyright 2001 Robert Penner
737 * All rights reserved.
739 * Redistribution and use in source and binary forms, with or without modification,
740 * are permitted provided that the following conditions are met:
742 * Redistributions of source code must retain the above copyright notice, this list of
743 * conditions and the following disclaimer.
744 * Redistributions in binary form must reproduce the above copyright notice, this list
745 * of conditions and the following disclaimer in the documentation and/or other materials
746 * provided with the distribution.
748 * Neither the name of the author nor the names of contributors may be used to endorse
749 * or promote products derived from this software without specific prior written permission.
751 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
752 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
753 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
754 * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
755 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
756 * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
757 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
758 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
759 * OF THE POSSIBILITY OF SUCH DAMAGE.