alerts, confirms and dialogs in one.
v3.3.3
A multipurpose plugin for alert, confirm & dialog, with Super powers.
- Listen keyboard keys
- Directly load content via Ajax
- Auto-close dialog after a specified time
- prevent Dialog close on background click
- callback function, and ton more
View Detailed Documentation & Examples
Installation
Download the latest release here and use the files within dist
folder.
via CDN:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
via Bower:
$ bower install craftpip/jquery-confirm
via NPM:
$ npm install jquery-confirm
Basic Usage
Showing a confirm box.
$.confirm({
title: 'What is up?',
content: 'Here goes a little content',
type: 'green',
buttons: {
ok: {
text: "ok!",
btnClass: 'btn-primary',
keys: ['enter'],
action: function(){
console.log('the user clicked confirm');
}
},
cancel: function(){
console.log('the user clicked cancel');
}
}
});
Demo and Documentation
See Detailed Docs + Example here.
Authors
Boniface Pereira & Awesome Contributors.
Issues
Please post issues and feature request here Github issues
jconfirm alias
The $.alert()
, $.confirm()
& $.dialog()
are alias of jconfirm();
.
Checkout the documentation for further information.
Version changes
(new in 3.3.3)
- Safari height bug fix. PR by lanre-ade
- Fix isClosed bug for firefox. PR by loganm
- Remove scroll to top when content height changes. PR by amikot
- added support for AMD and commonJS
(new in 3.3.1)
- Pass 'false' in buttons property to remove all buttons in
$.confirm and $ .alert
(new in 3.3.0)
- Moved overflow scroll inside modal #286
- Improved draggable
- Added 'animateFromElement' method
- Added 'smoothScroll' option
- Added 'hilight' option
- Added 'showLoading','hideLoading' option
- Accept jquery dom element in content #313
- Updated docs
- 'setDialogCenter' method deprecated, dialog centered with CSS tables
- 'alignMiddle' method deprecated
- fixes #255 #307 290
(new in 3.2.3)
- Added lazyOpen option
- Added button properties isHidden and isDisabled
- setBoxWidth method added
(new in 3.2.1) *untagged
- Fixed autoClose bug decimal point countdown if 1500 milliseconds was provided.
(new in 3.2.0)
(new in 3.1.1)
- bug fixes
(new in 3.1.0)
- Support for bootstrap v4
- Draggable dialogs
- Added options animateScrollToElement, alignMiddle, offsetTop, offsetBottom and drawWindowGap
(new in 3.0.3)
- Setting defaults fixed
- added docs for prompt dialog
- added setType method
- users can now create custom type styles
- removed the annoying debug console log
- other fixes
(new in 3.0.1)
- Removed bootstrap as dependency
- Added dialog type to identify success, failure, etc.
- Animate scroll to previous focused element
- titleClass option added
(New in 3.0.0) no backwards compatible with v2.
- Define multiple buttons
- Define keyboard keys for individual buttons
- Added setContentPrepend, setContentAppend for control over content.
- Added functions to enable, disable, show, hide, and more for buttons.
- Added aliases for columnClass
- Added bgOpacity
- Added containerFluid
- Added backgroundDismiss animations
- Added callbacks, onContentReady, onOpenBefore, onDestroy
- Docs added for custom animations and themes
- Animation fixes when loading via Ajax
- Restructured code
- Bind button to closeIcon event
- Bind button to backgroundDismiss event
- Now created and destroyed instances can be reopened.
- Bug fixes
(New in 2.5.1)
- Fixes
(New in 2.5.0)
- Added closeIconClass
- Added this.$target
- Changed modal template
- Watches modal for new changes auto set to center
- New documentation
- Added new theme 'material' and 'bootstrap'
- Removed themes 'holodark' and 'hololight'
- Improved performance
(New in 2.0.0)
- Added closeAnimation
- Added $('a').confirm() to emulate confirm();
- Smoother animations
- Changed backgroundDismiss animation
- Updated documentations
(New in 1.7.9)
- Minor bug fixes
(New in 1.7.8)
- RTL support
- Option to select keyboard keys
(New in 1.7.5)
- Callbacks added, onOpen, onClose, onAction
- Improved docs.
(New in 1.7.3)
- Fix show and hide for closeIcon
- Improved animations, more CSS
- setContent method improved.
- setTitle method added.
(New in 1.7.0)
- Option for custom width added (using bootstrap grid)
- Text overflow logic changed, #13
- Documentation & improvements to contentLoaded callback.
(New in 1.6.0)
- Theme 'supervan' added
- Load via URL advanced added. now get control over your ajax calls & callbacks.
- methods setContent, isClosed added
- Improved documentation
(New in 1.5.3)
- Bounce Animation added (kind of elastic).
- Hide title if false.
- Keyboard action, SPACE key added to trigger confirm function.
- Background now has fade animation (open & close).
- Keep a record of opened, closed, currentlyOpened dialogs
jconfirm.record
. - Tweaks.
(New in 1.5.1)
- Bower added.
(New in 1.5.0)
- Keyboard support to control modal. (ENTER and ESC).
- Control over the dialog via
this
. - Updated DOCUMENTATION.
- Code optimized.
(New in 1.1.3)
-
$.dialog
alias added. - Refined animations.
- Removed Blur animation (was buggy).
- Animation speed fixed.
- Ajax-content loading now waits and disabled buttons until loaded.
- Modal center justified on screen.
- Added close icon if buttons are disabled (dialog mode).
- Disabled window scroll on modal open.
- Fixed bugs.
(New in 1.1.0)
- Ajax content loading
content: 'url:loadfrom.html'
.
Copyright and license
Copyright (C) 2014-2017 jquery-confirm
Licensed under the MIT license.