submit 할 때 progess bar 대화 상자를 표시하십시오.

Question

가능한 모든 포스트 백에서 스타일이 지정된 팝업을 표시하고 싶습니다. 예를 들어 Loading ...이라고 말하면됩니다. 그 수행 방법이나 tecnology가 사용하는 방법을 모르겠습니다. 수퍼 클래스에 코드를 두어 코드를 한 번만 작성해야합니다. 원칙적으로 제출 버튼을 누르면 페이지가 숨겨집니다. 도와주세요.

편집 : 이렇게해야합니다. 페이지가 있고 iframe이있는 jquery 대화 상자가 열려 있고 제출 버튼이 있습니다. 양식을 제출할 때 양식이있는 대화 상자가 숨겨져 있어야하며 새로 고치는 대화 상자가 나타납니다. 작업이 끝나면이 대화 상자는 숨겨야합니다.

Answer 1

당신은 같이 페이지의 form에 onsubmit 트리거를 사용하는 것을 수행 할 수 있습니다 자바 스크립트에

<form id="form1" runat="server" onsubmit="return disableForm(this);"> 
... 
</form> 

것은 내가 할 것은 최초의 제출에 내가 제출하게 클릭하고 가까운/열어야입니다 내가 좋아하는 대화. 사용자가 제출을 두 번 클릭하면 나는 그에게 메시지를 보여주고 두 번째 제출을 중단합니다.

var submitted = false; 
function disableForm(theform) { 
     if (true == submitted) { 
      alert("form already submitted... please wait..."); 
      return false; 
     } 
     else {    
      // here you close the dialog, open an other 
      submitted = true; 
      return true; 
     } 
} 

나는 당신이 그것에 대해 어떤 단서/코드를 제공하지 않기 때문에 당신이 열 대화 상자를 닫는 방법을 쓸 수 없습니다,하지만 난 그게 쉽게 될 것이라 생각합니다.

Answer 2

업데이트 패널을 사용 중이라고 가정합니다. 이 하나의 이미지 "LoadingImage"

<script type="text/javascript" language="javascript"> 
     Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandle); 
      Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandle); 
      function beginRequestHandle(sender, Args) { 
    document.getElementById("LoadingImage").style.visibility = "visible"; 

      //Do something when call begins. 
      } 

    function endRequestHandle(sender, Args) { 
    document.getElementById("LoadingImage").style.visibility = "hidden"; 
    } 
      </script> 

는 그것이 무엇을이 때 아약스 전화를 시작하고 완료 될 때 숨길 이미지를 보여줍니다 같은 핸들러가 필요합니다. 당신은 목적에 따라 움직이는 gif를 사용할 수 있습니다.