关闭

js实现页面查询弹出div隐藏背景提示进度

866人阅读 评论(0) 收藏 举报
分类:

{

在开始之前,补充2个另外的知识点(1.百分比格式化;2.jquery 设置$符):

1.在页面显示的百分比数字设定为String类型-> DecimalFormat df = new DecimalFormat("##%");  值=df.format((double)除数/被除数);

2.之前在一个页面同时使用jquery和dwr时,会出现$符冲突,作下jquery修改即可->var j$ = jQuery.noConflict();  $符全用j$代替。

}


在读取大数据查询时候,需要很多时间,我们可以给页面加提示性的进度条,也可以弹出框提示,此时页面其它地方不可点击,需要做隐藏效果,我们可以使用js的弹出框脚本控件tinybox;

我们从网上下载好tinybox.js并在页面引入js;

在页面点击按钮,需要加入超链接,赋予id属性:

 <a href="#" id="click_test"><input type="button" value="查询" onclick="query()" class="buton"></a>

点击按钮进行查询,在按钮提交前进行弹出层显示,背景变灰不可操作:

document.queryform.action='query.action';
		
		var content = "页面数据正在查询中,请稍候。。。";//弹出层自动消失
        T$('click_test').onclick = function(){TINY.box.show(content,0,0,0,0,0)};
        
		document.queryform.submit();
(TINY.box.show 6个参数第一个是要显示的 AJAX 或 HTML 内容。第二个是设置是否为 AJAX。第三个是宽度,0 为自动。第四个是高度,0 为自动。第五个是是否设置隐藏,第六个则是设置是否自动隐藏的时间。
显示效果如下:






0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:75788次
    • 积分:1311
    • 等级:
    • 排名:千里之外
    • 原创:58篇
    • 转载:3篇
    • 译文:0篇
    • 评论:5条