首先要導入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>