Coder Social home page Coder Social logo

jquery-notify's Introduction

jQuery UI Notify Widget

Create Growl/Ubuntu-like notifications. Uses RGBA, border-radius, and box-shadow, so they're not as pretty as they could be in IE at the moment.

See http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/ for demos & documentation.

Features

  • No images, all CSS
  • Lightweight. Barely 2.5kb in size
  • Built on top of the jQuery UI widget factory
  • Templating system: include whatever you want inside notifications (images, links, etc.)
  • ThemeRoller support
  • beforeopen, open, close, and click events
  • Show completely different notifications in different containers
  • Ability to customize options on a notification-by-notification basis
  • Ability to programatically call open and close methods
  • Passes JSLint
  • Cross-browser compatible (including IE6)

jquery-notify's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jquery-notify's Issues

Close button when using expire: true

Seems like there's a bug when using expire: true and close button in the template, because if several notifications are displayed at the same time and you close some of them manually, they slide down correctly (im using stack: above and bottom position) but when they are about to expire they are moved up to original position and faded out.

cannot read property msie of undefined

on latest chrome Version 36.0.1985.125

i get following error

Uncaught TypeError: Cannot read property 'msie' of undefined

so i commented out the ie6 support to make it work

// // for ie6, scroll to the top first
// if($.browser.msie && $.browser.version < 7){
//  $('html').scrollTop(0);
// }

src="#{icon}" causes double page load

The index.htm shows src="#{icon}" as the official How Things Ought to Be Done. This causes the current page to be loaded as an image. If the current page happens to be a php script, the script gets run twice, and all kinds of nasty things can happen, like borking session variables.

Other effects

Hi, maybe it can be good feature to add option to chose other effects for appearing and disappearing of notifications.

So person can chose bind or other jQuery effect for showing their notifications.

Using this widget in JSP page

Hello, I really like this widget, but i dont know how to use it on JSP page. I figured that its not possible to use #{} in JSP, how should I change that? Thanks.

Does it work with asp.net

getting following error message when running in asp.net page

0x800a138f - JavaScript runtime error: Unable to get property 'replace' of undefined or null reference

Get error on this line;

html = template.replace(/#(?:{|%7B)(.*?)(?:}|%7D)/g, function($1, $2){

Close event when expires

It seems that the close function is not called when expires is set to an integer (and the notification auto closes).

If this is not implemented, consider this a Feature request.

Absolute positioning

Hi,

Its better to use position:fixed instead absolute!!!

So that you can always see notifications instead that they go to top of your page, and when you scroll down they stay on top!

By the way great widget tnx ^_^

License

Hi Eric,

Could you add some licensing information for this project?

Maybe apply one of the wellknown open source licenses to it?

Cheers!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.