AlMainAlert
Really simple jQuery drop down alert plugin being used on a few different websites. Pulled out for hosting on a single domain to aid updating it across multiple platforms.
Getting Started
Add to the head of the HTML file, adjust paths accordingly
<script src="alMainAlert/alMainAlert.js"></script> <link rel="stylesheet" type="text/css" href="alMainAlert/css/alMainAlert.css" />
How to use
Standard alert with a message
$.alMainAlerts({message: 'Hello World'});
Applying a style
$.alMainAlerts({message: 'Hello World', class: 'alMainAlertError'});
Default Styles
Alert (default): alMainAlert Error: alMainAlertError
Type (Display)
There are two types, overlay is used by default. You can specify "block" if you do not want the alert to appear on top of anything else.
$.alMainAlerts({message: 'Hello World', type: 'block'});
Strongly suggest you do not mix block with overlay or risk message alerts stacked on top of each other.
Things To Do When / If Needed
- Option to have the message disappear after a certain amount of time. Prehaps with a fade
- Box style notifications instead
- Add option for onscroll alerts that appear as a block at the top but will scroll with the page.