otterpocket/slick-flash

There is no license information available for the latest version (dev-master) of this package.

Jquery plugin providing Simple Lightweight flash messages

Installs: 1 270

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 1

Open Issues: 5

Language:JavaScript

dev-master 2015-11-13 09:44 UTC

This package is not auto-updated.

Last update: 2024-10-26 19:21:26 UTC


README

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

Demo animation

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.

Information

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

Success

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

Error

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

Warning

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