如何在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，供大家參考。