Roar - Notifications (v1.0)
Roar is a notification widget that streamlines incoming messages, such as updates or errors, without
distracting the user from their browser experience or breaking their work-flow by displaying obtrusive
alerts. Roar is inspired by Growl, the notification system for Mac OS X and
is realised with MooTools.
Showcase “Update Ticker”
Timed updates on events.
The Action Happens Here
JavaScript & MooTools
// This time we use load, to load the whole page, a bit more time window.addEvent('load', function() { var roar = new Roar({ position: 'lowerLeft', duration: 5000 // 5 seconds until message fades out }); roar.alert('Britney Spears meets Frankenstein', 'The Beast and the Beauty, who is who!'); roar.chain(function() { roar.alert('News gone crazy', 'Frankenstein is lost!'); }).chain(function() { roar.alert('Frankenstein dead!', 'Who did it, we know it!'); }).chain(function() { roar.alert('We fired our editor!', 'He only wrote stupid lorem ipsum dummies, hopefully we get better texts for the next showcase!'); }); });
This example and the accompanying sources/assets are © 2008-2009 by Harald Kirschner and available under The MIT License. For debugging and profiling the scripts and their markup download Firefox and use addons like Firebug and Web Developer Toolbar.