Notification Center 4 Notification Types

CodeCanyon Notification Center 4 Notification Types 397393
Script \ JavaScript \ Miscellaneous
Notification \ Notifications \ Callback \ Message \ Create \ Unread \ Bubbles

JavaScript - Notification Center 4 Notification Types 397393 by 23andwalnut @ CodeCanyon

Script \ JavaScript \ Miscellaneous

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

Last Update: N/A; High Resolution: No; Compatible Browsers: IE7, IE8, IE9, Firefox, Safari, Opera; Files Included: JavaScript JS, HTML, CSS, PHP, SQL; Software Version: jQuery.

Clarity Music Player; jQuery Document Viewer; MediaBox - jQuery Plugin for Audio & Video; Visual Form Builder - Beautiful Forms In Seconds; AudioBox - HTML5 Music Player; HTML5 Ajax Contact Form With Google Maps; Advanced Client Portal.

Keywords: alerts, growl, message, modal, notification, notification bar, notification boxes, notification messages, notifications.


Create CodeCanyon Notification Center 4 Notification Types 397393 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon Notification Center 4 Notification Types 397393 from creative professional designers. Full details of CodeCanyon Notification Center 4 Notification Types 397393 for digital design and education. CodeCanyon Notification Center 4 Notification Types 397393 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *