js/ui/jquery.effects.transfer.js

   1 /*
   2  * jQuery UI Effects Transfer 1.8.10
   3  *
   4  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
   5  * Dual licensed under the MIT or GPL Version 2 licenses.
   6  * http://jquery.org/license
   7  *
   8  * http://docs.jquery.com/UI/Effects/Transfer
   9  *
  10  * Depends:
  11  *      jquery.effects.core.js
  12  */
  13 (function( $, undefined ) {
  14
  15 $.effects.transfer = function(o) {
  16         return this.queue(function() {
  17                 var elem = $(this),
  18                         target = $(o.options.to),
  19                         endPosition = target.offset(),
  20                         animation = {
  21                                 top: endPosition.top,
  22                                 left: endPosition.left,
  23                                 height: target.innerHeight(),
  24                                 width: target.innerWidth()
  25                         },
  26                         startPosition = elem.offset(),
  27                         transfer = $('<div class="ui-effects-transfer"></div>')
  28                                 .appendTo(document.body)
  29                                 .addClass(o.options.className)
  30                                 .css({
  31                                         top: startPosition.top,
  32                                         left: startPosition.left,
  33                                         height: elem.innerHeight(),
  34                                         width: elem.innerWidth(),
  35                                         position: 'absolute'
  36                                 })
  37                                 .animate(animation, o.duration, o.options.easing, function() {
  38                                         transfer.remove();
  39                                         (o.callback && o.callback.apply(elem[0], arguments));
  40                                         elem.dequeue();
  41                                 });
  42         });
  43 };
  44
  45 })(jQuery);