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

原创 2013年12月05日 09:18:38

{

在开始之前,补充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 为自动。第五个是是否设置隐藏,第六个则是设置是否自动隐藏的时间。
显示效果如下:






相关文章推荐

JS+CSS实现Div弹出窗口同时背景变暗的方法

JS+CSS实现Div弹出窗口同时背景变暗的方法 作者:代码家园 字体:[增加 减小] 类型:转载 这篇文章主要介绍了JS+CSS实现Div弹出窗口同时背景变暗的方法,是一款比较典...

纯js+css实现 页面弹出div

.mydiv { text-align: center;font-size: 9pt;z-index: 99;width:500px;height:300px;left: ...

实现弹出一个隐藏的div窗口,body页面变成灰色并且不可被编辑

当需要实现如下图操作,点击服务评分,出现一个服务评分窗口用来填入相关表单信息 可是这会让我们打开服务评分界面时还可以点击body主界面中的购物车等链接,这是不对的,因此我们可以使用层叠样式表来指定外...

实现页面的div弹出提示窗

此处实现了一个简单的全屏幕居中的弹出框,直接附上代码。 知识要点:z-index就是网页的z轴,用相对定位绝对定位把两个层重叠在一起,z-index的值越大,就越靠上,注意,z-index没有单位,...

Js弹出DIV遮罩层并在页面滚动居中显示效果

Js居中弹出遮罩层效果 *{margin:0;padding:0;} #bt{border: 2px solid #000;background-color: #ccc;cursor: poi...
  • jj88888
  • jj88888
  • 2014年03月03日 11:35
  • 1742

点击按钮/文字弹出背景变暗的可拖动的DIV提示层

内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现页面查询弹出div隐藏背景提示进度
举报原因:
原因补充:

(最多只允许输入30个字)