Хочу представить уважаемому читателю отличный вариант системы оповещения в Growl стиле для MooTools - Notimoo.

Особенности

• Настройка системы осуществляется стилями CSS.
• Настраивается расположение блоков и размер.
• Блоки перемещаются при скроллинге.
• Возможность указать собственные callback-функции.
• Опция стикера (исчезает по клику).
• Совместимо с популярными браузерами Firefox 2+, Internet Explorer 6+, Opera 9+, Safari 3+, Chrome. Если что будет работать не так, напишите в комментариях.

Требования

Кроме стандартных требований строгого doctype, вам необходима библиотека MooTools 1.2 в составе следующих классов:

•   Core (Core, Browser)
•   Native (Array, Function, Number, String, Hash, Event)
•   Class (Class, Class.Extra)
•   Element (Element, Element.Event, Element.Style, Element.Dimensions)
•   Utilities (Selectors, DomReady)
•   Fx (Fx, Fx.CSS, Fx.Tween)
•   Plugins (Fx.Element)

Установка

var notimooManager = new Notimoo( globalOptions );

globalOptions - опции класса Notimoo:

•   parent - элемент, в который будет добавлен блок Notimoo (по умолчанию 'body')
•   height - высота блока в пикселях (по умолчанию 50)
•   width - ширина блока (по умолчанию 300)
•   visibleTime - время в миллисекундах, в течение которого Notimoo будет видимым (по умолчанию 5000)
•   locationVType - привязка Notimoo по вертикали по отношению к parent ('top' или 'bottom', по умолчанию 'top')
•   locationHType - привязка Notimoo по горизонтали по отношению к parent ('left' или 'right', по умолчанию 'right')
•   locationVBase - отступ по вертикали в пикселях (по умолчанию 10)
•   locationHBase - отступ по горизонтали (по умолчанию 10)
•   notificationsMargin - отступы между блоками (по умолчанию 5)
•   opacityTransitionTime - длительность fade эффекта в миллисекундах (по умолчанию 750)
•   closeRelocationTransitionTime - длительность перемещения блока в случае, когда другой блок исчезает (по умолчанию 750)
•   scrollRelocationTransitionTime - длительность перемещения блока при скроллинге страницы (по умолчанию 250)
•   notificationOpacity - прозрачность блока (по умолчанию 0.95)
•   onShow - callback-функция, вызывается при появлении. Элемент Notimoo передается в качестве параметра.
•   onClose - callback-функция, вызывается, когда блок исчезает. Элемент также можно передать как параметр.

notimooManager.show( localOptions );

localOptions - опции объекта класса Notimoo:

•   title - необязательный заголовок
•   message - текст сообщения
•   sticky - при установке true Notimoo исчезнет только по клику (по умолчанию false)

Также можно изменить для отдельного сообщения параметры visibleTime и width.

Примеры

Пример вы можете найти здесь. Там же найдете ссылку для скачивания.

Лично мне этот скрипт очень понравился, но существуют и другие варианты:

• Window Growl (Mootools 1.2)
• Roar (Mootools 1.1)

Keep Up the Good Work!