Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/01/2012, 07:43
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 2 meses
Puntos: 20
Problema al actualizar el contenido de un campo

Buenas,

Tengo una seríe de elementos <li> (son productos) y cada uno de ellos tiene un boton "me gusta" que he creado y le he añadido una funcion onclick

<span class="btn_megusta"><a onclick="likeOferta(7);return false;" href="#" class="activo">Me gusta</a></span>

El numero de likeOferta es el ID del producto, y esta función la declaro de la siguiente forma.

Código Javascript:
Ver original
  1. function likeOferta(id_oferta_param) { 
  2.     $.ajax({
  3.         type: "POST",
  4.         url: "/ajax/favorito.php",
  5.         data: "oferta_id=" + id_oferta_param + "&accion=" + $(".btn_megusta a").attr("class"),         
  6.         dataType: "json",
  7.         success: function(html){
  8.             $(".fans-count").text(html.votos);
  9.             $(".btn_megusta a").toggleClass("activo");
  10.         }
  11.     });
  12. };

El problema que tengo es que al ser un listado de productos dentro de etiquetas <li>, cuando me devuelve el resultado me lo escribe en todos los productos porque no soy capaz de definir que solo me lo escriba en el producto en el cual ha pulsado el botón.

¿Cómo se lo puedo indicar?
pego la estructura de mi html por si me podéis echar una mano.

Código HTML:
Ver original
  1. <li id="5" class="producto">       
  2. <div class="photos theme-default">
  3. <img alt="" src="no_image.png">
  4. <div class="detalles">
  5. <a class="offer" title="" href="#"></a>
  6. <span class="category"><a href="" title=""></a>
  7. <a href="#" class="sugerir poshytip" title=""></a></span></div></div>
  8.  
  9.     <div class="content_producto">
  10.     <a href="/oferta/29" class="titulo"></a>
  11.     <p class="descripcion"></p>
  12.    
  13.     <div class="estado_producto">
  14.         <div class="like-box clearfix">
  15.             <div class="fans-count">2</div>
  16.             <div class="people-like-it">Personas les gusta</div>                       
  17.              <span class="btn_megusta"><a onclick="likeOferta(10);return false;" href="#" class="activo">Me gusta</a></span>     
  18.              <span class="btn_avisame"><a href="#" class="">Avísame</a></span>                         
  19.         </div>
  20.     </div>                 
  21. </div>
  22. </li>

Muchas gracias de antemano!