https://github.com/ksylvest/jquery-growl

Growler is a jQuery plugin designed to provide informative messages in the browser.
https://github.com/ksylvest/jquery-growl

Last synced: 20 days ago
JSON representation

Growler is a jQuery plugin designed to provide informative messages in the browser.

• Host: GitHub
• URL: https://github.com/ksylvest/jquery-growl
• Owner: ksylvest
• License: mit
• Created: 2011-05-21T16:53:42.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2021-05-08T04:43:19.000Z (over 3 years ago)
• Last Synced: 2024-04-26T01:06:08.224Z (7 months ago)
• Language: CSS
• Homepage: http://ksylvest.github.io/jquery-growl/
• Size: 487 KB
• Stars: 410
• Watchers: 18
• Forks: 102
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jQuery Growl

Growl is a jQuery plugin designed to provide informative messages in the browser.

## Installation

To install copy the *javascripts*, and *stylesheets* directories into your project and add the following snippet to the header:

    

    

    

This plugin is also registered under http://bower.io/ to simplify integration. Try:

    npm install -g bower

    bower install growl

**Gemfile**

    + source 'https://rails-assets.org'

    ...

    + gem 'rails-assets-growl'

**application.css**

    /*

     ...

     *= require growl

     ...

    */

**application.js**

    //= require jquery

    ...

    //= require growl

## Examples

Growling is easy:

    

      $.growl({ title: "Growl", message: "The kitten is awake!", url: "/kittens" });

      $.growl.error({ message: "The kitten is attacking!" });

      $.growl.notice({ message: "The kitten is cute!" });

      $.growl.warning({ message: "The kitten is ugly!" });

    

## Advanced Options

Growl also supports some customization through the following options:

- **delayOnHover**: while hovering over the alert, prevent it from being dismissed (true | false - **default**: true)

- **duration**: the duration (in milliseconds) for which the alert is displayed (**default**: 3200)

- **fixed**: whether the alert should be fixed rather than auto-dismissed (true | false - **default**: false)

- **location**: the alert's position ('tl' | 'tr' | 'bl' | 'br' | 'tc' | 'bc' - **default**: 'tr')

- **size**: the alert's size ('small' | 'medium' | 'large' - **default**: 'medium')

- **style**: the alert's style ('default' | 'error' | 'notice' | 'warning' - **default**: 'default')

### Deprecations

- **static** has been renamed to **fixed** due to minifier incompatabilities

## Status

[![Status](https://travis-ci.org/ksylvest/jquery-growl.png)](https://travis-ci.org/ksylvest/jquery-growl)

## Copyright

Copyright (c) 2010 - 2018 Kevin Sylvestre. See LICENSE for details.