• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Hing
沉浸在技术的海洋,通过学习与讨论,只有不断的提高,才有可能去创造与实现.
博客园    首页    新随笔    联系   管理    订阅  订阅
一个漂亮的弹出窗口
一个不错的弹出窗口,修改了JS文件可多弹。
首先要导入jQuery(如:jquery-1.3.2.min.js)的包和弹出框所需的JS包(dialog.js),并添加JS指定需要的图片路径(图片和要用到的JS包都放到了网盘里,网盘地址:http://e.ys168.com/?rememberxing的ASP.NET相关附件目录里面)
<script type="text/javascript">
        
var CONTEXTPATH = "img/"; //设置图片路径
    </script>

弹出JS:
Code
<script type="text/javascript">
        
//弹出窗口
        function WindowOpen(id, title, url, property) {
            
var diag = new Dialog("Diag2");
            diag.Width 
= 600;
            diag.Height 
= 400;
            diag.Title 
= title;
            diag.URL 
= url + encodeURIComponent($("#" + id).val());
            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" />

只有不断的记录才能不被时间冲洗得太多。
posted on 2009-09-24 16:04  Pacer  阅读(4230)  评论(3)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3