Show message

Title text:
Content:
Is closed:
Time to left:
Message type:

Settings

Callback functions:
Positions:
Max. count messages in stack:
Animation time:
Default hide timeout:
Hide messages property:
Hide messages property value:
Show messages property:
Show messages property value:

Files

istackmessages.js — main js file script
istackmessages.css — css styles message

Intergrated

Insert this code to HEAD tag of your site:

<script type="text/javascript">
var stackmessages;
window.addEvent('domready', function()
{
     stackmessages = new iStackMessages([options]);
});
</script>

Options

capacity (integer) - Max. count messages in stack
animationTime (integer) - Show and hide animation duration
hideTimeout (integer) - Default time to left message
hideOptions (array) - Options of hide animation
     property (string)
     value (integer)
showOptions (array) - Options of show animation
     property (string)
     value (integer)
hPosition (string) - set a horizontal position (left or right)
vPosition (string) - set a vertical position (top or bottom)
showCallback (handle) - name callback function to show message
hideCallback (handle) - name callback function to close message

Run

This code show message in stack:

stackmessages.showMessage(string type, string title, string text, bool closed[, int hideTimeout, handle clickFunction]);

Params:
1. Error, info, success or your custom
2. Title message
3. Text of message
4. Show a close button?
5. Custom, if you pass "0" to never hide
6. Custom, a callback function of click to message box