JavaScript確認ダイアログのカスタム選択
-
05-07-2019 - |
質問
カスタム選択を使用してjavascriptで確認ダイアログを作成する方法
「OK」だけではなく、および「キャンセル」、たとえば「これ」を持ちたい"それ"および"その他"。
解決
要するに、できません。
代わりに jQuery UIダイアログのようなものを使用することを検討することをお勧めします。
他のヒント
次を使用してユーザーに回答を求めることができます:
var userChoice = prompt("Question");
ユーザーが有効なものの中に答えを入力するまで、その文をループできます。
できません。 いくつかのjavascript UI(jQuery UI、YUI、Mootools)ライブラリを使用して、必要なダイアログを模倣します。
// custom Confirm builder
function OnConfirm(text, func) {
var _confirm = $('<div/>').addClass('confirm');
_confirm.append($('<h2/>').text(text));
_confirm.append('<br/><br/>');
var _btnCancel = $('<input/>').attr('type', 'button').val('cancel')
.bind('click', function () {
$(this).parent('.confirm').hide();
func(false);
});
var _btnApply = $('<input/>').attr('type', 'button').val('OK')
.bind('click', function () {
$(this).parent('.confirm').hide();
func(true);
});
_confirm.append(_btnCancel);
_confirm.append(_btnApply);
$('body').append(_confirm);
}
$(function () { // documen.loaded
$('#testLink').click(function (e) {
e.preventDefault(); ;
var _href = $(this).attr('href');
var _title = $(this).attr('title');
// call custom confirm function with callback function
OnConfirm(_title, function (_isContinue) {
if (_isContinue) {
location.href = _href;
}
}
);
});
});
所属していません StackOverflow