Android - ボタンクリックで進捗状況ダイアログを表示

-2

ボタンonclick機能中に進捗画像を表示する必要があります。ここに私のjqueryのコードスニペットは、次のとおりです。Android - ボタンクリックで進捗状況ダイアログを表示

$(function() { 
    $('#loginButton').click(function() { 
     db = openDatabase("DBNAME", "1.0", "DBNAME", 200000); 

      createAndroidMetadataTable(); 
      insertAndroidMetadataTable(); 
     function reachableCallback(reachability) { 
      // There is no consistency on the format of reachability 
      var networkState = reachability.code || reachability; 

      var states = {}; 
      states[NetworkStatus.NOT_REACHABLE]      = 'No network connection'; 
      states[NetworkStatus.REACHABLE_VIA_CARRIER_DATA_NETWORK] = 'Carrier data connection'; 
      states[NetworkStatus.REACHABLE_VIA_WIFI_NETWORK]   = 'WiFi connection'; 

      alert('Connection type: ' + states[networkState]); 
     } 

    }); 

    document.addEventListener("deviceready", onDeviceReady, false); 

});

、ここでは私のHTMLコードは次のとおりです。私は、ユーザーがログインする間、進行状況の画像を表示する必要が上記のHTMLのdivタグで

<div data-role="header" data-position="fixed"> 
<h1>Download Data</h1> 
<div class="ui-body ui-body-b"> 
     Email: <input type="text" name="userid" id="useridBox" value="" data-theme="a" /> 
    Password: <input type="password" name="passwd" id="passwdBox" value="" data-theme="a" /> 
    <button type="submit" data-theme="a" id="loginButton">Login</button> 

</div>

私を助けてください。ログインボタン機能のコードを使用します。

出典

2012-03-03 Avadhani Y