1. 디자인 모드에서 클라이언트 히든버튼을 만듬
<input type="hidden" id="hidden0" runat="server" style="width: 32px" />
2. 특정버튼을 클릭할 때 자바스크립트 함수를 호출하도록 설정
<asp:ImageButton ID="ImgBtn0" runat="server" ImageUrl="~/3_MeChul/images/달력.gif" OnClientClick="send()" />
3. 자바스크립트에서는 전달하고 하는 변수값은 1번에서 생성한 input type='hidden'에 넣어줌
<script type="text/javascript">
function send() {
var getX = event.clientX;
var getY = event.clientY;
document.getElementById("<퍼센트= hidden0.ClientID 퍼센트>").value = getX;
document.getElementById("<퍼센트= hidden1.ClientID 퍼센트>").value = getY;
}
</script>
4. 자바스크립트에서 받아온 변수값을 화면에 출력해주도록 하자.
Protected Sub ImgBtn0_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImgBtn0.Click
Label3.Text = hidden0.Value.ToString()
Label4.Text = hidden1.Value.ToString()
End Sub
5. 값이 잘 전달되는지 확인해보자.
이미지 버튼을 클릭하면 클라이언트의 마우스 x,y 좌표값이 화면에 출력되도록 하자.
↑히든버튼 ↑히든버튼
아래 화면의 구현은
1. 버튼 클릭 -> 자바스크립트 함수 실행
2. 자바스크립트 변수를 히든버튼에 입력
3. vs2005 툴에서 히든버튼의 value값을 받아서 Label3/4 에 뿌려줌
[출처] 자바스크립트의 변수를 asp.net 으로 가져오기 (변수공유)|작성자 퍼니
