使用保存和放弃按钮确认

时间:2011-05-31 10:58:13

标签: javascript confirmation

我们如何在javascript中创建一个带有保存和放弃按钮的确认提醒? 如果我们使用代码

confirm('Do you want to save it?');

我们将收到一个提示取消的提示框。 我们怎样才能将ok按钮的文本保存为另一个而丢弃?

3 个答案:

答案 0 :(得分:3)

您无法修改默认的javascript方法“确认”。但是,您可以使用jQuery UI对话框覆盖它:

window.confirm = function (message) {
  var html = "<div style='margin:20px;'><img style='float:left;margin-right:20px;' src='/img/confirm.gif' alt='Confirm'/><div style='display:table;height:1%;'>" + message + "</div></div>";

  $(html).dialog({ closeOnEscape: false,
    open: function (event, ui) { $('.ui-dialog-titlebar-close').hide(); },
    modal: true,
    resizable: false,
    width: 400,
    title: "Confirmation",
    buttons: { 
        "Save": function () {
            //Do what you need
        },
        "Cancel": function () {
            $(this).dialog("close"); 
        } 
    }
  });
}

答案 1 :(得分:0)

这是不可能的

more answers

答案 2 :(得分:0)

  1. 连接一些吨JS框架。例如jQuery + UI
  2. 覆盖window.confirm方法,将其作为您最喜欢的JS UI框架的包装。
  3. PROFIT !!!