Non-blocking Toast Notification In jQuery – ToasterJS

Other
File Size: 3.06 KB
Views Total: 2060 views
Last Update:January 01, 1970
Publish Date: January 01, 1970
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

ToasterJS is a light weight free jQuery plugin for creating toast-like alert notifications that disappear after a period of time set by the user. A create toaster notifications with a less lines number of codes. on click button toast notification in your web or mobile.

More Features:

  • Stackable or not.
  • Auto dismiss or not.
  • Custom positions.

How to use:

 Add jQuery and ToasterJS plugin files:

<script src="/path/to/cdn/jquery.min.js"></script>
<link rel="stylesheet" href="src/toaster.css" />
<script src="src/toaster.js"></script>

To create a basic toast, i.e upon clicking a button, call a $.toast function.

<button class="toaster">
  Click Me
</button>

Add function for call toaster :

$('.toaster').click(function(){
  $.toast({
    content: "I'm a toaster!"
  })
})

Custom disable the hideAfter script :

$('.toaster').click(function(){
  $.toast({
    content: "I'm a sticky toaster!",
    hideAfter: false
  })
})

Done

List Of Version :

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.