naoxink / Notifit
Licence: mit
Simple colorful animated notifications with JQuery. It never has been easier to create a notification.
Stars: ✭ 101
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Notifit
Pnotify
Beautiful JavaScript notifications with Web Notifications support.
Stars: ✭ 3,601 (+3465.35%)
Mutual labels: notifications, jquery
Bdialog
Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
Stars: ✭ 174 (+72.28%)
Mutual labels: notifications, jquery
Zebra dialog
A small, compact, and highly configurable jQuery plugin for creating beautiful modal dialog boxes
Stars: ✭ 147 (+45.54%)
Mutual labels: notifications, jquery
Applozic Web Plugin
Javascript (jQuery) Real Time Chat & Messaging plugin
Stars: ✭ 76 (-24.75%)
Mutual labels: notifications, jquery
Jquery For Beginners
Примеры кода для учебника "jQuery для начинающих"
Stars: ✭ 97 (-3.96%)
Mutual labels: jquery
Tweetme
Build a Twitter-like web app step-by-step with Django, jQuery, and Bootstrap!
Stars: ✭ 95 (-5.94%)
Mutual labels: jquery
Basictable
Basic Table jQuery or Vanilla JS plugin for simple responsive tables.
Stars: ✭ 94 (-6.93%)
Mutual labels: jquery
Bigtube
YouTube player is too small to watch people writing code!
Stars: ✭ 94 (-6.93%)
Mutual labels: jquery
Aurelia Slickgrid
Aurelia-Slickgrid a wrapper of the lightning fast & customizable SlickGrid datagrid with a few Styling Themes
Stars: ✭ 100 (-0.99%)
Mutual labels: jquery
Imgnotes
Extension of the jQuery imgViewer plugin to add markers and notes to the image
Stars: ✭ 98 (-2.97%)
Mutual labels: jquery
Dependson
a jQuery plugin for handling form field dependencies
Stars: ✭ 96 (-4.95%)
Mutual labels: jquery
Jquery.rotate
Simple plugin that add rotate css property and animation
Stars: ✭ 95 (-5.94%)
Mutual labels: jquery
Bootstrap Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Stars: ✭ 1,351 (+1237.62%)
Mutual labels: jquery
Pushy
A Java library for sending APNs (iOS/macOS/Safari) push notifications
Stars: ✭ 1,353 (+1239.6%)
Mutual labels: notifications
Mini Toastr
Small non-blocking notification library. No dependencies
Stars: ✭ 94 (-6.93%)
Mutual labels: notifications
Gocd Slack Build Notifier
GoCD (gocd.org) plugin to push build notifications to Slack
Stars: ✭ 96 (-4.95%)
Mutual labels: notifications
Pretty Dropdowns
A simple, lightweight jQuery plugin to create stylized drop-down menus.
Stars: ✭ 96 (-4.95%)
Mutual labels: jquery
Bpage
Based on bootstrap style, static page jump can also be asynchronous page processing pagination plugin
Stars: ✭ 96 (-4.95%)
Mutual labels: jquery
notifit 2! :D
Check outnotifIt!
Simple notifications with JQuery.
Now you can send notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!
Demo
Give it a try!Install via npm
npm install notifit-js
Structure
notifIt
├── css
│ └── notifIt.css
│ └── notifIt.min.css
├── demo.html
├── dev
│ └── notifIt.js
└── js
├── notifIt.js
└── notifIt.min.js
Plug
<head>
<script type='text/javascript' src='js/notifIt.js'></script>
<link rel='stylesheet' type='text/css' href='css/notifIt.css'>
</head>
& Play
notif({
msg: "<b>Oops!</b> A wild error appeared!",
type: "error",
position: "center"
});
notif()
Configuration
Variable name | Type | Posible values | Default |
---|---|---|---|
type | String |
success, error, warning, info | default |
msg | String |
Message | |
position | String |
left, center, right, bottom | right |
width |
Integer -String
|
Number > 0, 'all' | 400 |
height | Integer |
Number between 0 and 100 | 60 |
autohide | Boolean |
true, false | true |
opacity | Float |
From 0 to 1 | 1 |
multiline | Boolean |
true, false | false |
fade | Boolean |
true, false | false |
bgcolor | String |
HEX color | #444 |
color | String |
HEX color | #EEE |
timeout | Integer |
Miliseconds | 5000 |
zindex | Integer |
The z-index of the notification | null (ignored) |
offset | Integer |
The offset in pixels from the edge of the screen | 0 |
callback | Function |
Function | null (ignored), |
clickable | Boolean |
true, false | false |
append (dev) | Boolean |
true, false | false |
notif_confirm()
Description
Now you can ask 'yes' or 'no' easy as --
var myCallback = function(choice){
if(choice){
notif({
'type': 'success',
'msg': 'Yeah!',
'position': 'center'
})
}else{
notif({
'type': 'error',
'msg': ':(',
'position': 'center'
})
}
}
notif_confirm({
'textaccept': 'Let\'s go!',
'textcancel': 'I\'ll think about it',
'message': 'Shall we?',
'callback': myCallback
})
Configuration
Variable name | Type | Default | Optional |
---|---|---|---|
textaccept | String |
Accept | Yes |
textcancel | String |
Cancel | Yes |
message | String |
Is that what you want to do? | Yes |
callback | Function |
null | Yes |
fulllscreen | Boolean |
false | Yes |
Response
Function returns true
or false
If callback is passed, it recieves a param true
or false
notif_prompt()
Description
Ask whatever you want quick and easy
var myCallback = function(input_value){
if(input_value){
notif({
'type': 'success',
'msg': input_value,
'position': 'center'
})
}else{
notif({
'type': 'error',
'msg': 'Empty or cancelled',
'position': 'center'
})
}
}
notif_confirm({
'textaccept': 'That\'s it!',
'textcancel': 'I don\'t have a pet :(',
'message': 'What\'s your pet\'s name?',
'callback': myCallback
})
Configuration
Variable name | Type | Default | Optional |
---|---|---|---|
textaccept | String |
Accept | Yes |
textcancel | String |
Cancel | Yes |
default_value | String |
Yes | |
message | String |
Tell me something | Yes |
callback | Function |
null | Yes |
fulllscreen | Boolean |
false | Yes |
Response
If callback is passed, it recieves a param with the input value (if accepted) or false
(if cancelled)
More things :)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].