jqrowl dynamic message boxes

http://plugins.jquery.com/project/jGrowl

by ecartdk

HTML

<script src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script>
<link rel="stylesheet" href="http://stanlemon.net/stylesheet/jquery.jgrowl.css">
<p><a name="samples" id="samples"></a></p>


<h3>Example Usage and Samples:</h3>
<pre class="code">
// Sample 1
$.jGrowl("Hello world!");
// Sample 2
$.jGrowl("Stick this!", { sticky: true });
// Sample 3
$.jGrowl("A message with a header", { header: 'Important' });
// Sample 4
$.jGrowl("A message that will live a little longer.", { life: 10000 });
// Sample 5
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
    beforeClose: function(e,m) {
        alert('About to close this notification!');
    },
    animateOpen: {
        height: 'show'
    }
});
</pre><script type="text/javascript">
//<![CDATA[
$.jGrowl.defaults.pool = 5;
//]]>
</script>


<ul>
    <li><a onclick="$.jGrowl('Hello world!');" href="javascript:void(0);">Sample 1</a></li>


    <li><a onclick="$.jGrowl('Stick this!', { sticky: true });" href="javascript:void(0);">Sample 2</a></li>


    <li><a onclick="$.jGrowl('A message with a header', { header: 'Important' });" href="javascript:void(0);">Sample 3</a></li>


    <li><a onclick="$.jGrowl('A message that will live a little longer.', { life: 10000 });" href="javascript:void(0);">Sample 4</a></li>


    <li><a onclick="$.jGrowl('A message with a beforeOpen callback and a different opening animation.', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Sample 5</a></li>
</ul>