Comments on: Asynchronous function chaining in JavaScript

By: Bob

Bob — Mon, 28 Jan 2008 15:31:45 +0000

Sorry, found out the problem lies elsewhere in my script .. not in your plugin.

Excuse me for wasting your time.

By: Bob

Bob — Mon, 28 Jan 2008 14:46:00 +0000

Very, very handy plugin .. but I can’t get it to work on IE browsers (6+7).

the following works on all browsers, except IE:
$(”#header”).wait(3).css(”visibility”, “visible”);

Hope you can give me a fix or workaround.

Thanks for the plugin anyway.

By: Kyle

Kyle — Wed, 26 Dec 2007 04:23:05 +0000

This plugin is awesome. It makes doing nice looking status messages possible without having to do busy waiting. Just something along the lines of:

$(’#status’).fadeIn(’slow’).wait(5).fadeOut(’slow’);

All without having to do complicated things using animate (I suppose I could just give animate an empty transition for a certain amount of time, but this is much more succinct and general). I haven’t used it for anything else yet, but I imagine that there are a lot of possibilities.

By: Javed

Javed — Mon, 26 Nov 2007 05:51:56 +0000

I’m really looking forward to looking over your solulution and demos, though some of it may go way over my head… I came across your article when looking for a way (trying it with jquery) to allow users to, when hovering over a button, create/reveal a division (lets call it div.preview) placed close by and containing remotely loaded content; that div.preview would then remain visible for a set amount of time (eg. 1second), after which it would disappear unless the user moved the mouse over div.preview — doing so would reset the timer back up to 1sec, with the countdown starting only after the mouse exits the div#preview. Obviously, fun stuff like fadeIn and fadeOut can be added later…

you mentioned looking for a real-world use for the demo; howz this to try on? i’m trying to create that same effect for different buttons, with different contents loaded into their respective div.previews…

anyway, even this isn’t what ur looking for, thanks for the starting point…

By: Saq

Saq — Tue, 13 Nov 2007 11:45:37 +0000

Terrific, I’ll be looking forward to it James. I’ve been trying different ways of doing this myself (queue ajax calls), but own implementation was rather primitive and probably not very stable.

It basically went along the lines of pushing all the functions that need to be run in a queue into an array. Then having the callback for each Ajax call shift() the first member of the array and call it…..

It worked in my particular use case, but it’s far too ‘hacky’ for my own tastes even!

Thanks again!

By: James

James — Tue, 13 Nov 2007 11:41:04 +0000

@Saq: this is not something that’s tied to jQuery — jQuery was just there to give me a well-known example in which to build something useful quickly. I’ll definately put together an article on your suggestion soon, as I’d rather not leave it totally abstract like this without showing the possibilities for real-world use.

By: Saq

Saq — Sat, 10 Nov 2007 22:18:48 +0000

This looks very interesting indeed. Would it be possible to use this for queuing Ajax calls when not using a library like jQuery? If so, any pointers on how to get started with that would be greatly appreciated.

By: napyfab:blog» Blog Archive » links for 2007-11-01

napyfab:blog» Blog Archive » links for 2007-11-01 — Thu, 01 Nov 2007 23:36:39 +0000

[...] The If Works Â· Asynchronous function chaining in JavaScript (tags: javascript jquery async programming tutorial asynchronous ajax oop chain chainability development web webdev) [...]

By: Andrew Dupont

Andrew Dupont — Thu, 01 Nov 2007 17:21:29 +0000

Prototype 1.6 (currently at RC1, with final release very soon) has added Function.prototype.delay. With it you can do stuff like $(â€™myNodeâ€™).hide.delay(2).

You should be able to look at the Prototype source and port the function over.

By: nir

nir — Thu, 01 Nov 2007 06:50:37 +0000

for that reason, in mootools we have Custom Event Listeners.
$(”hideme”).effect(”opacity”).start(0.7).addEvent(”onComplete”, function(){this.start(1)});

(or something like that);

By: Tane Piper

Tane Piper — Tue, 30 Oct 2007 17:11:44 +0000

You might also be interested in the AJAX Queue plugin for 1.2: http://dev.jquery.com/view/trunk/plugins/ajaxQueue/jquery.ajaxQueue.js

This allows you to queue up Ajax requests, and it won’t fire any until the previous one has finished - could be handy with your plugin