• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    Notify (gallery-notify) on cdn

    Last Updated: 10/16/12
    + 1 -

    Anthony Pipkin

    YUI Developer

    See 28 more by this user.

    Created: 04/7/10
    Last CDN Push: 03/11/11
    Build Tag: gallery-2011.03.11-23-49
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.7.3
    Free for use.

     
    Moving to 'gallery-xarno-notify' and Y.Xarno.Notify

    Displays a message similar to Growl in OSX that fade and disappear on using Timer so it can pause the timeout on mouse enter and resume on mouse leave. Contains to objects using the parent/child widget model.

    There are two skins available, Growl (http://skylermedia.com/demo/notify/) and Toast (http://www.assembla.com/code/yui/git/node/live/master/sandbox/apipkin/gallery-notify/toast.html). Both are available in the GitHub

    Y.Notify


    Configuration


    • closable - passes through to Y.Notify.Messages
    • defaultChildType - default is Y.Notify.Message to support inline addition of messages
    • prepend - allows the ability to add messages to the top of the stack
    • timeout - passes through to Y.Notify.Messages

    Y.Notify.Message


    Configuration


    • closable - adds a close button to the bounding box
    • closeNode - node to close when close button is pressed
    • message - text displayed when message is rendered
    • timeout - time (ms) before the disappear animation starts. mouse enter pauses the timer and mouse leave resumes timer
    • flag - adds a class to the message for message type skinning
    • Tags:
    • notification
    • skinnable widget
    • apipkin
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    In this example we initialize and render our notifier. Then we add a message. It will remove itself after the default time.

    Code Sample

    <script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2011.03.11-23-49'
    }).use('gallery-notify', function(Y) {
     
        var n = new Y.Notify();
        n.render();
        n.add({'message': 'Notify Rocks!'});
     
    });

    Forum Posts

    Subject Author Date
    Feature requrest: more flag types Tomas Are Haavet 04/15/10
    Re: Feature requrest: more flag types Anthony Pipkin 04/19/10
    notify and yui3.3.0 Roman Stachura 01/27/11
    Re: notify and yui3.3.0 Roman Stachura 02/3/11
    Developer flag types John Mizliso 03/2/12
    Close all notifications John Mizliso 03/3/12
    Re: Developer flag types Anthony Pipkin 03/11/12
    Standardizing apipkin Modules Anthony Pipkin 10/16/12
    Re: notify and yui3.3.0 Roy Mathew 04/25/13

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info