Можно ли написать пользовательский флажок подтверждения в JavaScript, который вместо кнопки OK
и CANCEL
по умолчанию показывает кнопку SAVE
и DELETE
?
Окно подтверждения JavaScript с пользовательскими кнопками
Ответ 1
Для этого используйте диалоговое окно jQuery UI.
Вы можете сделать что-то вроде этого:
JS:
$(function() {
$("#dialog-confirm").dialog({
resizable: false,
height: "auto",
width: 400,
modal: true,
buttons: {
"Do it": function() {
$(this).dialog("close");
},
Cancel: function() {
$(this).dialog("close");
}
}
});
});
<link href="https://jqueryui.com/jquery-wp-content/themes/jquery/css/base.css" rel="stylesheet"/>
<link href="http://jqueryui.com/jquery-wp-content/themes/jqueryui.com/style.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="dialog-confirm" title="Is it treason, then?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>Am I the Senate?</p>
</div>
Ответ 2
Не с родным кодом подтверждения JavaScript. Для этого вы можете использовать один из многих компонентов пользовательского интерфейса JavaScript, эмулирующих модальные диалоговые окна.
Вот пример: https://jqueryui.com/dialog/#modal-confirmation
Я никогда не использовал это, так что используйте на свой страх и риск.
Ответ 3
$('confirm text').dialog(
{
modal:true, //Not necessary but dims the page background
buttons:{
'Save':function() {
//Whatever code you want to run when the user clicks save goes here
},
'Delete':function() {
//Code for delete goes here
}
}
}
);
Это должно сработать, но вам нужно будет скачать или ссылку на jQuery и библиотеки пользовательского интерфейса jQuery для запуска этого.