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

A simple action confirmation plugin for jQuery based on Twitter Bootstrap Popover.

Bootstrap Plugins Popup Window

Documentation

popconfirm

Compatible Bootstrap 2.3 and Bootstrap 3

A simple action confirmation plugin for jQuery based on Twitter Bootstrap Popover

Example

Please, check our simple example here : http://jsfiddle.net/RDh7E/28/

How to use

1: Add the jquery.popconfirm.js file into your Twitter Bootstrap document including jQuery.

  <script type="text/javascript" src="js/jquery.popconfirm.js"></script>

2: Use the jQuery method popConfirm() on any object you want with handle click events :

<a href="mypage.html" id="link">link</a>
$("#link").popConfirm();
<button class="btn btn-success" data-toggle='confirmation' id="button">button</button>
$('#button').click(function() {     alert('You clicked, and valided this button !'); });  $("#button").popConfirm();

Full options usage

$("[data-toggle='confirmation']").popConfirm({         title: "Really ?", // The title of the confirm         content: "I have warned you !", // The message of the confirm         placement: "bottom", // The placement of the confirm (Top, Right, Bottom, Left)         container: "body", // The html container         yesBtn: "Yeah",         noBtn: "Oh no !!!" });

You can also pass parameters using the html attribute : data-confirm-* (replace * by the option name).

Example :

<a href="destination.html" data-confirm-title="My Super Title" data-confirm-content="My Super Question">Link</a>

What it handles

  • jQuery .click() and .bind('click') methods
  • Hard coded onclick attributes
  • href attribute from a a lik
  • Submit a form from a type="submit" button/input

You May Also Like