Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

tossulino

TAB automatico em JavaScript

Recommended Posts

Olá,Tenho 3 campos de data e estou precisando fazer uma função que qdo o usuario termina de digitar o dia, pula automaticamente para o mes e depois para o ano...Grato!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,Tenho 3 campos de data e estou precisando fazer uma função que qdo o usuario termina de digitar o dia, pula automaticamente para o mes e depois para o ano...Grato!

Cara faz assim:Coloca esse codigo dentro do inputonkeyUp="if (this.value.length==2) this.form.S_Valor.focus()"onde:2 = numero de caracteres que você deseja que o usuario digite para mudar de campoform = nome do seu formS_Valor = Nome do Próximo Campo beleza?!Qualquer coisa...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,Tenho 3 campos de data e estou precisando fazer uma função que qdo o usuario termina de digitar o dia, pula automaticamente para o mes e depois para o ano...Grato!

Cara faz assim:Coloca esse codigo dentro do inputonkeyUp="if (this.value.length==2) this.form.S_Valor.focus()"onde:2 = numero de caracteres que você deseja que o usuario digite para mudar de campoform = nome do seu formS_Valor = Nome do Próximo Campo beleza?!Qualquer coisa...
Valeu cara... Abraço,

Compartilhar este post


Link para o post
Compartilhar em outros sites

Exemplo:

<html>
	<head>
		<title>Exemplo</title>
		<script type="text/JavaScript">
				adicionaEvento(window, 'load', function(){
					var inputs = document.getElementsByTagName("input");
					var inputsSize = inputs.length;
					for(var i = 0;i < inputsSize;i++){
						if(inputs[i].getAttribute("type").toLowerCase() == 'text'){
							adicionaEvento(inputs[i], 'keypress', diptt, false);
						}
					}
				}, false);

			function diptt(e){
				var keyCode = e.which? e.which : event.keyCode;
				if(keyCode == 9 || keyCode == 13){
					var nextSib = this.nextSibling;
					while(nextSib){
						if(nextSib.tagName == 'INPUT' && nextSib.getAttribute('type').toLowerCase() == 'text'){
							nextSib.focus();
							return;
						}
						nextSib = nextSib.nextSibling;
					}
				}
			}

			function adicionaEvento(elemento, evento, funcao, bool){
			bool = (bool == null)? false : bool;
			if(elemento.addEventListener)
				elemento.addEventListener(evento, funcao, bool);
			else
				elemento.attachEvent('on' + evento, funcao);
			}

		</script>
	</head>
	<body>
		 Texto qualquer:<input type="text" name="txq" /><br />
		 Outro texto qualquer:<input type="text" name="txq2" />
	</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.