Press "Enter" to skip to content

Easy To Customize jQuery Notification Message Plugin | cosyAlert

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

OptionTypeDefaultDescription
defaultTypestring‘alert’The default type for alerts
useQueuebooleanfalseEnable/disable queue for alerts

$.cosyAlert.configurationAlert

OptionTypeDefaultDescription
containernull/stringnulljQuery selector for custom container
vPosstring‘top’Vertical position (top, middle, bottom)
hPosstring‘center’Horizontal position (left, center, right)
autoHidebooleantrueHide the alert automatically
autoHideTimeint4000Time in miliseconds for autohiding alert
showTimeint400Time in miliseconds for showing alert
hideTimeint600Time in miliseconds for hiding alert
onShowCompletenull/functionnullCallback when alert is shown
onHideCompletenull/functionnullCallback 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.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *