Native JS Dialog Replacement Plugin For jQuery - wAlert

File Size: 678 KB
Views Total: 1177
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Native JS Dialog Replacement Plugin For jQuery - wAlert

wAlert is a jQuery replacement for native JS alert() that allows you to create highly customizable modal-style message, alert, confirm and prompt dialog boxes.

See also:

How to use it:

1. Include jQuery library together with jQuery wAlert plugin's stylesheet and JS in the page.

<link rel="stylesheet" href="css/wAlert.css">
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jQuery.plugin.wAlert.js"></script>

2. Basic usage:

// message box
wMsg('Custom message', 'Custom title', function);

// alert box
wAlert('Custom message', 'Custom title', function);

// confirm box
wConfirm('Custom message', 'Custom title', function);

// prompt box
wPrompt('Custom message', 'Custom title', Value, Function);

3. Available options.

$.wAlert.defaultOptions({
zIndex: 10000,  // Default z-index 10000
overlayOpacity: .25,  // overlay(mask) Background Opacity

vOffset: 0, // Vertical Offset
hOffset: 0, // Horizontal Offset

autoResize: true,   // Auto Resize
isPlaceholder: false,  // wPrompt's value is Placeholder?

customClass: "ios"  // Default Style
});

Change log:

2015-07-23

  • Add Force Fixed Switch.

2015-05-07

  • v0.1.1

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