javascript - アラートボックスを中央に配置し、アラートボックス内の「Javascript」テキストを変更します

Question

ブラウザの中央にアラート ボックスを配置するにはどうすればよいですか。また、アラート ボックスの「Javascript」テキストを「ページの再読み込み」などに変更することは可能ですか。

$('#reload').click(function(e) {
   if (confirm('Are you sure')) window.location.reload()
});

http://jsfiddle.net/wvNrC/1/

Answer 1

jQuery UIダイアログウィジェットを使用できます...

$(document).ready(function () {

  $("#dialog").dialog({
    modal: true,
    bgiframe: true,
    width: 500,
    height: 200,
    autoOpen: false
  });

  $("#reload").click(function (e) {
    e.preventDefault();

    $("#dialog").dialog('option', 'buttons', {
      "Confirm": function () {
        window.location.reload();
      },
      "Cancel": function () {
        $(this).dialog("close");
      }
    });

    $("#dialog").dialog("open");

  });

});

jsフィドル