Gallery

Modules

Documentation

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.

Notifications (gallery-notifications) on cdn

Last Updated: 04/25/13

+ 2 -

Ricardo Ramirez

YUI Contributor

See 1 more by this user.

Created: 03/21/10
Last CDN Push: 04/14/10
Build Tag: gallery-2010.04.14-19-47
Project: YUI 3
License: YUI BSD
YUI Version: 3.10.0
Free for use.

The Notifications component provides a way to display in your page a small "notifications" area at the bottom of the page. On click, all the notifications are shown. You can use this component to display relevant information to the users, or to notify them about events happening on the site.

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Need help? Feature requests? Bug reports? Post a message in the forum
http://yuilibrary.com/forum/viewforum.php?f=178

The easiest way to create a notifications instance is from existing markup in your page. You need to generate HTML that specifies the notifications information for the user. A notifications component will render at the bottom. If you click on the small box, the notification list is shown. Click the box and it collapses again.

Use the markup:



   <ul id="notifications">

        <li id="notification:1269122358">

            <a href="#message">Louis has left you a message</a>

        </li>

        <li id="notification:1269120204">

            <a href="#message2">Peter has commented your picture</a>

        </li>

        <li id="notification:1269115173">

            <a href="#message3">New message in the 'Advanced JS' forum</a>

        </li>

    </ul>

Code Sample

<script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.04.14-19-47'
}).use('notifications' , function(Y) {
 
    var notify = new Y.Notifications('notifications');
 
});

Forum Posts

Subject	Author	Date
nice little module	logemann	04/2/10
Re: nice little module	logemann	04/2/10
Re: nice little module	Ricardo Ramirez	04/15/10