Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17720
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ctrl mais setas para mover entre campos

11-04-2010 17:42

Esse script permite usar o atalho Ctrl + as setas ( <- e -> ) do teclado, para mover entre os inputs de um formulário HTML.

<script> function onKeyDownArrowsHandler(e) { e = e||window.event; var o = (e.srcElement||e.target); if (!o) return; if (o.tagName != "TEXTAREA" && o.tagName != "INPUT" && o.tagName != "SELECT") return; if (navigator.userAgent.toLowerCase().indexOf('applewebkit/') != -1) { if (e.ctrlKey || e.shiftKey || !e.altKey) return; } else { if (!e.ctrlKey || e.shiftKey || e.altKey) return; } if (!o.id) return; var pos = o.id.split("_"); if (pos[0] != "field" || typeof pos[2] == "undefined") return; var x = pos[2], y=pos[1]; // skip non existent fields for (i=0; i<10; i++) { if (switch_movement) { switch(e.keyCode) { case 38: x--; break; // up case 40: x++; break; // down case 37: y--; break; // left case 39: y++; break; // right default: return; } } else { switch(e.keyCode) { case 38: y--; break; // up case 40: y++; break; // down case 37: x--; break; // left case 39: x++; break; // right default: return; } } var id = "field_" + y + "_" + x; var nO = document.getElementById(id); if (!nO) { var id = "field_" + y + "_" + x + "_0"; var nO = document.getElementById(id); } if (nO) break; } if (!nO) return; nO.focus(); if (nO.tagName != 'SELECT') { nO.select(); } e.returnValue = false; } </script> <SCRIPT type=text/javascript> //<![CDATA[ var switch_movement = 0; document.onkeydown = onKeyDownArrowsHandler; //]]> </SCRIPT> <form> <input type="text" name="" value="1" id="field_1_1"> <input type="text" name="" value="2" id="field_1_2"> <br> <input type="text" name="" value="3" id="field_1_3"> <input type="text" name="" value="4" id="field_1_4"> <br> <select id="field_1_5"> <option></option> <option>5</option> </select> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado