showMessage jQuery Plugin

A first attempt at a jQuery Plugin. This was inspired by a similar effect you can see on the Twitter.com site. Some of the advantages:

  • Message displayed at the top of page (no scrolling to view error)
  • Multiple messages can be displayed
  • Options to automatically close the message after set delay
  • Message closes with blur/'esc' key/'close' link

Download jquery.showMessage-2.1.zip

Download jquery.showMessage-2.1.tar

Download jquery.showMessage-2.0.zip

Download jquery.showMessage-2.0.tar

Download jquery.showMessage-1.4.zip

Download jquery.showMessage-1.4.rar

Change Log

Changes for version 2.1

  1. Minor change to option.position. Changed order so looking for top position else set to bottom.
  2. Issue with IE7+ if there is no doctype declared (shame on you, since DOCTYPES are vital to the proper functioning of web standards in browsers), we have changed insertion of #showMessage to either .prepend() or .append() depending on if position is top or bottom.

Changes for version 2.0

  1. Received a request to make some improvements to the plugin from DaveG. Thank you much for the constructive comments DaveG.
  2. Added new option useEsc to allow the 'esc' key to be optional (boolean true|false).
  3. Changed the global variable t to be included in the function and renamed to showMessage_t.
  4. Extended the plugin to use the jQuery.fn (does not return a value so this may not be chainable).

Changes made for verstion 1.4

  1. Updated notification to work from inside iframe. Will now call window.parent.document to make/remove notification.
  2. Updated incorrect style on the message un-ordered list

Bugs

Known Issues

  1. Notification will close when triggered with .change() event. Need to delay or disregard click() event that is fired after change().