Abstract

Window.Growl is a simple but handy MooTools component for creating translucent messages that are displayed over the contents of your screen. It is written by IceBeat (http://icebeat.bitacoras.com/mootools/growl/), and now it is updated to work with Mootools 1.2.

Usage

You can use growl as you are used to:

$('smoke').onclick = function() {
	Growl.Smoke({});
	return false;
};
 
$('bezel').onclick = function() {
	Growl.Bezel({
		title: 'Window.Growl<br />By Daniel Mota <br />Update to 1.2 by <br />Lennart Pilon'
	});
	return false;
};

I’ve put up a demo-page, check it out.

Work in progress

I did not manage to implement the chaining functionality in Growl.Bezel. For now, the bezels appear on top of each other. Not the way it should, so if you are a clever mind and know how to fix it: it would be very welcome!

The original version does something like this:

show: function(options) {
		this.i++;
		this.chain(this.parent.pass(options,this));
		if(this.i==1) this.callChain();
	}

But I can’t figure out how to port that to 1.2. Probably my lack of chaining experience :)

Downloads

Download Window.Growl for mootools 1.2 here: growl1.2

You can get MooTools here: http://mootools.net/download

The original version of Window.Growl (including examples) is found here: http://icebeat.bitacoras.com/mootools/growl/