2010-07-25 60 views
1

我想为我的应用程序中的所有页面添加页面预加载器。就像Gmail在后台加载整个页面时显示的内容。我不想要一个预编码栏,只是在整个页面在后台加载并显示成功加载时立即显示预加载消息的机制。如何为php页面构建页面预加载器?

采取为例网站:http://www.emirates.com/ae/english/只是运行任何航班搜索 - 你看后格兰页面加载预加载的消息。我在这里没有看到任何重定向。

我该如何实现这一点 - 我的网站是使用php和JavaScript构建的。

回答

2

我会使用包装DIV元素为您的<正文>元素的所有内容并通过CSS visibility属性隐藏它。用javascript工作,最后我会显示DIV元素。当DIV元素被显示时,预加载器将被绝对定位并隐藏。

Visibility属性有以下优点:当你改变它看重的布局将准备可见(不作为与财产display

编辑:我认为你可以几乎总是避免预装载机。你可以通过索引加速你的SQL查询。显示较少的结果等等。我个人不喜欢等待,preloader不会安慰我很多。

2

你的HTML写出一个预加载的消息,然后你设置一个javascript onload事件。这个事件调用JavaScript代码来通过AJAX加载你需要的任何数据,然后隐藏加载消息并显示实际页面。

当然,这意味着人们没有JavaScript的都会有问题 - 你要排序的东西他们还是决定你生活中可以没有他们。

地址:哦,你可能要决定你生活中可以没有他们之前检查你所在国家的法律的残疾 - 您可能有法律责任,以使您的网站访问残疾人。我只在使用这种技术的站点上依赖JS,因此他们无法在没有它的情况下运行。注意GMail有2个接口 - 一个JS和一个纯HTML。这是他们如何使他们的服务可访问。

地址:http://code.google.com/p/bobchess/是一些代码,我已经做了这一点。一个加载消息,然后一个onload事件来启动应用程序。

+0

有一些我永远不会想到的 - 关于访问的法律一个由残疾人使用的网站。 – 2010-07-25 12:08:30

0

我同意MartyIX但问题是你的查询系统可以处理的数量,索引是一个选项,但它取决于你的服务器上的交易量。我确实认为我们错过了整点,我们的目的是为了美化网站,所以客户没有看到难看的空白页面,而他们等待着:)