2014-09-12 3 views
0

asp.net에서 html 버튼 클릭 이벤트를 추가해야합니다.ASP.NET에서 html 버튼 클릭 이벤트 추가

<button type="button" data-toggle="tooltip" data-title="Logout" class="btn btn-link"> 
<em class="fa fa-sign-out text-muted"></em> 
</button> 

asp.net 양식 (runat 서버) 태그 외부에 배치해야하므로 여기 html 단추를 사용하고 있습니다. 그래서 링크 버튼을 사용할 수 없습니다. 두 번째로 아이콘을 버튼으로 사용해야합니다. 따라서이 두 가지 작업을 모두 수행 할 수있는 다른 방법이 있다면 제안하십시오. HTML 버튼에서

+0

당신은 아약스 스크립트와 함께 온 클릭 자바 스크립트 이벤트를 사용하여이 작업을 얻을 수 있습니다. – user3806621

+0

샘플을 보내 주시겠습니까 – Dushan

+0

Web Forms Development를 수행 할 때 일반적으로 양식이 몸 안에 있습니다. 그런 다음 원하는 곳 어디에서나 서버 컨트롤을 사용할 수 있습니다. – mason

답변

0

:

<button type="button" data-toggle="tooltip" data-title="Logout" class="btn btn-link" onclick="runLogout()"> 
<em class="fa fa-sign-out text-muted"></em> 
</button> 

자바 스크립트 파일에서 :

var xmlHttp = null; 

function getXmlHttp() { 
    try { 
     xmlHttp = new XMLHttpRequest(); 
    } 
    catch (e) { 
     try { 
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); 
     } 
     catch (e) { 
      try { 
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
      catch (e) { 
       alert(e.description); 
      } 
     } 
    } 
} 

function runLogout() { 
    getXmlHttp(); 

     xmlHttp.onreadystatechange = function() { 
      if (xmlHttp.readyState == 4) { 
       if (xmlHttp.status == 200) { 
        // ... your code here ... 
       } 

       return; 
      } 
     }; 

    xmlHttp.open("POST", "Logout.aspx", true); 
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    xmlHttp.send(null); 
}