This class is for grouping Classes or Events. The Event added to the Group will fire when all of the events of the items of the group are fired.

Syntax:

var myGroup = new Group(class[, arrays[, class2[, ... ]]]);

Arguments:

Any number of Class instances, or arrays containing class instances.

Returns:

  • (object) A new Group instance.

Examples:

var xhr1 = new Ajax('data.js', {evalScript: true});
var xhr2 = new Ajax('abstraction.js', {evalScript: true});
var xhr3 = new Ajax('template.js', {evalScript: true});

var group = new Group(xhr1, xhr2, xhr3);
group.addEvent('complete', function(){
    alert('All Scripts loaded');
});

xhr1.request();
xhr2.request();
xhr3.request();

Adds an Event to the stack of Events of the Class instances.

Syntax:

myGroup.addEvent(type, fn);

Arguments:

  1. type - (string) The event name (e.g. 'complete') to add.
  2. fn - (function) The callback function to execute when all instances fired this event.

Returns:

  • (object) This Group instance.

Examples:

var myElements = $('myForm').getElements('input, textarea, select');
myElements.addEvent('click', function(){
    alert('an individual click');
});

var myGroup = new Group(myElements);
myGroup.addEvent('click', function(){
    alert('all form elements clicked');
});

See Also: