页面正在加载组件（开源）

fantasy

浏览: 515460 次
性别:
来自: 杭州

最近访客更多访客>>

happy_wally

dy.f

韩美艳

sin_yaksa

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

开源

Firefox IE Struts EXT YUI

作者：kiral，http://fantasy.iteye.com/blog/67320，转载请保留。

出场白：

任何jsp页面只要使用包含附件中的loading.jsp将自动拥有“页面正在加载的。。”提示信息，在页面加载完后将自动隐藏。效果见附件。

第1个附件是效果图，当用户访问页面的时候，会出现这个效果图，页面加载完了后，提示就会自动消失。

第2个附件是用UTF-8编码的组件，如果你的项目使用的是UTF-8编码，请下载这个。

第3个附件是GB2312编码的。

我为什么使用这个组件？

1。交互性。客户清楚知道，你的页面是在加载，需要等待，而不用对着一个空白的网页发呆。

2。方便。对于程序员来说，只要包含loading页面，就能自动拥有“页面正在加载”功能。

3。美观。类似于yui-ext的效果。

4。跨平台。在IE6和firefox2.0.03下测试成功。new~（在2.0里提供）

2.0 see:http://kiral.iteye.com/blog/67813

5。低侵入性。不会影响包含这个组件的页面，对其他方法的调用。

PS:欢迎大家讨论改善意见！

loading.rar (2.2 KB)
描述: 页面正在加载组件
下载次数: 1165

loading.rar (2.1 KB)
描述: GB2312编码的，如果你的项目使用的是GB2312编码，请下载这个
下载次数: 742

查看图片附件

分享到：

163邮箱的菜单组件（开源） | Ruby on rails 的第一次亲密接触

2007-04-02 10:53
浏览 14669
评论(18)
论坛回复 / 浏览 (14 / 14295)
查看更多

18 楼 unix 2007-07-25

哈哈，很好的东东，谢谢楼主分享

17 楼 fantasy 2007-06-27

欢迎大家使用！～

16 楼 fantasy 2007-04-23

soso 写道

如果我用的数据库端分页显示，在struts 的 action 中求得记录，再转到页面呈现。其实就是数据库查询较慢，我想在数据查出来前给用户一个等待提示，我该怎么做。楼主这个除非在数据呈现的页面上写访问数据库的逻辑才有用啊，呵呵，不知道对不对？

不是的，就算只是一个静态的html页面，包含这个组件页面，在页面加载完之前，都会给用户提示。

15 楼 bat0906 2007-04-21

了谢了

14 楼 soso 2007-04-20

13 楼 fantasy 2007-04-17

2。0版本支持跨浏览器 http://kiral.iteye.com/blog/67813

12 楼 lz_cleaner 2007-04-04

真的不错，我已经应用到了我的工作中了。

11 楼 fantasy 2007-04-04

HexUzHoNG 写道

<html>
	<head>
	</head>
	<body>
		<div id="target">页面加载完后，我就滚蛋了。。。</div>
	</body>
	<script>
			if (window.attachEvent) {
				window.attachEvent("onload", remove);
			} else if (window.addEventListener) {
				window.addEventListener("load", remove, false);	
			}
			
			function remove() {
				var div = document.getElementById("target");
				document.body.removeChild(div);
			}
	</script>	
</html>

Firefox2.0.0.3, IE6 下通过测试

Thank you!我也测试了下，的确可以。我在第2个版本中使用了你提供的方法。
而且也支持侵入性，其他页面照常调用自己的js方法。不会受到这个组件的影响！

10 楼 a3mao 2007-04-04

看看先

9 楼 HexUzHoNG 2007-04-03

<html>
	<head>
	</head>
	<body>
		<div id="target">页面加载完后，我就滚蛋了。。。</div>
	</body>
	<script>
			if (window.attachEvent) {
				window.attachEvent("onload", remove);
			} else if (window.addEventListener) {
				window.addEventListener("load", remove, false);	
			}
			
			function remove() {
				var div = document.getElementById("target");
				document.body.removeChild(div);
			}
	</script>	
</html>

Firefox2.0.0.3, IE6 下通过测试

8 楼 cozone_柯中 2007-04-03

quaff 写道

fantasy 写道

zack 写道

不错哦，先下载了试一下，期待楼主继续努力，最好支持firefox

恩，我也在思考这个问题，如何支持firefox？主要是里面用到了仅IE支持的方法。

onload事件触发的时候删除div

可以参考网易邮箱的loading实现方式, 那是用多框架来实现的.效果还不错

7 楼 quaff 2007-04-03

fantasy 写道

zack 写道

不错哦，先下载了试一下，期待楼主继续努力，最好支持firefox

恩，我也在思考这个问题，如何支持firefox？主要是里面用到了仅IE支持的方法。

onload事件触发的时候删除div

6 楼 HexUzHoNG 2007-04-03

fantasy 写道

zack 写道

不错哦，先下载了试一下，期待楼主继续努力，最好支持firefox

恩，我也在思考这个问题，如何支持firefox？主要是里面用到了仅IE支持的方法。

哪些方法仅IE支持，列出来看看。。

5 楼 cozone_柯中 2007-04-03

有一个比较简单的实现方法

4 楼 fantasy 2007-04-03

zack 写道

不错哦，先下载了试一下，期待楼主继续努力，最好支持firefox

恩，我也在思考这个问题，如何支持firefox？主要是里面用到了仅IE支持的方法。

3 楼 lformat 2007-04-02

试试看。谢谢

2 楼 cozone_柯中 2007-04-02

先看看

1 楼 zack 2007-04-02

不错哦，先下载了试一下，期待楼主继续努力，最好支持firefox

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论