Fullscreen Confirm Dialog Plugin with jQuery - confirmDialog

Fullscreen Confirm Dialog Plugin with jQuery - confirmDialog
File Size: 4.75 KB
Views Total: 4942
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

Just another jQuery alternative to the default JavaScript popup box that helps you create a fully customizable confirmation dialog box sliding out from the top of your screen when triggered.

How to use it:

1. Add references to jQuery library and the jQuery confirmDialog plugin's JavaScript & CSS files to the webpages.

<link href="confirmDialog.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="confirmDialog.jquery.min.js"></script>

2. Config the confirm dialog using the following options.


  // trigger element
  attachAfter: '#trigger',

  // dialog title
  title: 'Are you sure you want to continue?',

  // text for confirm button
  accept: 'Yes',

  // text for cancel button
  refuse: 'Cancel',

  // button styles
  acceptStyle: 'red',
  refuseStyle: 'gray'

3. Display the confirm dialog on the screen.


4. Do some cool stuff after the visitors click on the confirm button.

function alertCall(){
  alert('Just did something dangerous!');


  // options here

  acceptAction: alertCall



Change log:


  • fixed z-index issue

This awesome jQuery plugin is developed by BanNsS1. For more Advanced Usages, please check the demo page or visit the official website.