Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

NetBoy16

[Resolvido] Como faco pra tornar essa paginacao assincrona ?

Recommended Posts

Pessoal, eu tenho 2 divs nesse site que estou fazendo, programação e parque, esses 2 tem paginação, só que quando do clico no próximo de um, ele tb faz a paginação do outro, mas eu também queria aplicar um ajax nos dois, assim não precisando carregar a pagina cada vez que clica em próximo, o codigo dos dois é esse:

 

 

 

 

pagina que faz include dessas 2 paginas

 

<div id="programacao"><?php require 'modulos/programacao.php'; ?></div>
<div id="parque"><?php require 'modulos/parque.php'; ?></div> 

 

 

programacao.php

 

<?php
$pagina = mysql_real_escape_string($_GET['pagina']);
$busca = "select * from eventos where tipo = '1' order by data desc";

// total de registros a serem exibidos por página:
$total_reg = "1";

//se a página não for especificada pagina é igual a 1
if(!$pagina) {
$pc = "1";
} else {
$pc = $pagina;
}

//valor inicial das buscas limitadas.
$inicio = $pc-1;
$inicio = $inicio*$total_reg;

//selecionar os dados
$limite = mysql_query("$busca LIMIT $inicio,$total_reg");
$todos = mysql_query("$busca");

$tr = mysql_num_rows($todos); // verifica o número total de registros
$tp = $tr / $total_reg; // verifica o número total de páginas


//"Anterior e próximo"
$anterior = $pc -1;
$proximo = $pc +1;

$proximo2 = $proximo - 1;
//visualização

$total = mysql_num_rows($limite);

$colunas = "2";

if ($total>0) {
   for ($i = 0; $i < $total; $i++) {
       if (($i%$colunas)==0) {


   }
$dados = mysql_fetch_array($limite);
$evento = $dados['id_evento'];
$foto = $dados['foto']; 
   $titulo = utf8_encode($dados["titulo"]);
$subtitulo = utf8_encode($dados["subtitulo"]);
$texto = utf8_encode($dados["evento"]);

echo "
	<div style='float:left; width:250px; height:230px; margin-top:80px; text-align:left; padding-left:10px;'><img src='../fotos/$foto' alt='foto' width='150' height='150' /><br/><p style='font-weight:bold;'>$titulo</p></div>
	<img src='../images/barra.png' alt='barra' style='margin-top: 70px; margin-right: 190px;'/>
	<div style='float:right; width:250px; height:230px; margin-top:-250px;'><p style='font-weight:bold'>$subtitulo</p><br/><p>$texto</p></div>
";
}

} else {
   echo "<p>Nenhuma programação encontrada !</p>";
}
?>
<?php

if($pc>1) {
echo "

<a href='?pagina=$anterior&id_evento=$evento'><img src='../images/back.png' alt='voltar' style='margin-top: -230px; margin-left: 400px;' /></a>";
}
echo "";
if($pc<$tp) {
echo "

<a href='?pagina=$proximo&id_categoria=$categoria'><img src='../images/next.png' alt='avancar' style=' margin-left: 400px; margin-top: -20px;'  /></a>";
}

?>

 

parque.php

 

<ul>
<?php
$paginapark = mysql_real_escape_string($_GET['pagina']);
$buscapark = "select * from produtos where categoria = '16' order by id_produto asc";

// total de registros a serem exibidos por página:
$total_regpark = "1";

//se a página não for especificada pagina é igual a 1
if(!$paginapark) {
$pcpark = "1";
} else {
$pcpark = $paginapark;
}

//valor inicial das buscas limitadas.
$iniciopark = $pcpark-1;
$iniciopark = $iniciopark*$total_regpark;

//selecionar os dados
$limitepark = mysql_query("$buscapark LIMIT $iniciopark,$total_regpark");
$todospark = mysql_query("$buscapark");

$trpark = mysql_num_rows($todospark); // verifica o número total de registros
$tppark = $trpark / $total_regpark; // verifica o número total de páginas


//"Anterior e próximo"
$anteriorpark = $pcpark -1;
$proximopark = $pcpark +1;

$proximo2park = $proximopark - 1;
//visualização

$totalpark = mysql_num_rows($limitepark);

$colunaspark = "2";

if ($totalpark>0) {
   for ($ipark = 0; $ipark < $totalpark; $ipark++) {
       if (($ipark%$colunaspark)==0) {


   }
$dadospark = mysql_fetch_array($limitepark);
  $fotopark = $dadospark["foto"]; 
  $nomepark = utf8_encode($dadospark["nome"]);
  $thumbpark = '../fotos/thumbs/t'.$fotopark;

echo "<li style='list-style:none;'><a href='../fotos/$fotopark' class='lightbox' title='$nomepark'><img src='$thumbpark' border='0' width=260 height=170></a><br/><br/><p>$nomepark</p></li>";	

}

} else {
   echo "<p>Nenhuma foto encontrada !</p>";
}
?>
</ul>
<?php

if($pcpark>1) {
echo "

<a href='?paginapark=$anteriorpark&id_evento=$evento'><img src='../images/back2.png' alt='voltar' style='position: relative; top: -250px;right: 150px;' /></a>";
}
echo "";
if($pcpark<$tppark) {
echo "

<a href='?paginapark=$proximopark&id_categoria=$categoria'><img src='../images/next2.png' alt='avancar' style='position: relative; top: -250px;left: 150px;' /></a>";
}

?>



<!--<ul>
//<?php 
//								require 'admin/conn.php';
//								
//								$sql= "select * from produtos where categoria = 16 order by id_produto asc"; 
//								
//								$result = mysql_query($sql, $connection) or die ("não foi possível selecionar");
//								
//										while ($row=mysql_fetch_array($result)) {
//								
//									  
//									   $foto = $row["foto"]; 
//									   $nome = utf8_encode($row["nome"]);
//									   $thumb = '../fotos/thumbs/t'.$foto;
//									 
//									   echo "<li><a href='../fotos/$foto' class='lightbox' title='$nome'><img src='$thumb' border='0' width=260 height=170></a><br/><br/><p>$nome</p></li>";
//
//				
//								}
//								?>

</ul>
-->

 

 

 

 

 

Entao, como faco pra tornar isso assincrono? alguem por favor pode me ajudar ? :cry:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, eu sei que é por ajax, mas que eu digo assim, o codigo, entende, tem algum exemplo ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu costumo fazer assim

 

eu uso jquery pra fazer ajax...num php eu faço a tabela e os links pra paginacao e os carrgo por ajax, uso um live click pra quando clicar num link da paginacao, ele manda isto por ajax la no php da paginacao q remonta a tabela nova com outros registros, vou passar os links pra você estudar, ok?

 

assim q carregar a pagina use isto para carregar a primeira parte da tabela, ou paginacao 0

 

http://api.jquery.com/load-event/

 

isto para tornar os links ativos depois de carregados na pagina, os html como links,js etc carregados por ajax nao estao ativos quando mostrados, entao precisa disto

 

http://api.jquery.com/live/

 

e isto para carregar um outro link de paginacao, tipo, o usuario clicar na pagina 5 por exemplo...

 

http://api.jquery.com/jQuery.ajax/

 

 

vai montando seu script e depois demos um parpite ae...

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao precisa mais, fiz com jcaroussel, vlw :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.