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

Problema con ajax y muro tipo facebook utilizando zebra_pagination

Estas en el tema de Problema con ajax y muro tipo facebook utilizando zebra_pagination en el foro de Frameworks JS en Foros del Web. Hola colegas. He estado viendo un tuto donde me explicaban como trabajar con zebra pagination. todo resulto facil cuando hice el tuto, pero a la ...
  #1 (permalink)  
Antiguo 20/11/2012, 09:03
Avatar de llorcasantana  
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 12 años, 1 mes
Puntos: 2
Problema con ajax y muro tipo facebook utilizando zebra_pagination

Hola colegas. He estado viendo un tuto donde me explicaban como trabajar con zebra pagination. todo resulto facil cuando hice el tuto, pero a la hora de implementarlo en mi web me da problemas. A ver, me sale bien pero la cuestion es la siguiente. Tengo este codigo
Código Javascript:
Ver original
  1. $(function() {
  2.             var paginacion = $('.pagination');
  3.              // 1. Ocultar paginacion
  4.              paginacion.hide();
  5.              // 2. Agregar link de "mostrar mas"
  6.               paginacion.after('<div class="mostrar-mas"><a href="#">Mostrar mas</a></div>');
  7.             // 3. Buscar nuevos resultados con ajax en pagina siguiente
  8.             $('.mostrar-mas a').on('click', function(e) {
  9.              e.preventDefault();
  10.               $.ajax({
  11.               type: 'GET',
  12.               url: $('.pagination li.next a').attr('href'),
  13.               success: function(html) {
  14.             //      3.1 Obtener paises nuevos
  15.              var nuevosPaises = $(html).find('table tbody'),
  16.                nuevaPag         = $(html).find('.pagination'),
  17.              tabla        = $('table');
  18.           //      3.2 Agregar paises a la tabla
  19.                tabla.find('tbody').append(nuevosPaises.html());
  20.           //      3.3 Actualizar link de "mostrar mas"
  21.            tabla.after(nuevaPag.hide());
  22.                }
  23.             });
  24.          });
  25.         });

en la parte del codigo
Código Javascript:
Ver original
  1. var nuevosPaises = $(html).find('table tbody'),

el me busca la tabla tbody y me muestra los resultados siguientes. pero como tengo mas de una tabla me desorganiza la pagina mostrandome todas las tablas en la misma pagina. Hay alguna manera de utilizar ese codigo con una tabla en especifico???

saludos de antemano
__________________
Si crees que estuvo bueno el post, no crees que mereceria un poco de karma?
  #2 (permalink)  
Antiguo 20/11/2012, 14:12
Avatar de llorcasantana  
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 12 años, 1 mes
Puntos: 2
[RESUELTO] Problema con ajax y muro tipo facebook utilizando zebra_pagination

Ya se donde estaba el problema

La tabla donde me mostraba los registros la encerre dentro de un <div> con class="wall"

luego puse esto
Código Javascript:
Ver original
  1. var nuevosPaises = $(html).find('.wall'),
  2. nuevaPag         = $(html).find('.pagination'),
  3. tabla        = $('table');
  4. //      3.2 Agregar paises a la tabla
  5. tabla.find('.wall').append(nuevosPaises.html());
  6. //      3.3 Actualizar link de "mostrar mas"
  7. tabla.after(nuevaPag.hide());

ya me funciona a la perfeccion. Gracias de todas formas
__________________
Si crees que estuvo bueno el post, no crees que mereceria un poco de karma?

Última edición por llorcasantana; 20/11/2012 a las 14:14 Razón: Posicionando bien el codigo

Etiquetas: ajax, facebook, html, muro, tipo
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 09:37.