aboutsummaryrefslogtreecommitdiffstats
path: root/ui/source/effects.transfer.js
diff options
context:
space:
mode:
authorPaul Bakaus <paul.bakaus@googlemail.com>2008-05-23 09:26:18 +0000
committerPaul Bakaus <paul.bakaus@googlemail.com>2008-05-23 09:26:18 +0000
commitab281b36d7cc10913a77f2f8da9ff7b7c011b3ee (patch)
treee75c648d2ee6a4fb467a2f1a2d092e1544a938a5 /ui/source/effects.transfer.js
parent489160abd896aac7c140775207d18a3bf489c08f (diff)
downloadjquery-ui-ab281b36d7cc10913a77f2f8da9ff7b7c011b3ee.tar.gz
jquery-ui-ab281b36d7cc10913a77f2f8da9ff7b7c011b3ee.zip
Diffstat (limited to 'ui/source/effects.transfer.js')
-rw-r--r--ui/source/effects.transfer.js46
1 files changed, 46 insertions, 0 deletions
diff --git a/ui/source/effects.transfer.js b/ui/source/effects.transfer.js
new file mode 100644
index 000000000..f83700c0d
--- /dev/null
+++ b/ui/source/effects.transfer.js
@@ -0,0 +1,46 @@
+;(function($) {
+
+ $.effects.transfer = function(o) {
+
+ return this.queue(function() {
+
+ // Create element
+ var el = $(this);
+
+ // Set options
+ var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
+ var target = $(o.options.to); // Find Target
+ var position = el.position();
+ var transfer = $('<div id="fxTransfer"></div>').appendTo(document.body)
+
+ // Set target css
+ transfer.addClass(o.options.className);
+ transfer.css({
+ top: position['top'],
+ left: position['left'],
+ height: el.outerHeight({margin:true}) - parseInt(transfer.css('borderTopWidth')) - parseInt(transfer.css('borderBottomWidth')),
+ width: el.outerWidth({margin:true}) - parseInt(transfer.css('borderLeftWidth')) - parseInt(transfer.css('borderRightWidth')),
+ position: 'absolute'
+ });
+
+ // Animation
+ position = target.position();
+ animation = {
+ top: position['top'],
+ left: position['left'],
+ height: target.outerHeight() - parseInt(transfer.css('borderTopWidth')) - parseInt(transfer.css('borderBottomWidth')),
+ width: target.outerWidth() - parseInt(transfer.css('borderLeftWidth')) - parseInt(transfer.css('borderRightWidth'))
+ };
+
+ // Animate
+ transfer.animate(animation, o.duration, o.options.easing, function() {
+ transfer.remove(); // Remove div
+ if(o.callback) o.callback.apply(this, arguments); // Callback
+ el.dequeue();
+ });
+
+ });
+
+ };
+
+})(jQuery);