如何設置彈出窗體頁面？

Question

可能重複：
JQuery Modal Boxes and Iframe

我有2 ASPX

頁

1 Summary.aspx

2 Update.ascx

上述兩個頁面都正常工作。我在update.ascx頁面的摘要頁面上有鏈接。

如何設置我的代碼以使update.ascx彈出窗口與背景中的不可點擊摘要頁面一致？

Answer 1

基本的想法是在iframe中呈現update.aspx。然後將iframe與另一個div一起顯示在模態div中以阻止背景頁面。

如果您使用的是jQuery，有很多插件可以爲您做所有的基礎工作，並且還具有更大的瀏覽器兼容性。

的fancybox就是這樣的一個插件：http://fancybox.net/home

Answer 2

使用jQuery和jquery dialog，可能像

<div id="popup">loading...</div> 
<a id="popup_link">show popup</a> 


<script language="javascript" type="text/javascript"> 
    $(document).ready(function(){ 
     $("#popup_link").bind("click", function(){ 
      $("#popup").load("update.aspx").dialog({modal:true}); 
     }); 
    }); 
</script>