WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

Notification Center - 4 Notification Types

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Notification Center - 4 Notification Types - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Follow Twitter ThE LATEST FLES TWITTER Follow Envato GET ThE LATEST FILES CODECANYON btn-twitter btn-twitter

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

DUET PROJECT MANAGEMENT Project Dashboard Visual Invoice Builder Integrated Payments Task Management File Library Project Calendar Reporting TaskTimer Integrated Messaging

Visual Form Builder – Create beautiful forms in seconds

VISIAL FORM BIILDER Fei Form Title Sea Opbaal VISUAL FORM BUILDER created

Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
20 July 11

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

Keywords

eCommerce, eCommerce, All Items, alerts, growl, message, modal, notification, notification bar, notification boxes, notification messages, notifications