Simple Plain Dialog Popup Plugin For jQuery - Alerts.js
File Size: | 13.1 KB |
---|---|
Views Total: | 9555 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Alerts.js is a simple plain jQuery plugin that creates customizable popup boxes to replace the default loading, alert, dialog, confirm and prompt dialog boxes.
How to use it:
1. Just load jQuery library together with the jQuery alerts plugin's files and we're ready to go.
<!-- Dependencies --> <script src="//code.jquery.com/jquery.min.js"></script> <!-- Core files --> <script src="jquery.alerts.js"></script> <link href="jquery.alerts.css" rel="stylesheet">
2. Create a basic alert dialog.
// jAlert(message, title, callback) jAlert('This is a custom alert box', 'Alert Dialog');
3. Create a confirmation dialog.
// jConfirm(message, title, callback) jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { jAlert('Confirmed: ' + r, 'Confirmation Results'); });
4. Create a prompt dialog.
// jPrompt(message, title, callback) jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) { if( r ) alert('You entered ' + r); });
5. Create a loading dialog to indicate the loading status.
// jLoad(message, title, callback) jLoad('This is a custom load box', 'Load Dialog');
6. The plugin also supports html content embedded in the message.
jAlert('You can use HTML, such as <strong>bold</strong>, <em>italics</em>, and <u>underline</u>!');
This awesome jQuery plugin is developed by caricorrejidor. For more Advanced Usages, please check the demo page or visit the official website.