2010-08-24 9 views
2

나는 표준 ASP 버튼을 가지고에 트리거를 클릭 :ASP.NET - 버튼을 클릭하면 배경 이미지의 위치를 ​​어떻게 바꿀 수 있습니까?

protected void btnDealItem_Click(object sender, EventArgs e) 
{ 
    divMyDiv.Style.Add("background-position", "70px 0"); 
} 

문제는 버튼을 오른쪽으로 70 픽셀 이동하지 않는 배경을 클릭하면된다.

올바른 방법인가요? 문법의 문제입니까?

+0

어떻게이 루크와 함께하고 있습니까? –

답변

1

당신이 JQuery와 함께 클라이언트 측에서 그것을 할 수 있습니다 : 당신이 버튼의 클릭 이벤트에 다른 작업을 수행하지 않으려는 사용자 코드에서 가정입니다 http://jquery.com/

. 줄 return false;은 단추가 페이지를 다시 게시하지 못하도록합니다.

$(document).ready(function() { 
    $("#" + <%= btnDealItem.ClientID %>).click(function() { 
      $(this).attr("style", "background-position:70px 0;"); 
      return false; 
    }); 
}); 

또는

<style> 
    .backgroundshift { 
     background-position: 70px 0; 
    } 
</style> 


$(document).ready(function() { 
    $("#" + <%= btnDealItem.ClientID %>).click(function() { 
      $(this).addClass("backgroundshift"); 
      return false; 
    }); 
}); 
0

문제는 버튼을 클릭 한 후 서버 측에서 정의되는 스타일입니다. 간단한 시나리오는 다음과 같습니다.

  1. 서버가 처음으로 페이지를 렌더링합니다.
  2. 사용자가 버튼을 클릭합니다.
  3. 서버에서 button_click 이벤트를 호출합니다.
  4. 서버가 페이지를 렌더링합니다.
  5. 사용자는 배경 이미지 위치가 변경된 단추를 볼 수 있습니다.

버튼을 클릭 한 후 즉시 변경하려면 자바 스크립트를 통해 클라이언트 측 스크립팅을 사용하십시오.

관련 문제