如何在javascript中编写自己的确认对话框？

Question

我想写一些像javascript中的confirm（）一样的东西，但是我想自己编写它以便我可以对对话框进行设置。 难以思考我将如何基本上强制javascript线程等待用户响应然后返回true或false。

Answer 1

如果我是你，我会看一个流行的JavaScript库。 大多数包含某种模态对话框。

我为JQuery找到的一对是jqModal和SimpleModal 。

在构建模态对话框时，您必须将事件与按钮联系起来，因此您可以执行以下操作：

function askUserYesOrNo() {
  var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>');
  $("#yes").click(handleYes);
  $("#no").click(handleNo);
  myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses
}

function handleYes() {
  //handle yes...
}

function handleNo() {
  //handle no...
}

Answer 2

你真的想要使用一个框架，因为你自己构建它时会遇到许多奇怪的跨浏览器问题。

我使用jqModal获得了很好的结果， jqModal是一个jQuery框架的插件，可以让你定义模态对话框，但它绝不是唯一的选择; 尝试谷歌搜索jquery模态或yui模式的一些替代品。

Answer 3

对于Mootools，有moo.rd的Custom.Confirm和Windoo.Confirm供您参考。

Answer 4

你可以使用窗口。 showModalDialog （ mozilla ），但它是Internet Explorer引入的非标准函数。 现在它也支持Firefox 3和Safari（我不确定哪个版本，但至少3.1和更高，但不是iPhone）。

Answer 5

一个简单的YUI模态灯箱（ 例子 ）：

http://bravo9.com/journal/a-simple-lightbox-modal-dialog-with-yui-c5b048f5-b278-46d1-9a7e-0d3035094f52/