Gallery

<script src="http://yui.yahooapis.com/3.9.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.10.17-20-00'
}).use('io', 'gallery-deferred', function(Y) {
 
  // make multiple IO requests and deal with them when they are all completed
  Y.when(Y.io.get('foo.html'), Y.io.getJSON('bar.json')).then(function (a, b) {
    // a and b are arrays with the arguments received by deferred.resolve() in each case,
    // so the first element in each array is an EventFacade with responseText and data properties
    console.log(a[0].responseText, b[0].data);
  });
 
  // use a plugin for chaining asynchronous Node methods one after the other and not all at the same time
  var node = Y.one('#foo').plug(Y.Plugin.NodeDeferred);
  node.deferred.transition({ left: '300px' })
               .transition({ top: '300px' })
               .load('some-content.html')
               .transition({ width: '420px', height: '420px', top: '30px' });
 
  // create your own deferred functions...
  Y.wait = function (ms) {
    var deferred = new Y.Deferred();
    Y.later(ms, deferred, deferred.resolve);
    return deferred.promise();
  };
  Y.wait(2000).then(function () {
    // do something 2 seconds later
  });
 
  // ... and add them to all Promises for extra fun!
  Y.Promise.prototype.wait = function () {
    return this.then(Y.wait);
  };
  Y.io.postForm('foo.php', '#someform').wait(1000).then(function () {
    // do something 1 second later of a certain IO request being completed
    // maybe hide a process indicator?
  });
});