Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/dknight/jQuery-Notify-bar

Twitter like notify bar
https://github.com/dknight/jQuery-Notify-bar

Last synced: 27 days ago
JSON representation

Twitter like notify bar

Host: GitHub
URL: https://github.com/dknight/jQuery-Notify-bar
Owner: dknight
License: mit
Archived: true
Created: 2009-06-01T08:47:12.000Z (about 15 years ago)
Default Branch: master
Last Pushed: 2023-05-18T19:41:07.000Z (about 1 year ago)
Last Synced: 2024-02-15T12:44:44.076Z (4 months ago)
Language: JavaScript
Homepage:
Size: 200 KB
Stars: 127
Watchers: 5
Forks: 37
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Lists

my-awesome-starred - dknight/jQuery-Notify-bar - Twitter like notify bar (JavaScript)

README

        # Please do not use jQuery in 2023

Repo is archived for history.

Try a [modern implementations](https://github.com/dknight/xz-notify) based on Web Components.



# jQuery Notify bar

Please visit [the project page](http://www.whoop.ee/posts/2013/04/05/the-resurrection-of-jquery-notify-bar.html "the project page") for feedback and other details.

Simple plugin (basically it's not a plugin, but widget) to show notify bar (like on Twitter's webpage). It's very simple to use:

## Installation

> bower install jqnotifybar


## Usage

jQuery(function () {

  jQuery.notifyBar({

    html: "Thank you, your settings were updated!",

    delay: 2000,

    animationSpeed: "normal"

  })

});



### Usage position at bottom



jQuery(function () {

  jQuery.notifyBar({

    html: "Hi from below!",

    cssClass: "Appear at bottom",

    position: "bottom"

  });

});



## Options

  

    Option

    Description

    Type

    Default

  

  

    html

    What text will be inside bar. Can be HTML or just text.

    String [optional]

    "Your message here"

  

  

    delay

    How long bar will be delayed, doesn't count animation time.

    Integer [optional]

    2000

  

  

    animationSpeed

    How long this bar will be slided up and down.

    String | Integer

    "normal"

  

  

    jqObject

    Custom jQuery object for notify bar.

    jQuery object [optional]

    null

  

  

    cssClass

    You can define own CSS class for Notify bar.

        There are too premade classes "error", "warning" and "success".

    String

    ""

  

  

    close

    If set to true close button will be displayed.

    Boolean

    false

  

  

    closeText

    Sets the text to close button.

    String

    "Close [X]"

  

  

    closeOnClick

    If enabled, user can hide notify bar just by click on it.

    Boolean

    true

  

  

    closeOnOver

    If enabled, user can hide notify bar just by moving mouse cursor on it (suitable for really lazy people).

    Boolean

    false

  

    

    waitingForClose

    If enabled, notify bar don't close until user presses the close button.

    Boolean

    true

  

  

    onBeforeShow

    Callback on before show.

    function

    null

  

  

    onShow

    Callback on show.

    function

    null

  

  

    onBeforeHide

    Callback on before hide.

    function

    null

  

  

    onHide

    Callback on hide.

    function

    null

  

  

    position

    Set the position of notify bar. Possible values are top, bottom.

    string

    "top"

  

  

Please visit [the project page](http://www.whoop.ee/posts/2013-04-05-the-resurrection-of-jquery-notify-bar/ "the project page") for feedback and other details.