jQuery Event Based Notification Plugin For Bootstrap - BS-Alerts

File Size: 13.2 KB
Views Total: 8208
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Event Based Notification Plugin For Bootstrap - BS-Alerts

BS-Alerts is a jQuery plugin that make it easy to create jQuery event based notification bar (warning, error, info, success) using Twitter Bootstrap and HTML5 data- attribute.

You might also like:

Basic Usage:

1. Markup

<div data-alerts="alerts" data-titles="{'warning': '<em>Warning!</em>'}" data-ids="myid"></div>

2. Include necessary javascript files on your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="jquery.bsAlerts.js"></script> 

3. Include Bootstrap CSS files in the head section

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />

4. Call the plugin with options

<script>
$(document).trigger("add-alerts", [
  {
    'message': "This is a warning.", // 
    'priority': 'warning' // error, warning, success
  }
]);
</script>

Change Log:

v1.0.5 (2017-04-27)

v1.0.3 (2017-1-05)

  • update.

v0.1.5 (2014-3-16)

  • update.

This awesome jQuery plugin is developed by eltimn. For more Advanced Usages, please check the demo page or visit the official website.