Сделать предупреждение javascript Да/Нет Вместо Ok/Отменить

function btnSelete_Click() {
    var strconfirm = confirm("Are you sure you want to delete?");
    if (strconfirm == true) {
        return true;
    }
}

<asp:Button ID="btnSelect" runat="server" Text="Select" Onclientclick="return btnSelete_Click();" CssClass="cssbutton" />

Как создать окно предупреждения "да/нет/отменить" вместо окна "ОК/Отмена" в Javascript?

Ответ 1

Вы можете использовать jQuery UI Dialog.

Эти библиотеки создают HTML-элементы, которые выглядят и ведут себя как диалоговое окно, позволяя вам вставлять все, что вы хотите (включая элементы формы или видео) в диалоговом окне.

Ответ 2

В попытке решить подобную ситуацию я столкнулся с этот пример и адаптировано. Он использует JQUERY UI Dialog, как предложил Nikhil D. Вот код:

HTML:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="button" id="box" value="Confirm the thing?" />
<div id="dialog-confirm"></div>

JavaScript:

$('#box').click(function buttonAction() {
  $("#dialog-confirm").html("Do you want to do the thing?");

  // Define the Dialog and its properties.
  $("#dialog-confirm").dialog({
    resizable: false,
    modal: true,
    title: "Do the thing?",
    height: 250,
    width: 400,
    buttons: {
      "Yes": function() {
        $(this).dialog('close');
        alert("Yes, do the thing");
      },
      "No": function() {
        $(this).dialog('close');
        alert("Nope, don't do the thing");
      }
    }
  });
});

$('#box').click(buttonAction);

У меня есть еще несколько настроек, которые мне нужно сделать, чтобы этот пример работал для моего приложения. Обновите это, если я увижу, что он вписывается в ответ. Надеюсь, это поможет кому-то.

Ответ 3

Вы не можете сделать это с помощью native confirm(), так как это метод браузеров.

Вам нужно создать плагин для окна подтверждения (или попробовать создать кого-то другого). И они часто выглядят лучше.

Дополнительный совет. Измените свое английское предложение на что-то вроде

Действительно, удалите эту вещь?

Ответ 4

Я попробую решение с jQuery, конечно же, это даст хороший результат. Конечно, вам нужно загрузить jQuery... Как насчет всплывающего окна с чем-то вроде этого? Конечно, это зависит от авторизации пользователей всплывающих окон.

<html>
    <head>
    <script language="javascript">
    var ret;
    function returnfunction()
    {
        alert(ret);
    }
    </script>
</head>
    <body>
        <form>
            <label id="QuestionToAsk" name="QuestionToAsk">Here is talked.</label><br />
            <input type="button" value="Yes" name="yes" onClick="ret=true;returnfunction()" />
            <input type="button" value="No" onClick="ret=false;returnfunction()" />
        </form>
    </body>
</html>