javascript - モーダル プロンプト - このコードを書き直すには?

Question

次の JavaScript 確認ダイアログがあり、モーダルにしたいので、ページのデザインに応じてスタイルを設定できます。ダイアログはそのまま機能します。単純なjavascriptまたはjqueryを使用してモーダルにしたいだけですが、jqueryユーザーインターフェイスは使用しません。

これが私のコードです：

$(".oneUser").submit(function() {    
    var agree=confirm("Record will be deleted! \n Are you sure?");
    if (agree)
        return true ;
    else
        return false ;       
});

よろしく、ゾラン

Answer 1

別の質問で見つかった同じ構造を使用して、ここで適用できます。

HTML：

<div id="confirm" style="display:none;"></div>

JavaScript：

function showConfirmDialog(message) {
    $("#confirm").html(message);
    $("#confirm").dialog('open');
}

$(function() {
    var submitForm = $('.oneUser');
    var submit = false;

    $("#confirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        autoOpen: false,
        buttons: {
            'Submit': function() {
                $(this).dialog('close');
                submit = true;
                submitForm.submit();
            },
            'Cancel': function() {
                $(this).dialog('close');
            }
        }
    });
    $("#confirm").parent().appendTo($(".oneUser")); 

    submitForm.submit(function() {
        if (submit) {
            return true;
        } else {
            showConfirmDialog("Record will be deleted! <BR /> Are you sure?");
            return false;
        }
    });
});