Updated Oct 15, 2007 by heilemann
Labels:	Phase-Deploy

UsingHumaneMessages

On how to install and use Humane Messages.

Introduction

Humane Messages is a system for displaying and temporarily logging non-modal messages, for use in web applications. It was written specifically for use in the administration features of the WordPress theme, K2.

To see Humane Messages in action, download the demo and open demo.html in a browser.

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.

Comment by cw97nn, Oct 17, 2007

can u have it so that it doesnt add a log window ?

Comment by sean.oneill, Oct 17, 2007

Looks nice, but is completely wonked in IE6.

Comment by gaelicgod, Oct 17, 2007

i just wrapped the log window into a debug variable so it doesnt appear for me anymore, only thing left is the dodgE ie6 support

Comment by bagulhus, Dec 26, 2007

good, but should be work in some div tag and IE 6 too.

Comment by W.Kosmowski, Apr 30, 2008

opkok[p

Comment by audiopleb, Sep 24, 2008

Ah no!

This was exactly what i wanted for something but i need ie6 support!

Comment by dgc223, May 07, 2009

can you change the colors?

Comment by tristan.guimond, Jul 30, 2009

This is great. Thanks man.

@dgc223 to change colors, etc you can edit humanmsg.css