paginacion con ajax

[oms02]

Estoy haciendo una paginacion con ajax y php, pero la propia paginacion en si no me funciona (el pinchar sobre el link y q t lleve a la pagina).

Utilizo jquery para hacer esta accion, pero por alguna razon no me funciona:

Este es el jquery donde estoy casi seguro de que esta el error. Es un archivo externo al .php

El archivo .php al que mando el valor con jquery-->ajax es el mismo archivo .php en el que se ejecuta todo el codigo.

Código:

$(document).ready(function(){
$("a.pasopagina").click(function(){
	var pag_actual=$(this).attr("id");
	$.ajax({
	contentType: "application/x-www-form-urlencoded",
	type: "POST",
	url: "ranks/rank.php",
	data: "pag_actual="+pag_actual,
	success: function() {
	$('div#central').load("ranks/rank.php", null, null);
	}
	});
});
});

El principio del codigo .php

Código:

$longitud=25;
if(!isset($_REQUEST['pag_actual']))
	{
	$_REQUEST['pag_actual']=1;
	$inicio_consult=0;
	}
else
	{
	$pag_actual=$_REQUEST['pag_actual'];
	$inicio_consult=($pag_actual-1)*$longitud;
	}

y en la misma pagina, el codigo donde hago los links con la paginacion:

Código:

if ($total_pags>1)
{
    for ($k=1;$k<=$total_pags;$k++)
	{
	?>
<div><a href="" class="pasopagina" id="<?php echo $k ?>"><?php echo $k ?></a>
        </div> &nbsp
	<?php
        }
}

No se muy bien como "recargar" la pagina y mandar el valor....

alguna ayuda porfavor???...

[Dany_s]

con $.ajax ya estás enviando los parámetros a rank.php, en success llamas a rank.php con load

eliminá $('div#central').load("ranks/rank.php", null, null); y usa los datos que te devuelve la funcion en success

Código Javascript:

success: function (data){
      $('div#central').html(data);
}
 

[oms02]

muchisimas gracias.



...y un 0 para mi.....vaya fallo mas tonto...

[oms02]

genial, ahora el problema es que con este codigo (lo he cambiado muy ligeramente), no me ejecuta la accion mas que una vez...

Código:

$("div.pasopagina").each(function(){
	$(this).click(function(){
		var pag_actual=$(this).attr("id");
		$.ajax({
		contentType: "application/x-www-form-urlencoded",
		type: "POST",
		url: "ranks/rank.php",
		data: "pag_actual="+pag_actual,
		success: function(data) {
			$('div#central').html(data);
			}
		});
	});
});

no entiendo mucho de jquery, pero creo q he colocado bien el each...no????

p.d: el error no esta en el selector, lo he cambiado solo a div (sin <a></a>).

[Dany_s]

porque los nuevos links de la paginación lo creaste dinamicamente al traer desde el php con ajax y no tiene eventos asignados, el evento "click" no gestiona

para eso usas el evento "live" para el click

en vez de
$(this).click(function(){

usá
$(this).live("click" ,function(){

[oms02]

hola Dany_s. Me lo has vuelto a solucionar.

te debo una. Muchisimas gracias.

[mayid]

Mirando así rapido me llama la atención que sobreescribas la información dentro de tu bucle:

$('div#central').html(data);

A cada iteración estas sobreescribiendo el contenido de #central?

[oms02]

Si. En realidad me plantee cargar el resultado solo en el div correspondiente, pero de momento tengo muy poco codigo y lo deje asi...


malo???

[rigeliux1]

oms02, te voy a comentar lo que a mi me ha funcionado, no es la mejor manera pero ha funcionado de maravilla... el chiste para que te funcione mas de una ves, es que en el nuevo contenido cargado tambien agregues el
$(document).ready(function(){
}

y la funcion que quieras realizar, weno, como dije, almenos a mi asi me ha funcionado, espero te sriva

[oms02]

gracias rigeliux. El codigo solo era un extracto. Esta todo metido dentro de un $(document).ready

gracias de todas formas.