2012-05-08 14 views
0

私のアプリケーションでは、index1.htmlからindex2.htmlに移動すると、サーバーから大量のデータを取得し、ローカルデータベースに格納し、onloadでローカルデータベースからデータを取得している間に黒い画面が表示されます黒い画面が表示されたときに進行状況バーを表示する方法、またはその黒い画面を削除する方法を教えてください。Android:アプリケーションのBlackScreen

更新

<!DOCTYPE HTML> 
<html> 
    <head> 
    <meta name="viewport" content="user-scalable=no" /> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>Login</title> 
<script type="text/javascript" charset="utf-8" src="js/phonegap-1.0.0.js"></script> 
    <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8"> 
    <script type="text/javascript"> 

function submit() 
{ 
alert("welcome"); 
window.open("index2.html");//while loading index2.html i need the progress bar 
} 
</script> 
<style type="text/css"> 
.ex2{ 
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    border-color:#FBB917; 
    border: 1px solid; 
    } 
    body { 
     font-family:Arial,Geneva,Verdana,sans-serif; 
     font-size: 0.8em; 
     overflow-x: hidden; 
    } 
    #loadingScreen { 
     background: url(images/ajax-loader.gif) no-repeat 5px 8px; 
     padding-left: 25px; 
    } 
    /* hide the close x on the loading screen */ 
    .loadingScreenWindow .ui-dialog-titlebar-close { 
     display: none; 
    } 
    </style> 
    </head> 
    <body > 

    <input type="button" style="width:80%" value="Submit" onClick="submit()"/> 
    </body> 
</html> 

Androidのコード

public class MobilyzerActivity extends DroidGap { 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     // setContentView(R.layout.main); 
     super.loadUrl("file:///android_asset/www/index.html"); 
    } 
} 
+0

コードスニペットを投稿してください。 –

+0

@Andro私のコードを更新しました – Ela

+0

index2.htmlページでphonegapスクリプトを再度呼び出していますか? –

答えて

0

あなたはJQueryMobileのようなフレームワークを使用している場合は、読み込みダイアログを表示するオプションがあります。 示す

$.mobile.showPageLoadingMsg() 

$.mobile.hidePageLoadingMsg() 

あなたはプレーンなHTMLを使用していることを隠して?任意のフレームワーク??

+0

私のコードを更新しました。 – Ela