Обнаружение источника событий JS

Question

Я работаю над частью своего веб-сайта, где люди могут голосовать за публикации, у меня их много на одной странице, а в каждой публикации есть два изображения, один из которых согласен, а другой - не согласен. Я хочу изменить изображения, поэтому, когда кто-то голосует, согласитесь или нет, изображение меняется, чтобы сказать, что он уже голосовал. Вот мой код:

JPS:

<logic:iterate id="comment" name="Liste_Comments" scope="request"> 
<html:img src="pages/images/ok.png" alt="Vote pour!" paramId="code" paramName="comment" paramProperty="code" onclick="voterComment('pour');"/> 

<html:img src="pages/images/ko.png" alt="Vote contre!" paramId="code" paramName="comment" paramProperty="code" onclick="voterComment('contre');"/>  

     <bean:write name="comment" property="libelle" />  
     <bean:write name="comment" property="subject" /> 
     <br>  
</logic:iterate> 

Сценарий:

<script type="text/javascript"> 
      function voterComment(vote) {    
       var url = "<%=request.getContextPath()%>/VoteComment.do"; 
       new Ajax.Request(url, { 
        parameters: {vote: vote}, 
        onSuccess: function(transport, json) { 
         if (json.error) { 
          alert(json.error); 
         } 
         else{ 
          window.event.srcElement.src = "pages/images/photo.jpg"; 
         } 
        } 
       }); 
      } 
    </script> 

У меня есть проблема, чтобы получить доступ к изображению, которое кликнули !!

Спасибо, ребята, заранее, за ваш большой помочь :)

Answer 1

Вы можете изменять HTML, чтобы отправить значение this в обработчик щелчка. Это будет содержать ссылку на исходный элемент - в этом случае изображение, которое было нажато.

<html:img ... paramProperty="code" onclick="voterComment(this, 'pour');"/> 

Javascript:

function voterComment(sourceImage , vote) {  
    var url = "<%=request.getContextPath()%>/VoteComment.do"; 
    new Ajax.Request(url, { 
     parameters: {vote: vote}, 
     onSuccess: function(transport, json) { 
      if (json.error) { 
       alert(json.error); 
      } 
      else{ 
       sourceImage.src = "pages/images/photo.jpg"; 
      } 
     } 
    }); 
}