Foros del Web - Ver Mensaje Individual

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