如何在javascript中编写我自己的确认对话框?
问题描述:
我想写一些行为就像在JavaScript中的confirm(),但我想自己写,所以我可以皮肤对话框。在思考如何基本强制javascript线程等待用户响应并返回true或false时遇到问题。如何在javascript中编写我自己的确认对话框?
答
如果我是你,我会看看流行的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...
}
答
你真的想用这个框架,因为数奇怪的跨浏览器问题,你会遇到试图自己构建它。
我已经使用jqModal这个jQuery框架的插件,可以让你定义模态对话框,但它绝不是唯一的选择;尝试谷歌jquery modal或yui modal一些替代品。
答
您可以使用窗口。 showModalDialog(mozilla),但它是由Internet Explorer引入的非标准功能。现在它也支持Firefox 3和Safari(我不确定哪个版本,但至少3.1和更高,但不是iPhone)。
因此,在这里我不能再写代码,如“if(confirm(”text“)){// handleYes} else {//处理否} //之后的其他东西?我想成为能够以与您使用确认相同的方式使用它 – Bialecki 2008-10-09 20:03:52