5 replies to this topic

[ronffer]

tenho essa paginação como altera-la para funcionar com ajax
Como ficaiam os links.

http://forum.wmonlin...42&hl=paginacao

Edição feita por: ronffer, 23/02/2006, 17:31.

[gonacts]

para funcionar com ajax?!


qual seria a sua ideia para poder fazer isso?!

[Goku Jr]

o Balala ou foi o ProgOS , xi num lembro

me ensinou a fazer este tipo de páginação totalmente diferente daquele ^^'.
O nosso caro amigo GENNF chegou até usa-lo em seu sistema

Gonacts pra q server AJAX ?
Você sabe muito bem, sabendo então sobre o assunto você sabe exatamente o que ele quer, digo tem dúvida em fazer

T+

[gonacts]

eh q eu nao imaginei o q ele queria fazer com ajax para poder gerar uma paginação...

mas pensando bem...acho q entendi +/- agora...eh q as minhas paginas costumam ser sempre recarregando a pagina msm..

[Felipe Pena]

O conteúdo que você quer listar, coloque dentro de uma div.
Crie uma função que irá enviar por método GET a página que você quer visualizar, cria um arquivo que irá pegar os resultados referente a página, e imprima o resultado.
Tendo obtido, imprima no arquivo default o que resultou da busca dentro da div, pegando o valor com ObjetoAjax.responseTxt.

É díficil explicar, mais fácil é estudar. : )

[theb]

FAla brother..... de uma olhada ai -> http://www.wbhost.com.br/ajax/

vc só tem q criar a base de dados... hehee... ta brabo aki... fui....



config.php

<?
$dbHost = "localhost";
$dbUser = "root";
$dbPass = "";
$dbName = "ajax";

$dbConexao = mysql_connect($dbHost,$dbUser,$dbPass);
if(!$dbConexao)
{
echo "<span style=\"font-family: verdana; font-size: 12px; color: #FF0000;\"><b>Erro</b> na conexão com o banco...</span><br>".mysql_error();
exit;
}

$dbSelect = mysql_select_db($dbName);
if(!$dbSelect)
{
echo "<span style=\"font-family: verdana; font-size: 12px; color: #FF0000;\"><b>Erro</b> na seleção do banco...</span><br>".mysql_error();
exit;
}
?>

-----------------------------------------

getFuncionarios.php

<?
include_once "config.php";

header("Content-type: text/html; charset=iso-8859-1");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

echo "<center>";
  // Executa query
  $query  = "SELECT * FROM funcionario";
  $result = mysql_query($query);

?>
  <table width="650" border="1" bordercolor="#F9F9F9" cellpadding="2" cellspacing="2">
  <tr align="center" style="font-family: verdana; font-size: 12px; color: #000000; background-color: #EEEEEE;">
    <td width="250px"><b>HORÁRIO</b></td> <td width="250px"><b>NOME</b></td> <td width="150px"><b>CRACHÁ</b></td>
  </tr>
<?
while($arrDados = mysql_fetch_array($result))
{
    ?>
  <tr align="center" style="font-family: verdana; font-size: 10px; color: #000000;">
    <td width="100px"><?=$arrDados[1]?></td> <td width="100px"><?=$arrDados[2]?></td> <td width="200px"><?=$arrDados[4]?></td>
  </tr>

    <?
}

echo "</table>";

?>

------------

getPonto.php

<?
include_once "config.php";

header("Content-type: text/html; charset=iso-8859-1");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

// Executa query
$query  = "SELECT * FROM ponto";
$result = mysql_query($query);

$lpp = 50;       
$total = mysql_num_rows($result); 
$paginas = ceil($total / $lpp); 

if(isset($_GET['pagina']))
{
$pagina = $_GET['pagina'];
}
else
{
$pagina = 0;
}

$inicio = $pagina * $lpp;   
$sql = mysql_query("SELECT * FROM ponto LIMIT $inicio, $lpp");

?>
  <table width="400" border="1" bordercolor="#F9F9F9" cellpadding="2" cellspacing="2">
  <tr align="center" style="font-family: verdana; font-size: 12px; color: #000000; background-color: #EEEEEE;">
    <td width="100px"><b>ID</b></td> <td width="200px"><b>DATA</b></td> <td width="100px"><b>IP</b></td>
  </tr>
<?
while($arrDados = mysql_fetch_array($sql))
{
    ?>
  <tr align="center" style="font-family: verdana; font-size: 10px; color: #000000;">
    <td width="100px"><?=$arrDados[1]?></td> <td width="100px"><?=$arrDados[2]?></td> <td width="200px"><?=$arrDados[4]?></td>
  </tr>

    <?
}

echo "</table>";


if($pagina > 0) {
  $menos = $pagina - 1;
  $url = "java script:getPaginacao($menos);";
  echo "<a href=".$url.">Anterior</a>";
}



for($i=0;$i<$paginas;$i++) {
  $url = "java script:getPaginacao($i);";
  if($pagina == $i)
    echo " | <b>[$i]</b> ";
else
  echo " | <a href=".$url.">$i</a>";
}


if($pagina < ($paginas - 1)) {
  $mais = $pagina + 1;
  $url = "java script:getPaginacao($mais);";
  echo " | <a href=".$url.">Próxima</a>";
}

?>

------

index.php

<?
// Includes
include_once "config.php";

?>
<html>
<head>
<title>Teste AJAX - xmlHttpRequest</title>
<script type="text/javascript" src="script.js"></script>


</head>
<body>

<table align="center" border="1" cellpadding="0" cellspacing="0">
<tr align="center">
  <td width="100px"> <a href="java script:getFuncionarios()">Link 1</a> </td>
  <td width="100px"> <a href="java script:getPonto()">Link 2</a> </td>
  <td width="100px"> <a href="java script:Atualiza3()">Link 3</a> </td>
  <td width="100px"> <a href="java script:Atualiza4()">Link 4</a> </td>
  <td width="100px"> <a href="java script:Atualiza5()">Link 5</a> </td>
</tr>
</table>

<hr><br>

<center>
<div id="resultado"> </div>
<center>

</body>

</html>

------

script.js

//---------- Função: "getFuncionarios" retorna lista de ponto batido - Inicio ----------//
var req;

function loadXMLDoc(url)
{
    req = null;
    // Procura por um objeto nativo (Mozilla/Safari)
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // Procura por uma versao ActiveX (IE)
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

function processReqChange()
{
    // apenas quando o estado for "completado"
    document.getElementById('resultado').innerHTML = "<span style=\"font-family: verdana; font-size: 12px; background-color: #EEEEEE;\">&nbsp;&nbsp;<b>Carregando...</b>&nbsp;&nbsp;</span>";
    if (req.readyState == 4) {
        // apenas se o servidor retornar "OK"
        if (req.status == 200) {
            // procura pela div id="resultado" e insere o conteudo
            // retornado nela, como texto HTML
            document.getElementById('resultado').innerHTML = req.responseText;
        } else {
            alert("Houve um problema ao obter os dados:\n" + req.statusText);
        }
    }
}

function getFuncionarios()
{
    loadXMLDoc("getFuncionarios.php");
}

//---------- Função: "getFuncionarios" retorna lista de ponto batido - Fim ----------//

//------------------------------------------------------------------------------------------------------

//---------- Função: "getPonto" retorna lista de ponto batido - Inicio ----------//
var req;

function loadXMLDoc2(url)
{
    req = null;
    // Procura por um objeto nativo (Mozilla/Safari)
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange2;
        req.open("GET", url, true);
        req.send(null);
    // Procura por uma versao ActiveX (IE)
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange2;
            req.open("GET", url, true);
            req.send();
        }
    }
}

function processReqChange2()
{
    // apenas quando o estado for "completado"
    document.getElementById('resultado').innerHTML = "<span style=\"font-family: verdana; font-size: 12px; background-color: #EEEEEE;\">&nbsp;&nbsp;<b>Carregando...</b>&nbsp;&nbsp;</span>";
    if (req.readyState == 4) {
        // apenas se o servidor retornar "OK"
        if (req.status == 200) {
            // procura pela div id="resultado" e insere o conteudo
            // retornado nela, como texto HTML
            document.getElementById('resultado').innerHTML = req.responseText;
        } else {
            alert("Houve um problema ao obter os dados:\n" + req.statusText);
        }
    }
}

function getPonto()
{
    loadXMLDoc2("getPonto.php");
}

//---------- Função: "getPonto" retorna lista de ponto batido - Fim ----------//

//------------------------------------------------------------------------------------------------------

//---------- Função: "getPaginacao"  - Inicio ----------//
var req;

function loadXMLDoc3(url,valor)
{
    req = null;
    // Procura por um objeto nativo (Mozilla/Safari)
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange3;
        req.open("GET", url+"?pagina="+valor, true);
        req.send(null);
    // Procura por uma versao ActiveX (IE)
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange3;
            req.open("GET", url+"?pagina="+valor, true);
            req.send();
        }
    }
}

function processReqChange3()
{
    // apenas quando o estado for "completado"
    document.getElementById('resultado').innerHTML = "<span style=\"font-family: verdana; font-size: 12px; background-color: #EEEEEE;\">&nbsp;&nbsp;<b>Carregando paginação...</b>&nbsp;&nbsp;</span>";
    if (req.readyState == 4) {
        // apenas se o servidor retornar "OK"
        if (req.status == 200) {
            // procura pela div id="resultado" e insere o conteudo
            // retornado nela, como texto HTML
            document.getElementById('resultado').innerHTML = req.responseText;
        } else {
            alert("Houve um problema ao obter os dados:\n" + req.statusText);
        }
    }
}

function getPaginacao(valor)
{
//alert(valor);
loadXMLDoc3("getPonto.php",valor);
}

//---------- Função: "getPaginacao"  - Fim ----------//