使用javascript開啟模態對話方塊

1. 標準的方法

<script　type="text/javascript">
function　openWin(src,　width,　height,　showScroll){
window.showModalDialog　 (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+";scroll:"+showScroll+";");
}
</script>

例：<span style="CURSOR: pointer" onclick="openWin

(’http://www.deepteach.com’, ’500px’, ’400px’, ’no’)">點擊</span>

2. 要注意的是，Firefox並不支援該功能，它支援的文法是

window.open
(’openwin.html’,'newWin’,　'modal=yes,　width=200,height=200,resizable=no,　scrollbars=no’　);

3. 如何自動判斷瀏覽器

<input　type="button"　value="開啟對話方塊"　onclick="showDialog('#')"/>
<SCRIPT　　　LANGUAGE="JavaScript">
<!--
function　　　showDialog(url)
{
if(　　　document.all　　　)　//IE
{
feature="dialogWidth:300px;dialogHeight:200px;status:no;help:no";
window.showModalDialog(url,null,feature);
}
else
{
//modelessDialog可以將modal換成dialog=yes
feature　="width=300,height=200,menubar=no,toolbar=no,location=no,";
feature+="scrollbars=no,status=no,modal=yes";
window.open(url,null,feature);
}
}
//-->
</SCRIPT>

4. 在IE中，模態對話方塊會隱藏地址欄，而在其他瀏覽器則不一定

【注意】在Google瀏覽器中，這個模態的效果也會失效。