Simple Alert Dialog Box Plugin For jQuery - al.js

al.js is a lightweight and easy-to-use jQuery modal dialog plugin to create notification popups that can alert a user of anything you choose.

How to use it:

1. Download and include the jQuery al.js plugin's JS and CSS in your project.

<link rel="stylesheet" href="al.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="al.js"></script>

2. Define your alert dialog by setting an element with your alert's id.

<div id="alBox"></div>

3. Call the plugin on the 'alBox' element and set the alert messages.

$("#alBox").al({

// default, success, warning, error
context: "default",

text: {

  // The title bar of your alert
  title: "TITLE",

  // The more verbose description of the alert.
  description: "DESCRIPTION",

  // The text of the "dismiss" button
  dismiss: "DISMISS"
},

classes: {

  // Classes to be added to #alBox
  container: "",

  // Classes to be added to #alBox-panel
  panel: "",

  // Classes to be added to #alBox-title
  title: "",

  // Classes to be added to #alBox-description
  description: "",

  // Classes to be added to the hr element above the dismiss button
  hr: "",

  // Classes to be added to the dismiss button
  dismiss: ""
},

// The number of seconds your alert will appear. 
// Can also define as "infinite" to stay on screen until dismissal.
seconds: "infinite",

// URL Location to redirect after the alert is done
redirect: ""

});

Change log:

2015-03-08

• more options

---

This awesome jQuery plugin is developed by nathanfrancy. For more Advanced Usages, please check the demo page or visit the official website.