天天看點

一個不錯的彈出視窗,修改了JS檔案可多彈

首先要導入jQuery(如:jquery-1.3.2.min.js)的包和彈出框所需的JS包(dialog.js),并添加JS指定需要的圖檔路徑

<SCRIPT src="2/jquery-1.3.2.min.js" type=text/javascript></SCRIPT>

<SCRIPT src="2/dialog.js" type=text/javascript></SCRIPT>

<script type="text/javascript">

        var CONTEXTPATH = "2/img/"; //設定圖檔路徑

        //彈出視窗

        function WindowOpen(id, title, url, property, width, heigh) {

            var diag = new Dialog("Diag2");

            diag.Width = width;

            diag.Height = heigh;

            diag.Title = title;

            diag.URL = url;

            diag.OKEvent = function() {

                $("#" + id).val($(getPopup('Diag2')).find("#dataList tr.selected").attr(property));

                diag.close();//關閉彈出窗

                $("#" + id).focus();

            };   //點選确定後調用的方法

            diag.show();

        }

    </script>

在點選事件中設定下對應的屬性就可以啦

<input type="button" id="btntest" onclick='WindowOpen("btntest", "Test", "Default.aspx", "id")' value="Click" />

<a href="http://files.cnblogs.com/hantianwei/tanchuang.rar" target="_blank">/Files/hantianwei/tanchuang.rar</a>

繼續閱讀