Desplazamiento con teclado
Publicado por Leandro Alfonso (2 intervenciones) el 07/06/2018 20:42:15
Buenas tardes para todos.
La pregunta es la siguiente, tengo un div, dentro de ese hay varios links <a>. Lo que necesito es poder desplazarme dentro de estos links con el teclado, el código es el siguiente:
Una imagen para explicar un poco mejor lo que necesito hacer. Cuando aparecen las opciones, lo que deseo es con teclado poder elegir una y no tener que hacerlo con el mouse.
Saludos
Leandro Arevalo
Bogotá Colombia
La pregunta es la siguiente, tengo un div, dentro de ese hay varios links <a>. Lo que necesito es poder desplazarme dentro de estos links con el teclado, el código es el siguiente:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
function buscar($b,$tabla,$campo,$campo_id,$accion){
include('conecta.php');
if($b<>" "){ //si es espacio abre los primero diez registro de la tabla
$cons = "SELECT A.*,B.nombre AS nom_dep FROM $tabla A LEFT JOIN departamentos B ON A.id_departamento=B.id_departamento WHERE A.$campo LIKE '%".$b."%' LIMIT 10";
}else{
$cons = "SELECT A.*,B.nombre AS nom_dep FROM $tabla A LEFT JOIN departamentos B ON A.id_departamento=B.id_departamento LIMIT 0,10";
}$sql = $conexion->prepare($cons);
$sql->execute();
$resultado = $sql->fetchAll();
$contar = count($resultado);
echo "<div class='list-group'>";if($contar==0){
//echo "no se encontraron registros";
$id = null;echo"<a onclick='".$accion."(".$id.");' role='button' class='list-group-item'>";
echo" <h4 class='list-group-item-heading'>No Existen Registros </h4>"; echo" <p class='list-group-item-text'>Intente de Nuevo</p>"; echo"</a>";}else{
$sqls = $conexion->prepare($cons);
$sqls->execute();
while($row = $sqls->fetch()){
$nombre = $row[$campo];
$id = $row[$campo_id];
$nom_dep = $row['nom_dep'];
echo"<a onclick='".$accion."(".$id.");' role='button' class='list-group-item'>";
echo" <h4 class='list-group-item-heading'>$nombre ($nom_dep)</h4>"; echo" <p class='list-group-item-text'>Identificador Interno: $id</p>";echo" <input type='hidden' id='id_".$id."' value='".$id."'>";
echo" <input type='hidden' id='no_".$id."' value='".$nombre."'>";
echo"</a>"; } } echo "</div>"; $conexion = null;}Una imagen para explicar un poco mejor lo que necesito hacer. Cuando aparecen las opciones, lo que deseo es con teclado poder elegir una y no tener que hacerlo con el mouse.
Saludos
Leandro Arevalo
Bogotá Colombia
Valora esta pregunta
0
