리피터 컨트롤에서 자식 태그 속성 설정

Question

사용자 의견을 표시하는 리피터 컨트롤이 있습니다. 주석은 div 태그에 보관되며 div 태그 내부에는 다른 태그도 있습니다. 부모 태그에 마우스를 올리면 child div 태그가 보이도록 hover 속성을 지정했습니다. 코드를 실행하면 호버 속성은 리피터의 첫 번째 주석 만 작동합니다. 마우스를 다른 주석 위에두면 hover 속성이 첫 번째 주석에 대해 다시 작동합니다. 여기 내 html 코드 `

 <ItemTemplate> 

     <div id="divComnt" class="Dcomment span9" onmouseover="MouseOver_Comment()" onmouseout="MouseOut_Comment()"> 
       <div class="date" >Posted at <%#Eval("DateAdded")%></div> 
       <br/> 
       <p><%# Eval("Comment") %> </p> 
       <br/> 
       <%--reply buttons--%> 
       <div id="Div_replyLinks" class="bottom pull-left replyLink" style="margin:3px 1px 3px 1px"> 

       <a href="#" title="Katılıyorum"><i class=" icon-thumbs-up"></i> </a> 
       <a href="#" title="Katılmıyorum"><i class=" icon-thumbs-down"></i> </a> 
       <a href="#" title="Bence..."><i class="icon-comment"></i> </a> 

       </div> 
      </div> 
      </ItemTemplate> 

      </asp:Repeater>` 

입니다 그리고 여기 자바 스크립트

function MouseOut_Comment() { 
     var div = document.getElementById("Div_replyLinks"); 
     div.style.visibility = 'hidden'; 
    } 
    function MouseOver_Comment() { 

     var div = document.getElementById("Div_replyLinks").; 
     div.style.visibility = 'visible'; 
    } 

입니다 그리고 여기에 시각 도구에 대한 link입니다. (불행하게도, 내가 인해 평판의 부족에 이미지를 업로드 할 수 없습니다) 이미지에서 볼 수 있듯이 활성 코멘트 div는 두 번째이지만 첫 번째에는 답장 버튼 아이콘이 표시됩니다.

Answer 1

좋아, 문제를 해결하는 방법을 찾았습니다. 나는 visibility 속성을 변경하고자하는 div의 id 값으로 < % # Container.ItemIndex %>를 사용했습니다. 그런 다음 <퍼센트 번호를 보내 Container.ItemIndex %>

다음

하면 코드를

<asp:Repeater ID="RptComments" runat="server" > 

     <ItemTemplate> 

     <div id="DivComnt" class="Dcomment span9" onmouseover="MouseOver_Comment('<%#Container.ItemIndex%>')" onmouseout="MouseOut_Comment('<%#Container.ItemIndex%>')"> 
       <div class="date" >Posted at <%#Eval("DateAdded")%></div> 
       <br /> 
       <p style="margin:2px 5px 2px 5px"><%# Eval("Comment") %> </p> 
       <br /> 
       <%--reply buttons--%> 
       <div id="<%#Container.ItemIndex%>" class="bottom pull-right replyLink" style="margin:3px 1px 3px 1px"> 
       <a href="#" title="Katılıyorum"><i class=" icon-thumbs-up"></i></a> 
       <a href="#" title="Katılmıyorum"><i class=" icon-thumbs-down"></i></a> 
       <a href="#" title="Bence..."><i class="icon-comment"></i></a> 
       </div> 
      </div> 
      </ItemTemplate> 
      </asp:Repeater> 

입니다 그리고 여기에 자바 코드 자바 함수의 인수로 :

function MouseOver_Comment(id) { 
     var div = document.getElementById(id); 
     div.style.visibility = 'visible';    
    } 
    function MouseOut_Comment(id) { 
     var div = document.getElementById(id); 
     div.style.visibility = 'hidden'; 
    }