File: information.html

<!--
This file is loaded via AJAX in index.php. It can also be displayed as a standard html file (un-styled).
-->
<style>
	.docHeader
	{
		font-size   : 2em;
		font-family : 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	}
</style>
<p class="docHeader">Information</p>
<p><strong>gdMessage</strong> is a jQuery plugin for displaying Bootstrap-like alert messages.</p>
<p>
	This plugin was born out of a need for more than the basic alert types provided in the Bootstrap package.
	Another requirement was a clean jQuery chainable plugin with built-in flexibility for dismissing and fading out
    messages.
</p>
<p>
	Call the plugin like this:
</p>
<pre>
$('#statusMessage').gdMessage('Good job!!!', {type: 'success'});
</pre>
<p>
	Even though gdMessage is the main plugin, jquery.gdMessage.js includes a custom error message function to show
	how you can	extend the basic plugin, and pass through options. See gdErrorMessage().
</p>
<p>
	If you want an even shorter form, without passing in options, have a look at gdInfoMessageClosable().
</p>
<pre>
$('#infoMessage').gdInfoMessageClosable("an information message");
</pre>
The options we can pass to gdMessage are:
<ul>
	<li>type: message type (error, info, etc; default is info)</li>
	<li>tag: put the message in a &lt;div&gt;, &lt;p&gt;, or &lt;span&gt;; default none</li>
	<li>limit: a number higher than 0 will show the message for the given number of milliseconds</li>
	<li>fade: a number higher than 0 will fade out the message over the given number of milliseconds</li>
	<li>dismiss: if true, the message can be dismissed; default = false</li>
</ul>