Hola:
necesito realizar "algo" que no me sale y como siempre y hasta ahora ha sucedido, espero que me ayudéis a ello, de nuevo os necesito, jeje.
vamos a ver:
tengo la siguiente estructura HTML:
Código HTML:
<div id="todo">
<div id="consulta">
<p>¿Que quieres?</p>
<form id="formPeticion" name="formPeticion" ...>
<input type="text" ...>
<input type="submit" ...>
</form>
</div>
<div id="resultados">
<p id="res_1">....</p>
<p id="res_2">....</p>
<p id="res_3">....</p>
.
.
.
</div>
</div>
Donde en el div
consulta, tengo un formulario que se resuelve con una petición AJAX, que me devuelve una serie de <p> que inserto mediante JavaScript en el div
resultados.
Hasta aqui no hay inigun problema.
Mediante JavaScript quiero hacer una función que me permita moverme por los <p> resultados utilizando las flechas del teclado, es decir, que si estoy en res_2 y le pulso la tecla de flecha arriba, el foco se "desplace" a res_1, etc...
¿Esto es posible? ¿Como podría identificar que la tecla que se está pulsando es la flecha arriba o abajo?
Gracias de antemano.