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.
Keywords:
61 Comments
Please use the support forums for discussing the project, asking questions or posting bug-fixes!
