Sempre quis que páginas de formulários focassem no primeiro tabindex automaticamente… mas nunca achei algo na internet que fizesse isso de maneira fácil e intuitiva…
Após um pouco de pesquisa, consegui desenvolver um javascript bem símples que faz isso.
O primeiro passo, é setar a ordem desejada dos tabindex… é só colocar nos campos do formulário a ordem desejada, começando por 1… Isso faz com que o pressionar da tecla TAB siga a ordem desejada.
Após isso, basta usar esse javascript, passando o tabindex desejado como parâmetro… símples e fácil.
function focusPorTabIndex(index){
//Varre todos os campos que foram setados com tabindex
for(var i=0;i<document.mainOutputForm.elements.length;i++){
//verifica se o tabindex setado é o desejado
if (document.mainOutputForm.elements[i].tabIndex == index){
//se for, seta o foco para ele
document.mainOutputForm.elements[i].focus();
}
}
}
OBS: mainOutputForm é o nome do seu formulário!
