GithubHelp home page GithubHelp logo

mrashidse / confirmpopup Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 180 KB

Get rid of old confirm dialogue and Try to use stylish confirmPopup.

License: GNU General Public License v2.0

JavaScript 89.03% HTML 10.97%

confirmpopup's Introduction

confirmPopup

It is jQuery plugin which gives you a customizable confirm dialogue with support for changing confirmation message and many more. For proper understanding about the confirmPopup, please see Demo Here

When we Use confirmPopup

  • End-User is inserting form data into database and you want your End-User to show confirmation before
  • End-User is deleting record and you want your End-User to show confirmation before

How to use confirmPopup

  1. Include jQuery lib
  2. Download or Copy ConfirmPopup
  3. Include after jQuery lib
  4. Now you are ready to Call ConfirmPopup on you selector For Example:
  • $('#btnSaveData').confirmPopup();
  1. You can change it according to you requirments.
  2. You can also download here a demo file and run it into you browser.
  3. ConfirmPopup's Default settings are:
 $('#btnSaveData').confirmPopup({
      message: 'Are you sure you want to save this information?',
      positiveBtnText:'Yes',
      negativeBtnText: 'No',
      confirmPopupCallOn: 'click',
      cpSubContainerWidth: 500,
      cpSubContainerHeight: 100,
      applyDefaultBtnStyle: true,
      decisionBtnsCss: 'btn-confirm-popup',
      decisionBtnsBgColor: '3498db', //change bg color of decision-Btns if you are using default btn-class
      decisionBtnsBgGradiantColor: '2980b9', //change bg color of decision-Btns if you are using default btn-class
      decisionBtnsHoverBgColor: '3498db', //change bg color of decision-Btns if you are using default btn-class
      decisionBtnsFontColor: 'ffffff', //change bg color of decision-Btns if you are using default btn-class
      beforeStart: function() {
				void(0);
			},
			onPositiveDecision: function() {
				void(0);
			},
			onNegativeDecision: function() {
				void(0);
			},
    }); 

confirmpopup's People

Contributors

mrashidse avatar

Stargazers

Waqas Ahmed avatar Adnan Ahmed avatar Shahid Ahmad avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.