Yes or No confirm box using jQuery

Question

I want yes No alerts using jQuery  instead of ok Cancel button   jQuery alerts okButton    Yes   jQuery alerts cancelButton    No                     jConfirm  Are you sure          function r        if  r    true                                  Ok button pressed                Any other alternatives

User · Answer

The alert method blocks execution until the user closes it:

use the confirm function:

if (confirm('Some message')) {
    alert('Thanks for confirming');
} else {
    alert('Why did you press cancel? You should have confirmed');
}

User · Answer

I ve used these codes   HTML    lt a id  delete-button  gt Delete lt  a gt    jQuery    lt script gt      delete-button   click function        if confirm  Are you sure you want to delete this                  delete-button   attr  href    query php ACTION delete amp ID  1               else          return false             lt  script gt    These codes works for me  but I m not really sure if this is proper  What do you think

User · Answer

All the example I ve seen aren t reusable for different  yes no  type questions  I was looking for something that would allow me to specify a callback so I could call for any situation    The following is working well for me     extend   confirm  function  title  message  yesText  yesCallback            lt div gt  lt  div gt    dialog            buttons                 text  yesText              click  function                     yesCallback                       this   remove                                                   text   Cancel               click  function                        this   remove                                               close  function  event  ui      this  remove               resizable  false          title  title          modal  true        text message  parent   addClass  alert            I then call it like this   var deleteOk   function         uploadFile del fileid  function    alert  Deleted           confirm       CONFIRM     title      Delete     filename          message      Delete     button text     deleteOk    yes  callback

User · Answer

I had trouble getting the answer back from the dialog box but eventually came up with a solution by combining the answer from this other question display-yes-and-no-buttons-instead-of-ok-and-cancel-in-confirm-box with part of the code from the modal-confirmation dialog  This is what was suggested for the other question   Create your own confirm box    lt div id  confirmBox  gt       lt div class  message  gt  lt  div gt       lt span class  yes  gt Yes lt  span gt       lt span class  no  gt No lt  span gt   lt  div gt    Create your own confirm   method   function doConfirm msg  yesFn  noFn        var confirmBox       confirmBox        confirmBox find   message   text msg       confirmBox find   yes  no   unbind   click function                 confirmBox hide                confirmBox find   yes   click yesFn       confirmBox find   no   click noFn       confirmBox show        Call it by your code   doConfirm  Are you sure    function yes         form submit       function no            do nothing       MY CHANGES I have tweaked the above so that instead of calling confirmBox show    I used confirmBox dialog         like this  confirmBox dialog              autoOpen  true        modal  true        buttons                       Yes   function                    this  dialog  close                  this  find   yes   click                            No   function                    this  dialog  close                  this  find   no   click                                    The other change I made was to create the confirmBox div within the doConfirm function  like ThulasiRam did in his answer

User · Answer

You can reuse your confirm       function doConfirm body    nombrefuncion          var param   undefined          var  confirm       lt div id  confirm  class  hide  gt  lt  div gt    dialog               autoOpen  false              buttons                    Yes  function                     param   true                    nombrefuncion param                     this  dialog  close                                   No  function                     param   false                    nombrefuncion param                     this  dialog  close                                                                             confirm html   lt h3 gt   body   lt h3 gt              confirm dialog  open                                                    for this form just u must change or create a new function for to reuse the confirm     function resultadoconfirmresetVTyBFD param            fecha       asigfecha   val            if param   true                    DO THE CONFIRM                    Now just u must call the function doConfirm     doConfirm  body message  resultadoconfirmresetVTyBFD

User · Answer

x000D   x000D  ConfirmDialog  Are you sure    x000D   x000D  function ConfirmDialog message    x000D        lt div gt  lt  div gt    appendTo  body   x000D       html   lt div gt  lt h6 gt     message      lt  h6 gt  lt  div gt    x000D       dialog   x000D        modal  true  x000D        title   Delete message   x000D        zIndex  10000  x000D        autoOpen  true  x000D        width   auto   x000D        resizable  false  x000D        buttons    x000D          Yes  function     x000D                 obj  removeAttr  onclick                                    x000D                 obj  parents   Parent   remove    x000D   x000D               body   append   lt h1 gt Confirm Dialog Result   lt i gt Yes lt  i gt  lt  h1 gt     x000D   x000D              this  dialog  close    x000D             x000D          No  function     x000D               body   append   lt h1 gt Confirm Dialog Result   lt i gt No lt  i gt  lt  h1 gt     x000D   x000D              this  dialog  close    x000D            x000D           x000D        close  function event  ui    x000D            this  remove    x000D          x000D          x000D     x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt link href  https   ajax googleapis com ajax libs jqueryui 1 12 1 themes smoothness jquery-ui css  rel  stylesheet    gt  x000D   lt script src  https   ajax googleapis com ajax libs jqueryui 1 12 1 jquery-ui min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

I needed to apply a translation to the Ok and Cancel buttons   I modified the code to except dynamic text  calls my translation function      x000D   x000D    extend   x000D      confirm  function message  title  okAction    x000D              lt div gt  lt  div gt    dialog   x000D                 Remove the closing  X  from the dialog x000D              open  function event  ui        ui-dialog-titlebar-close   hide       x000D              width  500  x000D              buttons     x000D                  text  localizationInstance translate  Ok    x000D                  click  function      x000D                        this  dialog  close    x000D                      okAction    x000D                    x000D                 x000D                    x000D                  text  localizationInstance translate  Cancel    x000D                  click  function     x000D                        this  dialog  close    x000D                    x000D                  x000D              close  function event  ui      this  remove       x000D              resizable  false  x000D              title  title  x000D              modal  true x000D             text message   x000D        x000D      x000D   x000D   x000D

User · Answer

Try This    It s very simple just use confirm dialog box for alert with YES NO  if confirm  quot Do you want to upgrade  quot     Your code

User · Answer

Have a look at this jQuery plugin  jquery confirm    lt a href  home  class  confirm  gt Go to home lt  a gt    and then       confirm   confirm      This will show a confirmation popup before proceeding to following the link   There s a demo here  http   myclabs github com jquery confirm

[jquery] Yes or No confirm box using jQuery

Examples related to jquery

Examples related to alerts

Examples related to jconfirm