digitarald - Web Craftsman Harald Kirschner - Internet Consultant & Contractor

Features

• Show any informations you want and style them with class-names.
• Messages are queued and interactive
  • Hover them to read them longer
  • Add optional click-interaction to provide more information
• Customize them via external CSS to your own needs.

How to use

// Wait for the content ...
window.addEvent('domready', {
 
    // Default options, reuse this Roar
    var queue = new Roar();
 
});

Compatibility

Fully compatible with all A-Grade Browsers (Internet Explorer 6+, Opera 9, Firefox 1.5+ and Safari 2+)

Planned

• Support for centered position
• More notification types and easier customization

Requirements

MooTools JavaScript Framework

Download MooTools 1.2 with at least these modules:

• Element.Dimensions
• Fx.Tween
• Fx.Morph
• Selectors
• DomReady (facultative)

Download

• Roar.js
• Roar.css

Changelog

1.0.1 (2008-04-26)

• Added: Roar::inject which contains all the basic create-notification logic, alert only builds the elements. Add more handlers (images, mp3-player like, whatever) on your own and send the cool ones to me!
• Added: Added queued demo and improved ticker demo
• Added: Roar::empty to remove all open items
• Changed: Removed handler argument for alert, just get the last item from Roar::items and add custom events.
• Changed: Removed orphaned title option, no default title possible

1.0 (2008-01-19)

• Added: New Events onShow, onHide (arguments element and index) and onRender
• Fixed: Adapted new MooTools Dimensions, follows window scrolling again.
• Fixed: Added fallback for IE regarding opaque background.

1.0 pre (2008-01-03)

• Initial working version for MooTools 1.2

License

All files are © 2008-2009 by Harald Kirschner and available under the MIT License.

Contact & Discussion

For asking questions, requesting features, filing bugs or contributing other thoughts on this project use the support forum below. Before posting a new question, read through the documentation and the contributed notes for an answer. For problem reports make sure to add enough details like browser, version and a link or the relevant code.

You can contact me for non-support related notes.

Professional Support

I am available for hire if you look for professional and swift help. I can come to your rescue for installation, customization or extending the existing source for your needs.