🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

AlMainAlert is a lightweight and easy-to-use jQuery notification bar plugin which displays one or multiple stacked alert/error messages on the top of the screen.

Notification Notification-bar

Documentation

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.

You May Also Like