Notification Center – 4 Notification Types

Notification Center – 4 Notification Types Created by its_level. This templates have specific characteristics, namely: Notification has features such as High Resolution: No, Compatible Browsers: IE7, IE8, IE9, Firefox, Safari, Opera, Software Version: jQuery .

You can use this Notification Center – 4 Notification Types on Javascript category for alerts, growl, message, modal, notification, notification bar, notification boxes, notification messages, notifications and another uses.

Notification Center - 4 Notification Types
© Copyright by its_level

Features:

  • None: None
  • Jquery: jQuery
  • No: No
  • Ie7, ie8, ie9, firefox, safari, opera: IE7, IE8, IE9, Firefox, Safari, Opera
  • Javascript js, html, css, php, sql: JavaScript JS, HTML, CSS, PHP, SQL

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