Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Controlar voltar e avançar das páginas com jQuery e PHP

14-08-2013 22:37

É possível usar jQuery combinado com o PHP, para avançar e voltar as páginas de uma paginação. Por exemplo, se temos uma paginação tipo:

página 1, página 2 .... é possível usar a tecla seta direita do cursor para avançar a paginação, e usar a tecla seta esquerda para voltar as paginação.

Para testar esse exemplo, cria uma página chamada teste.php, e inicie o teste pelo seguinte link

teste.php?p=1

Obs.: Como o código é baseado no PHP, você precisará de um servidor PHP para testar o script.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   paginas = 10; pagina_atual = <?php echo $_GET['p']; ?>;     $(document).keyup(function(e) {   // 39 é o código da tecla avançar if(e.which==39 && pagina_atual<=paginas-1){ location.href='teste.php?p='+parseFloat(pagina_atual+1); }   // 37 é o código da tecla voltar if(e.which==37 && pagina_atual>1){ location.href='teste.php?p='+parseFloat(pagina_atual-1); }   });   }); </script>


<?php echo "Página {$_GET['p']}"; ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado