2011-10-28 2 views
0

웹 응용 프로그램에서 mouseover 및 mouseout을위한 JavaScript를 작성하여 단추의 색상을 변경합니다. 버튼이 데이터리스트 컨트롤에있을 때 작동하지 않습니다. 버튼이 데이터리스트 컨트롤 밖에있을 때 작동합니다. 이게 제 코드입니다. 제발 도와주세요.ASP.NET의 Datalist 컨트롤을위한 JavaScript?

<script type="text/javascript" > 
function changeImage() 
{  
    document.getElementById("btnView").style.background = "#AD1F13"; 
} 

function changeImage1() 
{ 
    document.getElementById("btnView").style.background = "#005594"; 
} 
</script> 

<asp:DataList ID="dtlstMagazine" class='tableborder' runat ="server" Width ="100%" 
      onitemdatabound="dtlstMagazine_ItemDataBound" 
      onitemcommand="dtlstMagazine_ItemCommand"> 
     <ItemTemplate > 
      <div style="text-align:left; " class="item-title" > 
<asp:LinkButton Font-Underline ="false" ID="ltrlTitle" CommandName="Redirect" CommandArgument='<%# Eval("titleid") %>' Font-Bold ="true" Font-Size ="Medium"   runat="server" Text ='<%# Eval("Title") %>'></asp:LinkButton> 
             </div>        
      <asp:Button ID="Btn_CR1" runat="server" Text="Continue Reading" CssClass='button3' onMouseOver="changeImage()" onMouseOut="changeImage1()" /> </ItemTemplate> </asp:DataList> 
+0

Jaascript 모달 팝업 URL : http://weblogs.asp.net/jeff/archive/2006/ 당신은 당신의 자바 스크립트 방법을 변경하여이 작업을 수행 할 수 있습니다 10/25/Modal_2D00_style-pops-in-Javascript-and-CSS.aspx –

답변

0

실제로 해당 속성을 변경하려면 목록 내의 버튼에 대한 참조가 필요합니다.

function changeImage(obj) 
{  
    obj.style.background = "#AD1F13"; 
} 

과 영문으로 :

<asp:Button ID="Btn_CR1" runat="server" Text="Continue Reading" CssClass='button3' onMouseOver="changeImage(this)" onMouseOut="changeImage1(this)" /> 
+0

Tank you Waqas, 이제 작동 중입니다. –