模态窗口


我想在下边图片A中点击一个按钮，然后会弹出图片B中的模态窗口。   然后选择，选中一些记录，按添加按钮，返回到父窗口； 如果数据添加成功，父窗口列表刷新。

1.是不是用下边的方式打开模态窗口？  还有没有更好的思路来实现上边功能
2.怎么把值从模态窗口传回父窗体？
    <script type="text/javascript">

        function OpenSelectInfo() {
      var width = 1000;  //模态窗口的宽度
            var height = 500;   //模态窗口的高度
            var url = "ModalDialog_SelectInfo.aspx?UserName=ZhangSan"; //模态窗口的url地址
            window.showModalDialog(url, null, 'dialogWidth=' + width + 'px;dialogHeight=' + height + 'px;help:no;status:no');
            
        }
    </script>

图片A


图片B






------解决方案--------------------
参考
http://www.cnblogs.com/zhulei/archive/2007/04/21/722416.html

当然，现在流行ajax，也就是不打开新的窗口，而是使用一个弹出的层模拟对话框，比如jquery ui dialog。
------解决方案--------------------
其实就是加载一个绝对定位的div和动态添加一个遮罩层

这种jquery的插件很多

比如art.dialog和jquery.easyui