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!

Tags: foco, javascript, programação, tabindex, tutorial

Este artigo foi publicado no dia 25 de outubro de 2009 às 5:10 pm na(s) categoria(s) Coop10, Internet, Programação, Tecnologia, Tutorial. Você pode seguir comentários deste artigo através do link do feed RSS 2.0.