如何在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这个jQuery框架的插件，可以让你定义模态对话框，但它绝不是唯一的选择;尝试谷歌jquery modal或yui modal一些替代品。

Answer 3

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

Answer 4

的精简版的YUI模式灯箱（example）：

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

Answer 5

对于Mootools的，有moo.rd's Custom.Confirm和Windoo.Confirm，供大家参考。