Paginacion usando teclado (flechas cursoras)

[kristhian23]

Hola amigo tengo el siguiente codigo de paginacion de un resultado de una consulta con ajax y php.. bien este codigo funciona muy bien.. lo que quisiera es usar las fechas cursoras del teclado en vez de ir a darle click al enlase SIGUIENTE. o ANTERIOS...

este es el codigo que hace la paginacion..

Código PHP:

  <?
echo "<div class='paginacion1'>";
$pages=intval($numrows/$mostrar);
if ($pages < ($numrows/$mostrar)){
    $pages=($pages + 1);
}
if ($offset > 0) {
    $prevoffset = $offset - $mostrar;
    print "<a href=\"javascript:Enviar('$f?offset=$prevoffset&ixx=$prevoffset&buscar=$nombre&compra_id=$compra_id&usuario_sucursal_id=$usuario_sucursal_id&pagina=$pagina&modulo_id=$modulo_id&sucursal_id=$sucursal_id','resultado')\"><img src='images/anterior.png' title='$anterior' accesskey='2'></a>&nbsp;";
} 
$rp = $pages;
if ($pages == 1){
$np = 1;
} else { 
    for ($i = 1; $i <= $pages; $i++) { 
        $newoffset = $mostrar*($i-1);
        if ($newoffset == $offset) { 
            $np = $i;
            print "$pagina&nbsp;$np $de $rp&nbsp;";
        } else { 
            print ""; 
        } 
    } 
}
if (! ( ($offset/$mostrar) == ($pages - 1) ) && ($pages != 0) ) {
    $newoffset = $offset+$mostrar;
    print "&nbsp;<a href=\"javascript:Enviar('$f?offset=$newoffset&ixx=$newoffset&buscar=$nombre&compra_id=$compra_id&usuario_sucursal_id=$usuario_sucursal_id&pagina=$pagina&modulo_id=$modulo_id&sucursal_id=$sucursal_id','resultado')\"><img src='images/siguiente.png' title='$siguiente' accesskey='1'></a>";
}
echo "</div>";
?>   

y este es el archivo ajax que hace el resto..

Código PHP:

  function ajaxFunction() {
  var xmlHttp;
  
  try {
   
    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {
    
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {
      
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}
 
 
function Enviar(_pagina,capa) {
    divResultado = document.getElementById('resultado');
 
 
  var ajax;
    ajax = ajaxFunction();
    ajax.open("GET", _pagina, true);
 
    ajax.onreadystatechange = function() {
 
        if (ajax.readyState == 4) {
                           divResultado.innerHTML = ajax.responseText
            $("#resultado .iframe").colorbox({iframe:true, width:"34%", height:"64%"});
            $("#resultado .facturas").colorbox({iframe:true, width:"80%", height:"73%"});
             }
             }
             
    ajax.send(null);
            
  
} 
   

el codigo funciona muy bien clicando en los enlaces.. pero yo quiero que tambien funcione precionando la flechas cursoras en el teclado.. Adelante y Atras.

espero sugerencias gracias....

[emprear]

A ver si esto te orienta

http://foros.emprear.com/javascript/detectar-tecla.html

Te aclaro que las páginas prev.html y sig.html no las creé

SAludos

[chwc]

puedes utilizar una modificación del sguiente codigo de JS

Código Javascript:

verificar = function(evento){
if(evento.keyCode === 37){
evento.preventDefault();
alert('izq')
}
if(evento.keyCode === 39){
evento.preventDefault();
alert('der')
}
 
}
 
addEventListener('keydown',verificar)
 

cambia los alert por el codigo que nescesites utilizar

fijate aca como funciona

http://jsfiddle.net/r4BqP/1/

un saludo !!

[kristhian23]

hola gracias fijense que si funciona me muestra el mensaje de izq y dere.. el problema esk los botones en la paginacion lleban variables por GET y ahi esta el detalle k aunk le escriba una pagina no la envia.. me kedo algo asi..

el archivo js

Código PHP:

  function ajaxFunction() {
  var xmlHttp;
  
  try {
   
    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {
    
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {
      
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}
 
 
function Enviar(_pagina,capa) {
    divResultado = document.getElementById('resultado');
    var ajax;
    ajax = ajaxFunction();
    
 
    if(evento.keyCode === 37){
    evento.preventDefault();
    ajax.open("GET", _pagina, true);
    }
    if(evento.keyCode === 39){
    evento.preventDefault();
    ajax.open("GET", _pagina, true);
    }
 
 ajax.open("GET", _pagina, true);
    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4) {
                           divResultado.innerHTML = ajax.responseText
            $("#resultado .iframe").colorbox({iframe:true, width:"34%", height:"64%"});
            $("#resultado .facturas").colorbox({iframe:true, width:"80%", height:"73%"});
             }
             }
             
    ajax.send(null);
            
  
} 
   

y nada..