jNotify, display animated (informations, errors, success) boxes in just one line of code.
jNotify description
jNotify can display information boxes in just one line of code.
Three kind of boxes are allowed : information, success and failure.
The whole box is entirely skinnable with css. For example, you could use it for a mail being successfully sent or a validation error of a form.
jNotify download package
- jNotify v2.1
- jquery
- jNotify.jquery.css
- jquery.js
- jNotify.jquery.js
- jNotify.jquery.min.js
- index.php
- error.png
- info.png
- success.png
- jquery
jnotify implementation
1. First, include the CSS & jQuery files
<!-- include CSS & JS files -->
<!-- CSS file -->
<link rel="stylesheet" type="text/css" href="jNotify.jquery.css" media="screen" />
<!-- jQuery files -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jNotify.jquery.js"></script>
2. Now, call one of the jNotify methods
<script type="text/javascript">
$(document).ready(function(){
// simple Notify box call
jNotify();
// simple Error box call
jError();
// simple Success box call
jSuccess();
// more complex Notify box call
jNotify(
'Here the message !!<br />You can write HTML code, <strong>bold</strong>,...',
{
autoHide : true, // added in v2.0
TimeShown : 3000,
HorizontalPosition : 'center',
onCompleted : function(){ // added in v2.0
alert('jNofity is completed !');
}
}
); // close jNotify
}); // close document.ready
</script>
jNotify Methods
- onCompleted
- Function
- Default : null - Callback that fires right after jNotify content is displayed.
- onClosed
- Function
- Default : null - Callback that fires once jNotify is closed.
Who use jNotify on the web ?
If you use jNotify Plugin into your website and you want to be added here, please contact us !
We will add you with pleasure :)
How can you help us ?
If you love our work, you can show us your admiration by having a look on the ads, free for you, good for us =).THANKS !