ac

ajsr-confirm

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.

Showing:

Popularity

Downloads/wk

14

GitHub Stars

4

Maintenance

Last Commit

2yrs ago

Contributors

1

Package

Dependencies

0

Size (min+gzip)

1.2KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100