Making A Confirm Box

I am trying to make my own dialog box. I want to use jquery for this. For some buttons on my site I need a confirmation dialog (like 'Are you sure you want to delete' yes/no). When

Solution 1:

The trouble here is that you can't pause execution in javascript, so you'll need to adjust your confirm function (which you should probably rename, by the way, since JS has a native confirm function). Get rid of the onclick of your yes button, and adjust your confirm function like so:

functionconfirm(message,nobutton,yesbutton,yesfunction){
  $('#overlaymessage').html(message);
  $('#nobutton').html(nobutton);
  $('#yesbutton').html(yesbutton);
  $('#overlay').show();
  $('#yesbutton').off("click").click(yesfunction);
}

Then, pass a function into your confirm call:

functiondeleteuser(userid){
  functiondeleteConfirmed() {
    // delete code here
  }
  confirm('Delete user?','No','Yes',deleteConfirmed);
}

Solution 2:

You need to capture the result from your confirm dialogue box e.g.

var x = confirm("Are you sure you are ok?");
if (x) {
    alert("Good!");
} else {
    alert("Too bad");
}

Solution 3:

You can simply do this.

<scriptlanguage="javascript">functiondeleteuser(userid){
  if(confirm('Delete user?')) {
     //'Ok' is clicked
  }
  else {
     //'Cancel' is clicked
  }
}
</script>