Пользовательский выбор в диалоговом окне подтверждения JavaScript

StackOverflow https://stackoverflow.com/questions/1800033

  •  05-07-2019
  •  | 
  •  

Вопрос

Как написать диалоговое окно подтверждения в javascript с пользовательскими настройками?

Вместо просто "Ok" и " Отмена " ;, хотелось бы, например, " This " & Quot; Это & Quot; и " Другое ".

Это было полезно?

Решение

Короче говоря, вы не можете.

Возможно, вы захотите использовать вместо этого что-то вроде диалогового окна 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;
                }
            }
        );
    });
});
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top