Class: Group

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();

Group Method: addEvent

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: