12 / 2 页下一页

论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2006-11-21 10:39 |只看该作者 |倒序浏览

请问怎么用XAJAX实现loading...效果？

文库|博客

yueliangdao0608

广告杀手

论坛徽章:: 0

2楼 [报告]

发表于 2006-11-21 11:28 |只看该作者

如何创建Loading...信息？
　　xajax提供了一个简单但是重要的功能，那就是在xajax 进行服务器调用时模拟反馈用的“Loading...”信息。xajax已经定义了两个 Javascript函数：xajax.loadingFunction()和xajax.doneLoadingFunction()，你可以用你自己定义的Javascript函数来重新定义它们以满足项目的需要，例如：
JavaScript:

1.
xajax.loadingFunction = myCustomLoadingFunction;

或者
JavaScript:

1.
xajax.loadingFunction = function()[xajax.$('loadingBar').style.display='block';];

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

Fevo

白手起家

论坛徽章:: 0

3楼 [报告]

发表于 2006-11-21 14:13 |只看该作者

回复 2楼 yueliangdao0608 的帖子

非常谢谢.

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

eye_onme

丰衣足食

论坛徽章:: 0

4楼 [报告]

发表于 2006-11-22 00:58 |只看该作者

<div id=load>loading...</div>

xajax完成替换这个标记就好你看很多地方都这么干

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

Fevo

白手起家

论坛徽章:: 0

5楼 [报告]

发表于 2006-11-22 09:33 |只看该作者

我在网上找到下面的例子：因为他是为了测试用的，所以他用了sleep(2)，就是停了2秒什么都不做，现在想换成当数据载入完成时再结束loading...应该怎么做才好一点呢？谢谢。。

1.
   <?php
2.
   require("xajax.inc.php");
3.

4.
   function slow_function()
5.
   {
6.
      $objResponse = new xajaxResponse();
7.
      sleep(2); //we'll do nothing for two seconds
8.
      $objResponse->addAlert("All done");
9.
      return $objResponse;
  10.
   }
  11.

  12.
   $xajax = new xajax();
  13.
   $xajax->registerFunction('slow_function');
  14.
   $xajax->processRequests();
  15.
   ?><html>
  16.
      <head>
  17.
            <title>Loading Bar Demo</title>
  18.
            <? $xajax->printJavascript(); ?>
  19.
      </head>
  20.
      <body>
  21.
            <script type="text/javascript">
  22.
            </script>
  31.
            <input type="button" onclick="xajax_slow_function();" value="Slow Function" />
  32.
            <div id="loadingMessage" style="font-size: 22px; display: none;">
  33.
               Loading...
  34.
            </div>
  35.
      </body>
  36.
   </html>