Are you over 18 and want to see adult content?
More Annotations
A complete backup of https://investmentadviser.org
Are you over 18 and want to see adult content?
A complete backup of https://musicplasma.com
Are you over 18 and want to see adult content?
A complete backup of https://freeroom.cn
Are you over 18 and want to see adult content?
A complete backup of https://terryblacksbbq.com
Are you over 18 and want to see adult content?
A complete backup of https://cervantes.es
Are you over 18 and want to see adult content?
A complete backup of https://onemorebakery.com
Are you over 18 and want to see adult content?
A complete backup of https://fielmann.com
Are you over 18 and want to see adult content?
A complete backup of https://brookshires.com
Are you over 18 and want to see adult content?
A complete backup of https://go2golf.ru
Are you over 18 and want to see adult content?
A complete backup of https://leapingbunny.org
Are you over 18 and want to see adult content?
A complete backup of https://logic.at
Are you over 18 and want to see adult content?
A complete backup of https://pmfias.com
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of theagentsx.blogspot.com
Are you over 18 and want to see adult content?
A complete backup of cristina-cristinasworld.blogspot.com
Are you over 18 and want to see adult content?
Text
* Changelog
*
* GitHub
* StrangePlanet
BOOTSTRAP CONFIRMATION Bootstrap plugin for on-place confirm boxes using PopoverDownload
Currently v2.4.4/4.1.0Manual download
Compiled and minified files with examples and sources. __ Download for BT 4 __ Download for BT 3 Content Delivery Network The package is available on jsDelivr.Install with Bower
You can also get all necessary files and dependencies with Bower.
# Bootstrap 4
$ bower install bootstrap-confirmation2# Bootstrap 3
$ bower install bootstrap-confirmation2@2.x.xInstall with npm
You can also get all necessary files and dependencies with npm.
# Bootstrap 4
$ npm install bootstrap-confirmation2# Bootstrap 3
$ npm install bootstrap-confirmation2@2.x.x LET'S FACE IT: CONFIRMATION DIALOG BOXES ARE ANNOYING !> _ethaizone :_
> This is my primary reason I wrote this plugin. I wanted a simple box > to confirm a task. Instead of using rude boxes that interrupt a > user's workflow, LET'S USE A POPOVER INSTEAD.INSTALLATION
DEPENDENCIES
* jQuery
* Popper.js (for Bootstrap 4) * Bootstrap 4 or Bootstrap 3 The plugin uses the default Popover styling Bootstrap provides.LET'S GO!
Include __ bootstrap-confirmation.js in your page after the dependencies.EXAMPLES
BASIC DEMO
Add small overlays with "Yes" and "No" buttons, like those on the iPad, to any element. Click the button to trigger the confirmation.Confirmation
ON A LINK
Confirmation also works natively with links.Confirmation
ConfirmationPERSONALIZATION
Has personalized description, labels, icons and colors.Confirmation
FOUR DIRECTIONS
Confirmation on left Confirmation on top Confirmation on bottom Confirmation on rightSINGLETON
Only one boxe visible at once. Confirmation 1 Confirmation 2POPOUT
Click anywhere on the page to close all boxes. Confirmation 1 Confirmation 2CUSTOM EVENT
When the "Yes" button is clicked, the main button receives a myevent event instead of click.Confirmation
CUSTOM BUTTONS
Completely overwrite the default positive/negative buttons with the buttons of your choice.Confirmation
USAGE
Enable confirmations via JavaScript: $('').confirmation({rootSelector: '',
// other options
});
DECLARATION ORDER
Confirmation tries to cancel the default event of the target and trigger it when the "Ok" button is clicked. However, in order to have the good behavior, the plugin must be initialized BEFORE manually attaching event listener (with $.on()). If this is not possible, you could listen the confirmed.bs.confirmation or use the onConfirm callback.ABOUT LINKS
If Confirmation is attached to a tag, the href attribute will be removed and moved to the "Ok" button. This behaviour is customisable with the copyAttributes option.OPTIONS
LEGEND
* 3 Specific to Bootstrap Confirmation 2 for Bootstrap 3 * 4 Specific to Bootstrap Confirmation 4 for Bootstrap 4 Options can be passed via data attributes or JavaScript plain object. For data attributes, append the option name to data-, as in data-btn-ok-class="". All options from Bootstrap Popover can be used, see Bootstrap 4Popover
and
Bootstrap 3 Popover
.
NAME
TYPE
DEFAULT
DESCRIPTION
title
string | function
'Are you sure?'
default _content_ value if title attribute isn't present.placement
string | function
'top'
_See Popover documentation_html
boolean
true
_See Popover documentation_singleton
boolean
false
Set true to allow only one confirmation to show at a time. When the newest confirmation element is clicked, the older ones willdisappear.
popout
boolean
false
Set true to hide the confirmation when user clicks outside of it. This will affect all confirmations that use same selector.rootSelector
string
REQUIRED FOR JQUERY >= 3 WHEN USING _SINGLETON_ OR _POPOUT_. The selector on which Confirmation is applied. This must be the same selector as provided to $().copyAttributes
string
'href target'
List of attributes that will be copied from the main element to theConfirm button.
confirmationEvent
string
=trigger
'click' by default
Event which will be triggered when the "Ok" button is clicked.btnOkLabel
string
'Yes'
Label of the "Ok" button.btnOkClass
string
3'btn btn-xs btn-primary' 4'btn btn-sm btn-primary' Class of the "Ok" button.3btnOkIcon
string
Icon class of the "Ok" button.4btnOkIconClass
string
Icon class of the "Ok" button.4btnOkIconContent
string
Icon content of the "Ok" button.btnCancelLabel
string
'No'
Label of the "Cancel" button.btnCancelClass
string
3'btn btn-xs btn-default' 4'btn btn-sm btn-secondary' Class of the "Cancel" button.3btnCancelIcon
string
Icon class of the "Cancel" button.4btnCancelIconClass
string
Icon class of the "Cancel" button. 4btnCancelIconContentstring
Icon content of the "Cancel" button.onConfirm
function
$.noop
Callback called when the "Ok" button is clicked. _Not compatible with the data- API_.onCancel
function
$.noop
Callback called when the "Cancel" button is clicked. _Not compatible with the data- API_.buttons
object
Configuration of custom buttons. _Not compatible with the data- API_.CUSTOM BUTTONS
If the default positive/negative buttons are not enough you can use the buttons configuration to overwrite them. It is an array of object as detailled bellow. If buttons is provided, other btnOk* and btnCancel* parameters will be ignored. When a custom button is clicked the onConfirm callback is called and the confirmed.bs.confirmation event is fired, unless you set cancel = true, in this case the onCancel callback is called and the canceled.bs.confirmation event is fired.ATTRIBUTE
TYPE
DEFAULT
DESCRIPTION
label
string
Label of the button.value
*
Custom value that will be passed to the callbacks and events.class
string
3'btn btn-xs btn-default' 4'btn btn-sm btn-secondary' Class of the button.3icon
string
Icon class of the button.4iconClass
string
Icon class of the button.4iconContent
string
Icon content of the button.attr
objectonClick
function
Callback called when the button is clicked.cancel
boolean
false
If it is a cancellation button.{
onConfirm: function(value) { alert('You choosed ' + value);},
onCancel: function() { alert('You didn\'t choose anything');},
buttons:
}
METHODS
.CONFIRMATION('SHOW') Reveals an elements confirmation. $('#element').confirmation('show'); .CONFIRMATION('HIDE') Hides an elements confirmation. $('#element').confirmation('hide'); .CONFIRMATION('TOGGLE') Toggles an elements confirmation. $('#element').confirmation('toggle'); 3.CONFIRMATION('DESTROY') Hides and destroys an element's confirmation. $('#element').confirmation('destroy'); 4.CONFIRMATION('DISPOSE') Hides and destroys an element's confirmation. $('#element').confirmation('dispose');EVENTS
All events from Bootstrap Popover are available but suffixed withbs.confirmation.
Additionnally the following events are available:EVENT TYPE
DESCRIPTION
confirmed.bs.confirmation This event is fired when the "Ok" button is clicked. canceled.bs.confirmation This event is fired when the "Cancel" button is clicked.__ Back to top
*
*
*
*
Licensed under Apache License v2.0 , documentation under CCBY 3.0 .
Documentation template by Bootstrap team , generated with Jekyll Bootstrap Doc * Currently v2.4.4/4.1.0* ·
* GitHub
* ·
* Issues
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0