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

Ajsr-confirm is a simple jQuery plugin that shows a confirmation window. It offers an html skeleton that can be used as a base to personalize the UI. Some creative and fun themes are included.

Plugins Popup Window

Documentation

ajsr-confirm Build Status

npm version Bower version

ajsr-confirm is a simple javascript plugin that shows a confirmation window. It offers an html skeleton that can be used as a base to personalize the UI. Some creative and fun themes are included. Pure javascript and jQuery versions are available in dist folder.

ajsr-confirm examples

Use it this way

1 Download and Install ajsr-confirm:

2 Include dependences:

2.1 Use ajsr-jq-confirm.min.js or ajsr-js-confirm.min.js. Both are in dist folder.

  • ajsr-jq-confirm.min.js depends on jQuery
  • ajsr-js-confirm.min.js is pure javascript so it doesn't need jQuery.

2.2 Initialize the plugin by referencing the necessary files:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <script src="dist/ajsr-jq-confirm.min.js"></script> <link rel="stylesheet" type="text/css" href="dist/ajsr-confirm.css">

2.3 In the case of ajsr-js-confirm.min.js (no jQuery needed) just do this:

<script src="dist/ajsr-js-confirm.min.js"></script> <link rel="stylesheet" type="text/css" href="dist/ajsr-confirm.css">

3 Use it:

3.1.1 In the case of ajsr-jq-confirm.min.js that depends on jQuery:

$.ajsrConfirm({     message: "Do yow want to do that?" });

3.1.2 In the case of ajsr-js-confirm.min.js just javascript was used so:

window.ajsrConfirm({     message: "Do yow want to do that?" });

You will get this: (bootstrap-like theme will be used by default)

ajsr-confirm basic usage example

3.2 More interesting example including a template and some events:

$.ajsrConfirm({     title: "Title",     message: "Do yow really want to do that?",     confirmButton: "OK",     cancelButton : "Cancel",     template: 'windows-98',     onConfirm: function() {          console.log("Confirm!");     },     onCancel: function() {          console.log("Cancel!");     }  });

3.3 Complete examples in ajsrConfirm/demo directory and plunker:

Live example in plunker: https://plnkr.co/EuKZt6

4 Themes:

Default theme looks like bootstrap. By specifying the attribute template default theme can be changed.

Available themes are: 'prince-of-persia', 'synthwave-1', 'future-blue', 'windows-98' and 'pill'

Live example in plunker: https://plnkr.co/EuKZt6

5 License

ajsr-confirm is MIT licensed.


You May Also Like