Sube y baja por los a href ...

colote · #1 (**permalink**) 21/05/2009, 10:14

Hola gente, tengo una duda con respecto a una funcion que hice para subir y bajar por un menu con las teclas (abajo=40 y arriba=38)
La funcion es esta ...

Código javascript:

Ver originalcont=0;
document.onkeydown = function (e){
var tecla = e.keyCode || e.which;//codigo de tecla. 
 
if(tecla==40){ 
cont++;
document.getElementById('a'+cont).focus();
}  //   abajo
 
if(tecla==38){ 
cont--;
document.getElementById('a'+cont).focus();
 
}  //   arriba
}

Como puedo hacer para limitar cont a un min y max, dependiendo de la cantidad de elementos que empiecen con el id a, por ej a1,a2,a3 .. etc. ... Porque si sigo apretando la tecla arriba (38) sigue contando jejejeje !!!!!

Por ejemplo, este va desde a1 hasta a8

Código html:

Ver original<a id="a1" href="ventas.php">&nbsp;&nbsp;1 - Gesti&oacute;n VENTAS</a>
<a id="a2" href="gestion.php">&nbsp;&nbsp;2 - Gesti&oacute;n GESTION</a>
<a id="a3" href="#">&nbsp;&nbsp;3 - Gesti&oacute;n CAJA</a>
<a id="a4" href="#">&nbsp;&nbsp;4 - CONTABILIDAD</a>
<a id="a5" href="#">&nbsp;&nbsp;5 - Mantenimientos de Archivos</a>
<a id="a6" href="#">&nbsp;&nbsp;6 - Mantenimiento del Sistema</a>
<a         href="#">&nbsp;&nbsp;------------------------------</a>
<a id="a7" href="#">&nbsp;&nbsp;7 - CONTABILIDAD EJ. ANTERIOR</a>
<a         href="#">&nbsp;&nbsp;------------------------------</a>
<a id="a8" href="salir.php">&nbsp;&nbsp;0 - CERRAR SISTEMA</a>

Gracias, Ricardo !!!

colote · #2 (**permalink**) 22/05/2009, 07:03

Hola gente !!!!!

Aca les cuento como solucione el tema !! jejeje !!! parecia que no lo iba a poder hacer pero al final se pudo !!!!!!!!!

Aca la funcion que despues la cargo en el Body onload="subeybaja();"

la funcion que hace que no movamos para arriba y para abajo con las flechitas del teclado !!!

Código javascript:

Ver originalcont=1;
function subeybaja(){
 
var donde = document.getElementById('navi');
max = donde.getElementsByTagName('a').length;
//alert("max: "+max);
 
document.onkeydown = function (e){
 
 if(window.event) // IE
 {  tecla = e.keyCode; }
  else if(e.which) // Netscape/Firefox/Opera
 {  tecla = e.which; }
 
if(cont<1) {cont=1;}
if(cont>max) {cont=max;}
 
    if(tecla==40){ 
    cont++;
    document.getElementById('b'+cont).focus();
    //alert("a_"+cont);
    }  //   abajo
 
    if(tecla==38){ 
    cont--;
    document.getElementById('b'+cont).focus();
    //alert("a_"+cont);
    }  //   abajo
}
}

Código html:

Ver original<body onload="document.getElementById('b1').focus();subeybaja()">
<fieldset>
<legend>MENU PRINCIPAL</legend>
<div id="contendor">
<li id="navi">
<a id="b1" href="ventas.php">&nbsp;&nbsp;1 - Gesti&oacute;n VENTAS</a>
<a id="b2" href="gestion.php">&nbsp;&nbsp;2 - Gesti&oacute;n GESTION</a>
<a id="b3" href="#">&nbsp;&nbsp;3 - Gesti&oacute;n CAJA</a>
<a id="b4" href="#">&nbsp;&nbsp;4 - CONTABILIDAD</a>
<a id="b5" href="#">&nbsp;&nbsp;5 - Mantenimientos de Archivos</a>
<a id="b6" href="#">&nbsp;&nbsp;6 - Mantenimiento del Sistema</a>
<hr>
<a id="b7" href="#">&nbsp;&nbsp;7 - CONTABILIDAD EJ. ANTERIOR</a>
<hr>
<a id="b8" href="javascript:window.close();">&nbsp;&nbsp;0 - CERRAR SISTEMA</a>
</li>
</div>
</fieldset>
</body>

Saludos, Ricardo

colote · #3 (**permalink**) 26/05/2009, 08:30

Gracias a zerokilled sigo adelante con este script ...
Ahora lo que hice fue tener un solo archivo.js el que incluyo en cada pagina

Código javascript:

Ver originalcont=1;
function subeybaja(){
 
document.onkeydown =function(e){
if(window.event){tecla = e.keyCode;}else if(e.which){tecla = e.which;}
var donde = document.getElementById('navi');
max = donde.getElementsByTagName('a').length;
//alert("max: "+max);
 
if(cont<1) {cont=1;}
if(cont>max) {cont=max;}
 
if(tecla==40){ 
    cont++;
    document.getElementById('b'+cont).focus();
    //alert("a_"+cont);
    }  //   abajo
 
if(tecla==38){ 
    cont--;
    document.getElementById('b'+cont).focus();
    //alert("a_"+cont);
    }  //   abajo
 
if(tecla == 27){self.location.href='inicio.php';}
 
if(tecla == 48||tecla== 96){ window.close();}         //0
if(tecla == 49||tecla== 97){ b1=document.getElementById('b1');self.location.href=b1;}         //1
if(tecla == 50||tecla== 98){ b2=document.getElementById('b2');self.location.href=b2;}         //2
if(tecla == 51||tecla== 99){ b3=document.getElementById('b3');self.location.href=b3;}         //3
if(tecla == 52||tecla==100){ b4=document.getElementById('b4');self.location.href=b4;}         //4
if(tecla == 53||tecla==101){ b5=document.getElementById('b5');self.location.href=b5;}         //5
if(tecla == 54||tecla==102){ b6=document.getElementById('b6');self.location.href=b6;}         //6
if(tecla == 55||tecla==103){ b7=document.getElementById('b7');self.location.href=b7;}         //7
if(tecla == 56||tecla==104){ b8=document.getElementById('b8');self.location.href=b8;}         //8
if(tecla == 57||tecla==105){ b9=document.getElementById('b9');self.location.href=b9;}         //9
 
}
}

Lo que no tengo listo es el tema de la tecla ESC, para cuando por ejemplo, este dentro de la pagina ventas / pedidos y presupuestos / y aprete ESC me abra ventas y no inicio, como lo tengo. Como hago para guardar el valor de la pagina anterior en una variable ?

Saludos, Ricardo !!!

colote · #4 (**permalink**) 26/05/2009, 13:55

Alguna idea ???

Gracias

colote · #5 (**permalink**) 26/05/2009, 14:00

Aca hay un ejemplazoooo de lo que quisiera hacer !!!!!

http://www.sanskrit-sanscrito.com.ar...sibility.shtml

Con F12 se activa la navegacion por teclas !!!

Saludos