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