comp coop 10

30/04/2009

Javascript para focar itens pelo tabindex

Filed under: javascript, programação, tutorial — Tags:, , , , — Russo @ 8:33 am

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!
Anúncios

Crie um website ou blog gratuito no WordPress.com.