August 17, 2022

JQuery UI Built Dynamic Modal That Uses Bootstrap | confirm.js

confirm.js is to use confirm modal created using JQuery and Bootstrap. Put events in each custom button in your web application. Easy to implement, saves time.

jquery confirmation dialog, javascript wait for confirm dialog, custom confirm box in javascript, confirm box with textbox in jquery, custom confirm box in jquery

How to make use of it:

1. Load the required Bootstrap 3 framework CSS file into the main section of the web page.

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

2. Download the plugin and load the Confirm.js script after the jQuery javascript library.

<script src="path/to/jquery.min.js"></script>
<script src="path/to/confirm.js"></script>

3. Show the basic confirmation dialog on your web page.

Confirm.show('Confirm title', 'Confirm message');

4. Add a custom button with a callback to the confirmation dialog.

Confirm.show('Confirm Title', 'Confirm Message', {

  // add a save button
  'Save' : {
    'primary' : true,
    'callback' : function()
    {
      Confirm.show('Message', 'You have clicked Save');
    }
  }
});

minimal confirm dialog, confirm.js Plugin/Github, delete confirmation modal javascript


See Demo And Download

Official Website(micoboyet): Click Here

This superior jQuery/javascript plugin is developed by micoboyet. For extra advanced usage, please go to the official website.

Share

You may also like...

Leave a Reply

Your email address will not be published.