Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema al actualizar el contenido de un campo

Estas en el tema de Problema al actualizar el contenido de un campo en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/01/2012, 07:43
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 9 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!

Etiquetas: ajax, contenido, funcion, html, js, php, botones, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:25.