Comments on: JQuery: Waiting for Multiple Animations to Complete http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/ Ganesh\ Sat, 31 Jul 2010 07:07:49 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Saulo Padilha http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-75220 Saulo Padilha Mon, 05 Jul 2010 09:35:31 +0000 http://www.gmarwaha.com/blog/?p=31#comment-75220 Great! That worked perfect and don't need a big block of code. Thanks, man! Great! That worked perfect and don’t need a big block of code.

Thanks, man!

]]> By: Wusthof Cutlery http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-75102 Wusthof Cutlery Fri, 02 Jul 2010 17:19:29 +0000 http://www.gmarwaha.com/blog/?p=31#comment-75102 Just thought i'd comment and say neat design, did you code it yourself? Looksvery good. Just thought i’d comment and say neat design, did you code it yourself? Looksvery good.

]]> By: ugg boots outlet http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-74305 ugg boots outlet Thu, 17 Jun 2010 07:49:09 +0000 http://www.gmarwaha.com/blog/?p=31#comment-74305 the thing you you like ,the thing you will do . the thing you you like ,the thing you will do .

]]> By: travesti http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-73440 travesti Wed, 02 Jun 2010 16:55:29 +0000 http://www.gmarwaha.com/blog/?p=31#comment-73440 $(“#elm2?).slideDown(4000,cb1); what ? $(“#elm2?).slideDown(4000,cb1); what ?

]]> By: An Ngo http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-73297 An Ngo Mon, 31 May 2010 06:43:58 +0000 http://www.gmarwaha.com/blog/?p=31#comment-73297 Here is a simple plugin to handle this problem using closure $.waitForNAnimations = function(numberOfAnimations,callback) { var count = 0; function cb() { count++; if ( count == numberOfAnimations) { count = 0; callback(); } } return cb; } Usage: For each group of animations, define one callback function cb = $.waitForNAnimations(numberOfElements, function () { ... call back code }); Then $("#element1").slideDown(1000,cb); $("#element2").slideDown(2000,cb); Example Waiting for multiple animations <script src="/js/jquery-1.3.1.js" language="JavaScript" $.waitForNAnimations = function(numberOfAnimations,callback) { var count = 0; function cb() { count++; if ( count == numberOfAnimations) { count = 0; callback(); } } return cb; } cb1 = $.waitForNAnimations(2, function () { alert("Group 1 Done"); }); function animate1() { if ($("#elm1").is(":hidden")) { $("#elm1").slideDown(2000,cb1); $("#elm2").slideDown(4000,cb1); } else { $("#elm1").hide(); $("#elm2").hide(); } } cb2 = $.waitForNAnimations(3, function () { alert("Group 2 Done"); }); function animate2() { if ($("#elm3").is(":hidden")) { $("#elm3").slideDown(2000,cb2); $("#elm4").slideDown(4000,cb2); $("#elm5").slideDown(6000,cb2); } else { $("#elm3").hide(); $("#elm4").hide(); $("#elm5").hide(); } } div { background:#de9a44; margin:3px; width:80px; height:40px; display:none; float:left; } Here is a simple plugin to handle this problem using closure

$.waitForNAnimations = function(numberOfAnimations,callback) {
var count = 0;
function cb() {
count++;
if ( count == numberOfAnimations) {
count = 0;
callback();
}
}
return cb;
}

Usage: For each group of animations, define one callback function

cb = $.waitForNAnimations(numberOfElements, function () {
… call back code
});

Then
$(“#element1″).slideDown(1000,cb);
$(“#element2″).slideDown(2000,cb);

Example

Waiting for multiple animations
<script src="/js/jquery-1.3.1.js" language="JavaScript"

$.waitForNAnimations = function(numberOfAnimations,callback) {
var count = 0;
function cb() {
count++;
if ( count == numberOfAnimations) {
count = 0;
callback();
}
}
return cb;
}

cb1 = $.waitForNAnimations(2, function () {
alert(“Group 1 Done”);
});

function animate1() {
if ($(“#elm1″).is(“:hidden”)) {
$(“#elm1″).slideDown(2000,cb1);
$(“#elm2″).slideDown(4000,cb1);
} else {
$(“#elm1″).hide();
$(“#elm2″).hide();
}
}

cb2 = $.waitForNAnimations(3, function () {
alert(“Group 2 Done”);
});

function animate2() {
if ($(“#elm3″).is(“:hidden”)) {
$(“#elm3″).slideDown(2000,cb2);
$(“#elm4″).slideDown(4000,cb2);
$(“#elm5″).slideDown(6000,cb2);
} else {
$(“#elm3″).hide();
$(“#elm4″).hide();
$(“#elm5″).hide();
}
}

div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }

]]> By: travesti http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-71117 travesti Sun, 25 Apr 2010 10:20:56 +0000 http://www.gmarwaha.com/blog/?p=31#comment-71117 If the condition is met, it means that the animations are complete. If the condition is met, it means that the animations are complete.

]]> By: example animations http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-70314 example animations Sun, 04 Apr 2010 08:54:11 +0000 http://www.gmarwaha.com/blog/?p=31#comment-70314 [...] Previous Post. Leave a Reply. Name (required) Mail (will not be published) (required) Website ...JQuery: Waiting for Multiple Animations to Complete | GaneshHave you ever come across a situation where you wanted to execute a certain piece of code after an [...] [...] Previous Post. Leave a Reply. Name (required) Mail (will not be published) (required) Website …JQuery: Waiting for Multiple Animations to Complete | GaneshHave you ever come across a situation where you wanted to execute a certain piece of code after an [...]

]]> By: prizmacelikkapi http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-69933 prizmacelikkapi Thu, 25 Mar 2010 11:25:34 +0000 http://www.gmarwaha.com/blog/?p=31#comment-69933 better and more efficient approach to solve the same challenge. If fellow jquery lovers are aware of such solutions please feel free to leave a comment. better and more efficient approach to solve the same challenge. If fellow jquery lovers are aware of such solutions please feel free to leave a comment.

]]> By: m3 ds real http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-68529 m3 ds real Fri, 19 Feb 2010 12:30:23 +0000 http://www.gmarwaha.com/blog/?p=31#comment-68529 AJAX and PHP is a great resource for PHP developers who want to expand their knowledge into front end web languages.But here I got some practical stuff!see...nobody so kind like you dude!Thanks for all information! AJAX and PHP is a great resource for PHP developers who want to expand their knowledge into front end web languages.But here I got some practical stuff!see…nobody so kind like you dude!Thanks for all information!

]]> By: çelik kap? http://www.gmarwaha.com/blog/2009/06/09/jquery-waiting-for-multiple-animations-to-complete/comment-page-1/#comment-65589 çelik kap? Sun, 06 Dec 2009 11:01:40 +0000 http://www.gmarwaha.com/blog/?p=31#comment-65589 Ofcourse, the same code can be modified for more than two elements as well. Some more work, and we can make it handle any number of elements. But, I was wondering if there was an easier, better and more efficient approach to solve the same challenge. If fellow jquery lovers are aware of such solutions please feel free to leave a comment. Ofcourse, the same code can be modified for more than two elements as well. Some more work, and we can make it handle any number of elements. But, I was wondering if there was an easier, better and more efficient approach to solve the same challenge. If fellow jquery lovers are aware of such solutions please feel free to leave a comment.

]]>