JavaScript para focar itens pelo tabindex

VN:RO [1.9.11_1134]
domingo, 25 d outubro d 2009
Por Eduardo Russo, Coop10. Siga no Twitter

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!

VN:F [1.9.11_1134]
Rating: 0.0/5 (0 votes cast)
Related Posts with Thumbnails

Eduardo Russo
Eduardo Russo

Formado em Engenharia de Computação pela Poli (2010) e em Design pela Belas Artes (2001), cofundador do Bit a Bit, fundador do Tubelivery e do Faviconit, cofundador da Fábrica de Aplicativos e coordenador de produto do Scup.

Tags: , , , ,

2 Comentários para “JavaScript para focar itens pelo tabindex”

  1. Marco Zoqui

    legal a dica, parabéns.
    Uma pergunta: não seria conveniente parar o loop (break) quando encontrar campo desejado?
    brigadao
    marco

    VA:F [1.9.11_1134]
    Rating: +2 (from 2 votes)
    #135

Deixe um Comentário

Spam Protection by WP-SpamFree

Get Adobe Flash playerPlugin by wpburn.com wordpress themes