Cambiar de pagina en una paginacion usando onKeyDown

kristhian23 · #1 (**permalink**) 03/01/2013, 18:53

Hola tengo una paginacion de un resultado de una consulta mysql y php... la paginacion funciona muy bien. me da un resultado mas o menos asi..

Pagina 1 de 12 -> al darle click a la flechita me pasa a
<- Pagina 2 de 12 -> ok todo esto esta bien...

Lo que yo quiero es evitar usar el raton y que al precionar en el teclado la flechar cursoras me active la funcion ya que lo paso por medio de un ajax cargado en un div. pero tengo entendido k el evento onKeyDown es javascript... al guien me puede ayudar...

este es el codigo que me genera los link.

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&mobil=$mobil&gasto_id=$id&buscar=$nombre&compra_id=$compra_id&usuario_sucursal_id=$usuario_sucursal_id&pagina=$pagina&modulo_id=$modulo_id&proveedor_id=$id&cliente_id=$id','resultado')\"><img src='../images/anterior.png' width='30' title='$anterior'></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&mobil=$mobil&gasto_id=$id&buscar=$nombre&compra_id=$compra_id&usuario_sucursal_id=$usuario_sucursal_id&pagina=$pagina&modulo_id=$modulo_id&proveedor_id=$id&cliente_id=$id','resultado')\"><img src='../images/siguiente.png' width='30' title='$siguiente'></a>"; 
} 
echo "</div>"; 
?>

emprear · #2 (**permalink**) 03/01/2013, 20:12

A ver si este ejemplo te orienta

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script>
function CapturaTecla(evnt) {
   var ev = (evnt) ? evnt : event;
   var tecla=(ev.which) ? ev.which : event.keyCode;
  if(tecla == 37){
  alert('Se presionó flecha izq.');
  // redirección a página previa
  }
  if(tecla == 39){
  alert('Se presionó flecha der.');
  // redirección a página siguiente
  }  
  
}
if (window.document.addEventListener) {
   window.document.addEventListener("keydown", CapturaTecla, false);
} else {
   window.document.attachEvent("onkeydown", CapturaTecla);
}
</script>
</head>
<body>
 
</body>
</html>

faltaría creo, pasarle a la función un segundo parámetro con el numero de página.Hay qye ver que hace tu función enviar

Saludos

kristhian23 · #3 (**permalink**) 03/01/2013, 20:38

Gracias por responder.. fijate k ya probe y no funciona..... :/ alguna otra idea?

emprear · #4 (**permalink**) 03/01/2013, 21:00

Si que funciona, probado en IE 7/8/9, Firefox, Chrome, Opera
http://foros.emprear.com/javascript/detectar-tecla.html

andresdzphp · #5 (**permalink**) 03/01/2013, 21:22

Cita:

Iniciado por emprear

Si que funciona, probado en IE 7/8/9, Firefox, Chrome, Opera

Funciona en IE 10 también y chrome 23.0.1271.97 m

kristhian23 · #6 (**permalink**) 03/01/2013, 21:22

osea si funciona para k tire los alert.... lo que yo me referia esque para pasar a la siguiente pagina no funciona..

emprear · #7 (**permalink**) 03/01/2013, 21:48

Cita:

Iniciado por kristhian23

osea si funciona para k tire los alert.... lo que yo me referia esque para pasar a la siguiente pagina no funciona..

Si que funciona, es muy básico

Código Javascript:

Ver originalif(tecla == 37){
  alert('Se presionó flecha izq.');
  // redirección a página previa
  window.location.href = 'prev.html';
  }
  if(tecla == 39){
  alert('Se presionó flecha der.');
  // redirección a página siguiente
    window.location.href = 'sig.html';
  }

Qué es lo que estás haciendo?
http://foros.emprear.com/javascript/detectar-tecla.html