“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.”
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.
To use Humane Messages, include the JS and CSS files in your page’s ‘head’:
<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">
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;