https://github.com/oradwell/jquery-achtung

Another (really!) growl-like notifications plugin for jQuery
https://github.com/oradwell/jquery-achtung

Last synced: about 13 hours ago
JSON representation

Another (really!) growl-like notifications plugin for jQuery

• Host: GitHub
• URL: https://github.com/oradwell/jquery-achtung
• Owner: oradwell
• License: other
• Created: 2015-03-17T14:34:43.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-03-17T15:53:46.000Z (almost 10 years ago)
• Last Synced: 2025-01-11T02:55:05.410Z (8 days ago)
• Language: CSS
• Homepage:
• Size: 322 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
## achtung for jQuery ##

This is a simple notifications plugin for jQuery.  Check out the [demo page](http://voxwerk.github.com/jquery-achtung/src/demo.html).

### Examples ###

A sticky notification:

    var notice = $.achtung({

        timeout: 0,

        className: 'achtungSuccess',

        icon: 'ui-icon-check',

        message: 'This is a sticky notification!'

    });

    // To close

    notice.achtung('close');

The following notification closes automatically after 5 seconds:

    var notice = $.achtung({

        timeout: 5, // Seconds

        className: 'achtungSuccess',

        icon: 'ui-icon-check',

        message: 'This is a timed notification!'

    });

    // If you get tired of waiting, you can still close it

    notice.achtung('close');

Loading message that turns into a timed success notice:

    var notice = $.achtung({

        timeout: 0,

        className: 'achtungWait',

        icon: 'wait-icon',

        message: 'Loading..'

    });

    // Once you're ready to report that you're done:

    notice.achtung('update', {

        timeout: 10,

        className: 'achtungSuccess',

        icon: 'ui-icon-check',

        message: 'Loading complete!'

    });

Use jQuery to interact with the notifications:

    $.achtung({ timeout: 0, message: 'Notice #1' });

    $.achtung({ timeout: 0, message: 'Notice #2' }).attr('id', 'notice2');

    $.achtung({ timeout: 0, message: 'Notice #3' });

    // Close the first notice

    $('.achtung:first').achtung('close');

    // Close by ID selector

    $('#notice2).achtung('close');