Java,Jsp点击事件后,出现等沙漏,处理等待状态时,有提示在动,适合任何事件使用
2012-05-16 11:28
537 查看
第一步:在jsp页面里写个函数
<script type="text/javascript">
function XXX(){
--方法调用完后,添加上下面的函数,如果等待时间不是特别的短,就会出现,一个图标的状态.
displayMessage();
}
function displayMessage(){
if(navigator.userAgent.indexOf("Firefox")==-1){
var obj = document.getElementsByTagName('SELECT');
for(var i=0;i<obj.length;i++){
if(obj[i].type.indexOf("select")!=-1)
obj[i].style.visibility = 'hidden';
}
mask.style.visibility = 'visible';
massage_box.style.visibility = 'visible';
}
}
</script>
第二步,给出现的等待状态窗体加样式
<style type="text/css">
#massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression(body.scrollTop+(body.clientHeight-this.offsetHeight)/2); width:350px; height:130px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
#mask{ position:absolute; top:0; left:0; width:expression(body.clientWidth); height:expression(body.scrollHeight>body.clientHeight?body.scrollHeight:body.clientHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
.header{background:#554295; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
</style>
第三步:在<body></body>标签下面添加如下代码.
<div id="massage_box">
<div class="massage">
<div class="header" onmousedown="MDown(massage_box);">
<div style="display:inline; width:150px; position:absolute">System Information</div>
<span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span>
</div>
<div style="margin-top:30px;margin-left:30px">
<img src="<%=request.getContextPath()%>/images/loading.gif" align="absmiddle" /> Please wait...
</div>
</div>
</div>
<div id="mask">
</div>
下面我添加一个运行出来的效果图.
如果大家有更好的方法,可以互相交流下,希望上面这个例子,能帮到你.
<script type="text/javascript">
function XXX(){
--方法调用完后,添加上下面的函数,如果等待时间不是特别的短,就会出现,一个图标的状态.
displayMessage();
}
function displayMessage(){
if(navigator.userAgent.indexOf("Firefox")==-1){
var obj = document.getElementsByTagName('SELECT');
for(var i=0;i<obj.length;i++){
if(obj[i].type.indexOf("select")!=-1)
obj[i].style.visibility = 'hidden';
}
mask.style.visibility = 'visible';
massage_box.style.visibility = 'visible';
}
}
</script>
第二步,给出现的等待状态窗体加样式
<style type="text/css">
#massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression(body.scrollTop+(body.clientHeight-this.offsetHeight)/2); width:350px; height:130px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
#mask{ position:absolute; top:0; left:0; width:expression(body.clientWidth); height:expression(body.scrollHeight>body.clientHeight?body.scrollHeight:body.clientHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
.header{background:#554295; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
</style>
第三步:在<body></body>标签下面添加如下代码.
<div id="massage_box">
<div class="massage">
<div class="header" onmousedown="MDown(massage_box);">
<div style="display:inline; width:150px; position:absolute">System Information</div>
<span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span>
</div>
<div style="margin-top:30px;margin-left:30px">
<img src="<%=request.getContextPath()%>/images/loading.gif" align="absmiddle" /> Please wait...
</div>
</div>
</div>
<div id="mask">
</div>
下面我添加一个运行出来的效果图.
如果大家有更好的方法,可以互相交流下,希望上面这个例子,能帮到你.
相关文章推荐
- Java,Jsp点击事件后,出现等沙漏,处理等待状态时,有提示在动,适合任何事件使用
- coco笔记:连续点击相应事件处理(使用协同)_ Java和C#
- DrawerLayout的使用 侧滑加载Listview,首页使用Fragment和处理点击触摸冲突、穿透事件和监听菜单滑动状态的改变的详细介绍
- Exchange2010 OWA登录后,点击任何按钮提示“出现意外错误,无法处理您的请求”
- js处理一个div里面多个点击事件时出现的事件冲突 重复的解决方法 事件冒泡
- Android使用HttpClient时出现的 java.lang.NullPointerException提示
- Java等待窗,JSP等待窗,实现提交请求前等待提示效果
- Java OpenCV开发——使用JavaCV在窗口显示图像,并监听鼠标点击事件
- Android 在ListView嵌套GridView中出现的点击事件冲突的处理以及gridview显示不全的问题
- Java基础之处理事件——添加工具提示(Sketcher 9 with tooltips)
- Unity_DOTween动画的学习(十一)_DOTweenPath路径编辑器的使用补充_结合按钮触发不同点击事件控制播放状态_Waypoints
- 使用Ajax模仿Google suggest的搜索提示(Java+JSP+JS实现)
- java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误
- actionBar的点击事件处理与SearchView的使用
- Java 2使用教程:事件的处理
- [Android]在ListView嵌套GridView中出现的点击事件处理以及gridview显示不全的问题
- Button的使用(三):处理点击事件
- Java基础之处理事件——使用适配器类(Sketcher 3 using an Adapter class)
- VS中使用VC资源编辑器添加变量或事件处理程序出现脚本错误的解决办法
- java核心技术卷 之处理按钮点击事件