Android - отображать диалог хода выполнения при нажатии кнопки

Question

Я должен отображать прогресс изображения во время нажатия кнопки. Вот мой фрагмент кода jquery:

    $( 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-код:

    <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>  

В приведенном выше теге HTML div я должен отображать изображение прогресса, пока пользователь входит в систему. Пожалуйста, помогите мне с кодом в функции кнопки входа.

Answer 1

Вы можете попробовать некоторые плагины для маскировки или написать код cutom, так как самый простой способ - это плагин для маскировки, такой как блочный интерфейс. Вот образец

Образец JQuery BlockUI при нажатии