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