Skip to content
A system for displaying and temporarily logging non-modal messages, for use in web applications.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.textile
demo.html
humanmsg.css
humanmsg.js
jquery.js

README.textile

Humanized Messages

Humanized Messages is a javascript-based system for non-model notifications, from an idea by Jef Raskin, as relayed by Aza Raskin and adapted for jQuery and initially for use with K2 by Michael Heilemann.

“Transparent messages are the brainchild of Jef Raskin. It’s simply a large and translucent message that’s displayed over the contents of your screen. They fade away when the user takes any action (like typing or moving the mouse). In practice, the message is both noticeable yet unobtrusive. And because the message is transparent, you can see what’s beneath it. It’s just humane.”

Original: http://code.google.com/p/humanmsg/
Ajaxian: http://ajaxian.com/archives/humanized-messages-library

About this fork

I have made the message log feature optional, and made it possible to modify the timeout before a message fades away.

The default is for the message not to disappear until a mouse or keyboard event. The message log is also disabled now by default.

Requirements

Humane Messages requires the jQuery javascript library. Also recommended, but not required, is the jQuery plugin, Easing to give just the right bounce to the animations.

Usage

To use Humane Messages, include the JS and CSS files in your page’s ‘head’:

<script type="text/javascript" src="message.js"></script> <link href="message.css" media="screen" type="text/css" rel="stylesheet">

For the CSS to work, particularly in Internet Explorer, make sure your DOCTYPE is correct, like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Once that’s done, all you do to send a message is send it a string via javascript, like so:

humanMsg.displayMsg("That's No Moon");

And voila, you’ve got transparent non-modal messages. And there was much rejoicing.

To enable the message log:
humanMsg.logging = true;

and to set a timeout to fade away a message:

humanMsg.timeout = 5000;

You can’t perform that action at this time.