2012-03-03 2 views
-2

버튼 onclick 기능 중에 진행 이미지를 표시해야합니다. 여기 내 jQuery 코드 조각이다. 나는 사용자가 로그인이 제발 도와주세요 동안 진행 이미지를 표시해야 위의 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> 

: 여기

$(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 코드 로그인 버튼 기능의 코드.

답변

2

마스킹 플러그인 중 일부를 사용해 보거나 블록 UI와 같은 플러그인을 마스킹하는 가장 간단한 방법으로 컷 코드를 작성할 수 있습니다. 여기에 샘플이 있습니다

Jquery BlockUI Sample on click