apicloud apicloud

注册
查看: 6725|回复: 7

[APP开发技巧] OpenFrame增加进度条showProgress的方法和实例

新手上路

UID:129587

主题:
7
帖子:
33
云币:
140

[APP开发技巧] OpenFrame增加进度条showProgress的方法和实例

6725 7 | 发表于 2015-11-17 11:06:44 |阅读模式 | |
本帖最后由 邓振华 于 2015-11-17 11:13 编辑
  1. <body>
  2.     <div id="wrap">
  3.         <div id="main">
  4.                
  5.         </div>
  6.     </div>
  7. </body>
  8. <script type="text/javascript" src="./script/api.js"></script>
  9. <script type="text/javascript">
  10.     apiready = function(){
  11.         var connectionType = api.connectionType;
  12.         if(connectionType=="none"){
  13.            Jurl="html/no_wifi.html";
  14.         }else{
  15.            Jurl="http://www.quandazhe.com/?f=android";
  16.         }
  17.                 //frame的高度为当前window高度减去header和footer的高度
  18.                 var frameH = api.winHeight;
  19.         api.openFrame({
  20.             name: 'main',
  21.             url: Jurl,
  22.             bounces: true,
  23.             rect: {
  24.                 x: 0,
  25.                 y: 0,
  26.                 w: 'auto',
  27.                 h: frameH
  28.             },
  29.             showProgress:true,            
  30.         });
  31.       
  32.     };
  33. </script>
复制代码
上面showProgress:true, 是增加进度条的参数。打开网址是外网http://,内部网页同理。

上面实例还做了是否联网的判断,没有联网的情况下,跳转到:no_wifi.html页面。
1

查看全部评分

新手上路

UID:200865

主题:
3
帖子:
7
云币:
26
发表于 2015-11-21 09:16:30 |
这个不是进度条,是ios的黑块进度提升。我建议添加safari那种网页上边一条彩色进度条的方式,更美观。

主题:
150
帖子:
1460
云币:
1238

我李白贼6中秋节APICloud粉丝连续签到100天APICloud毕业勋章APICloud骨灰粉模块开发者签到党土豪志愿者一周年社会摇老司机你吃屎!女朋友

发表于 2015-11-17 11:12:52 |
这是提问题 ?还是?
专业团队接单APP开发,请私聊QQ:3229484129

新手上路

UID:129587

主题:
7
帖子:
33
云币:
140
 楼主| 发表于 2015-11-17 11:14:12 |

不是,这是个实例啊,方便那些需要的人。
发现论坛里有人问不知道怎么加进度条和检查是否联网,所以就做了实例给需要的人参考。。。

主题:
150
帖子:
1460
云币:
1238

我李白贼6中秋节APICloud粉丝连续签到100天APICloud毕业勋章APICloud骨灰粉模块开发者签到党土豪志愿者一周年社会摇老司机你吃屎!女朋友

发表于 2015-11-17 11:45:49 |
下次去分享区发
专业团队接单APP开发,请私聊QQ:3229484129

新手上路

UID:98617

主题:
4
帖子:
7
云币:
109
发表于 2016-2-3 15:13:24 |
谢谢楼主

主题:
0
帖子:
14
云币:
106
发表于 2016-4-18 12:15:34 |
判断没联网 能不能不转到其他页面,而是提示一下,然后中断操作?

新手上路

UID:344328

主题:
21
帖子:
102
云币:
155
发表于 2016-7-12 15:02:15 |
cdenji852 发表于 2016-4-18 12:15
判断没联网 能不能不转到其他页面,而是提示一下,然后中断操作?

你这样做了没。怎么做到的啦
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表