確認のダイアログボックスでOK、キャンセル、閉じるボタンによって異なるコードを実行しますか？

Question

確認ダイアログボックスには、3つのボタンok, cancel and closeがあります。私はOKとCancelボタンでは異なるアクションを実行したいが、ダイアログボックスを閉じるには何もしない。どうすればjavascriptを使ってこれを実現できますか？

Answer 1

これはできませんが、代わりにJQuery-Uiダイアログを使用できます。

この例で、 'OK' と 'キャンセル' の唯一のアクションをモーダルに近い行動を無視：

$("#dialog-confirm").dialog({ 
     modal: true, 
     buttons: { 
     "Ok": function() { // On Ok click 
      $(this).dialog("close"); 
     }, 
     "Cancel": function() { // On Cancel click 
      $(this).dialog("close"); 
     } 
     } 
}); 

Answer 2

あなたはjquery.uiダイアログ

を介して行うことができますあなたもjquery-ui.min.js

ConfirmDialog('confirm dialog'); 

function ConfirmDialog(message){ 
$('<div></div>').appendTo('body') 
     .html('<div><h6>'+message+'?</h6></div>') 
     .dialog({ 
      modal: true, 
      title: 'cancel click message', 
      zIndex: 10000, 
      autoOpen: true width: 'auto', 
      resizable: false, 
      buttons: { 
         Yes: function() { 
          $('body').append('<h1>Confirm Dialog Result: <i>Yes</i></h1>'); 
          $(this).dialog("close"); 
         }, 
         No: function() {                
          $('body').append('<h1>Confirm Dialog Result: <i>No</i></h1>');        
          $(this).dialog("close"); 
         } 
        }, 
        close: function (event, ui) {              
         alert('close'); 
         $(this).remove(); 
        } 
       }); 
};