2013-06-30 2 views
2

.ascx로 작성된 코드가 있으며 로그인 버튼으로도 사용됩니다. 브라우저가 사용자 페이지로 이동하기 전에 loading.gif를 어떻게 표시합니까?로그인 버튼을 클릭했을 때 loading.gif를 표시하는 방법은 무엇입니까?

<div class="login"> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate>  
    <asp:Button ID="btnlogin" runat="server" Text="Log In" border="0" 
    style="width:47px; height:20px;Background-color:#24b1d7; float:right; text-align:center; cursor:pointer; font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; border:0px; color:#FFFFFF; font-weight:bold; font-size:11px; padding: 1px 0 2px; line-height:0px;" />            
    </ContentTemplate> 
</asp:UpdatePanel> 

+0

가능한 [ASP.NET 디스플레이 "로드 중 ..."메시지가 업데이트 패널을 업데이트하는 동안 메시지] (http://stackoverflow.com/questions/7704171/asp-net-display-loading-message-while-update) -panel-is-updating) – Aristos

답변

1

버튼이 때 loading.gif 버튼의 텍스트를 변경하거나 그 텍스트 비어있는 라벨을 사용하지만,하기의 온 클릭 방법을 사용하여 여기에 은 로그인 버튼 코드 클릭하면 텍스트가 loading.gif 이미지로 변경됩니다. 그런 다음 사용자의 유효성을 검사 할 때이 메서드에 성공 이벤트를 지정합니다.이 이벤트가 실패하면 텍스트가 원래대로 변경되고 "로그인 실패"메시지가 표시됩니다. 그것이 성공하면 페이지는 로그인 한 페이지로 리디렉션됩니다.

관련 문제