Overview
Notification Center is a jQuery plugin that facilitates the process of creating and managing notifications within an application.
The primary features of Notification Center are:
- 2 themes – Light and
Dark - Notification ‘bubbles’ track the number of unread notifications in each category
- 4 display types (modal, bar, growl, none)
- 4 helper types (success, error, warning, notice)
- Create notifications in Javascript or PHP
- Automatically poll the server for new notifications
- Add images to notifications
- Optional PHP class to create/manage notifications (You need to understand PHP to use this class)
- Create unlimited categories for notifications
- Extensive options list – See full list
Themes
Light
Dark
*The notification menu in the light theme is based on the work of Orman Clark
Callbacks
- Create Callback – This callback is fired each time a notification is created
- Mark Read Callback – This callback is fired each time a notification is marked as read
- Delete Callback – This callback is fired when a notification is deleted
- Notification Count Increase Callback – This callback is fired when the notification count in one of the bubbles increases
- Notification Click Callback – This callback is fired when a notification is clicked inside of the notification list
- Close Callback – This callback is fired when a notification is closed.
Usage
Initialize the plugin
var notifications = new $.ttwNotificationCenter();
Initialize notification bubbles
notifications.initMenu({ someCategory:'#menuItemSelector' });
Create A Notification
//Default parameters notifications.createNotification('This is a notification'); //Custom parameters. notifications.createNotification({ message:'This is a notification', type:'modal', category:'projects', icon:'images/some_icon.png', autoHide:true, autoHideDelay:3000 });
Use the helpers
notifications.success('This is a success message'); notifications.error('This is an error message'); notifications.warning('This is a warning message'); notifications.notice('This is an info message');
Get notifications from the server
notifications.importNotifications('all', 'unread'); notifications.getNew();
Delete a notification
var notification = notifications.creatNotification('some notification'); notifications.deleteNotifiction(notification);
Get the notifications in a category
var notificationsInSomeCategory = getNotifications('someCategory', 'unread');
Need a project management system? Try my new app
Visual Form Builder – Create beautiful forms in seconds
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Notification Center – 4 Notification Types from the The Developer ( its_level ) website. Thank you.
Download = Notification Center – 4 Notification Types-[Updated].zip