slick-flash
A Jquery plugin that provides a simple way to display subtle animated css flash messages., (*1)
, (*2)
Installation
Include the css slick-flash.css
, (*3)
<link rel="stylesheet" href="../stylesheets/css/slick-flash.css">
Include the javascript slick-flash.js
after you have loaded Jquery, (*4)
<script type="text/javascript" src="../javascripts/slick-flash.js"></script>
Usage
Simply call one of the 4 javascript functions with the Message type and message content., (*5)
, (*6)
$.slickFlash('information', 'You have 3 new messages in your inbox');
, (*7)
$.slickFlash('success', 'Your application wass successfully submitted');
, (*8)
$.slickFlash('error', 'An error occurred while sending mail. The mail server responded: Authentication is required');
, (*9)
$.slickFlash('warning', 'Your subscription is due to expire in 9 days');
ToDo
- Configurable defaults
- Refactor Coffeescript
- Optional display time
- Optional message name
- Customisable colours including opacity
- Better responsive support