cosyAlert is a jQuery notification plugin that makes it easy to display different types of notifications (alert, error, success, notification) on web page.
jquery notification message box, jqduery notification bar, jquery toast notification, jquery notification popup example, jquery notification popup
Angular ngx Bootstrap Alerts As Notifications Plugin
How to make use of it:
1. Download the jQuery cosyAlert plugin files and place them on your webpage.
<link href="jquery.cosyAlert.css" rel="stylesheet"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="jquery.cosyAlert.js"></script>
2. Basic usage.
cosyAlert( message [, type ] [, options ] [, callback ] )
3. Configurations.
// parebt container container : null, // position vPos : 'top', hPos : 'center', // auto hide autoHide : true, // auto hide timeout autoHideTime : 5000, // time between show/hide transitions showTime : 400, hideTime : 600, // callbacks onShowComplete : null, onHideComplete : null
Configuration
Configuration can be set globally or per instance.
$.cosyAlert.configuration
| Option | Type | Default | Description |
|---|---|---|---|
| defaultType | string | ‘alert’ | The default type for alerts |
| useQueue | boolean | false | Enable/disable queue for alerts |
$.cosyAlert.configurationAlert
| Option | Type | Default | Description |
|---|---|---|---|
| container | null/string | null | jQuery selector for custom container |
| vPos | string | ‘top’ | Vertical position (top, middle, bottom) |
| hPos | string | ‘center’ | Horizontal position (left, center, right) |
| autoHide | boolean | true | Hide the alert automatically |
| autoHideTime | int | 4000 | Time in miliseconds for autohiding alert |
| showTime | int | 400 | Time in miliseconds for showing alert |
| hideTime | int | 600 | Time in miliseconds for hiding alert |
| onShowComplete | null/function | null | Callback when alert is shown |
| onHideComplete | null/function | null | Callback when alert is hidden |
Easy Customizable jQuery Notification Plugin, cosyAlert Github
See Demo And Download
Official Website(xicrow): Click Here
This superior jQuery/javascript plugin is developed by xicrow. For extra Advanced Usages, please go to the official website.
