2013-02-14 54 views
0

我是很新的html5cssjavascript。我在android开发中有知识。 现在我已开始研究phonegap项目。Progressdialog为PhoneGap的项目

在我的项目,我想表现出装载机就像一个progressdialog在android系统,当从一个屏幕应用程序移动到另一个屏幕或加载的东西。

任何人都可以帮助我在html5中做到这一点?

+0

您使用jQuery Mobile的或煎茶触摸或其它JS库this以上链接的想法? – MikeIsrael 2013-02-14 09:52:09

+0

我没有使用任何js库。 – surendra 2013-02-14 10:19:37

+0

你如何移动你的屏幕?如果您没有使用常见的html5移动库,框架,或者我们没有示例代码来知道您是如何浏览不同视图的,那么没有人可以为您提供示例代码。 – cliffbarnes 2013-02-14 15:02:06

回答

0

一个简单的解决办法是只创建一个基于CSS微调元素,并通过您的js在需要时将其设置为隐藏/可见。

我搜查,发现吨的例子online here is one for example

+0

你可以给任何示例代码。 – surendra 2013-02-14 10:56:24

+0

为链接添加了一个示例,但只需在谷歌中搜索“css spinner”即可找到吨。 – MikeIsrael 2013-02-14 11:27:59

3

我有类似的需求。我能够使用导航器对象来完成它。请从下面的示例代码 在后台加载数据

function someJSFunctionLoadingData() { 
    navigator.notification.activityStart("Your message....", "loading"); 
    ////// some activity 
    navigator.notification.activityStop(); 

}

而且方便浏览,你可以使用引入一个小的延迟(2秒),并让进度条加载在那段时间,然后直接用户到你需要的网址。下面是相同

function loadMyUrl(){ 
    navigator.notification.activityStart("Loading some url....", "loading"); 
    setTimeout(function loadMyUrl(){ 
         navigator.app.loadUrl('file:///android_asse/www/someurl.html'); 
         navigator.notification.activityStop(); 
         }, 2000); 
} 

的例子,我从