slick-flash

A Jquery plugin that provides a simple way to display subtle animated css flash messages.

Installation

Include the css slick-flash.css

<link rel="stylesheet" href="../stylesheets/css/slick-flash.css">

Include the javascript slick-flash.js after you have loaded Jquery

<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.

$.slickFlash('information', 'You have 3 new messages in your inbox');

$.slickFlash('success', 'Your application wass successfully submitted');

$.slickFlash('error', 'An error occurred while sending mail. The mail server responded: Authentication is required');

$.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