https://github.com/wbotelhos/notify
:speech_balloon: Notify - A Notifier Plugin
https://github.com/wbotelhos/notify
balloon hacktoberfest hacktoberfest2022 notification notifier notify
Last synced: 3 months ago
JSON representation
:speech_balloon: Notify - A Notifier Plugin
- Host: GitHub
- URL: https://github.com/wbotelhos/notify
- Owner: wbotelhos
- License: mit
- Created: 2014-08-11T01:15:05.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2019-12-25T16:23:16.000Z (over 6 years ago)
- Last Synced: 2025-06-13T21:46:59.990Z (about 1 year ago)
- Topics: balloon, hacktoberfest, hacktoberfest2022, notification, notifier, notify
- Language: JavaScript
- Homepage: https://www.danca.com
- Size: 212 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: changelog.md
- License: LICENSE
Awesome Lists containing this project
README
# jQuery Notify - A Notifier Plugin
[](https://travis-ci.org/wbotelhos/notify)
[](https://badge.fury.io/js/notify)
[](https://david-dm.org/wbotelhos/notify)
[](https://david-dm.org/wbotelhos/notify#info=devDependencies)
[](https://codeclimate.com/github/wbotelhos/notify)
[](https://www.patreon.com/wbotelhos)
## Usage
```html
```
```js
$.notify('Hello World!');
```
## Usage with Icon
- jquery.notify.[eot|svg|ttf|woff]
```html
```
```js
$.notify({ body: 'Hello World!', icon: 'notify-info' });
```
## Bower Install
```js
bower install notify
```
See [bower.io](http://bower.io) for more information.
## Options
```js
afterClose: undefined // Callback executed after notice closes.
afterOpen: undefined // Callback executed after notice opens.
beforeClose: undefined // Callback executed before notice closes.
beforeOpen: undefined // Callback executed before notice opens.
body: undefined // Body of notice.
click: undefined // Callback executed when notice is clicked.
closeClick: true // If notice will be closed on click.
destroy: false // Removes the wrapper when there is no more notice on it.
forever: false // If notice will stay on screen forever.
hideTime: 1000 // Time spent to hide the notice.
icon: undefined // Icon (font) name for the notice.
id: 'notify-item' // Identifier to be used as class on notice.
image: undefined // Image path to be used into notice.
max: 5 // Number maximum of noticies on screen.
minimizeTime: 300 // Time spent to minimize the notice.
mouseout: undefined // Callback executed on mouse over the notice.
mouseover: undefined // Callback executed on mouse out the notice.
position: undefined // The place where notices will appears.
showTime: 400 // Time spent to show the notice.
timeout: 5000 // Time spent to initiates the other timeouts.
title: undefined // The notice title.
wrapper: '#notify' // Where notices will be appended.
```
## Functions
First, save the notice reference:
```js
var notice = $.notify('Hello World!');
```
Then you can use the functions:
```js
notice.remove(); // Removes the notice from screen.
notice.position('class-name'); // Changes the notices position via CSS class.
```
## Global Functions
```js
$.notify.clean('name') // Clean the queue with name equal you passed or all when no name is given.
```