Pular Cursor

#1 screenshotx

12 Horas

Usuários
153 posts

Sexo:Não informado

Posted 02/05/2006, 10:59

Bom Dia galera do WMOnline..

Estou com uma dúvida aqui, já procurei mas não achei.. acredito que não seja complicado..

É o seguinte... tenho um formulário que tem 3 campos (input) pra se colocar a data..
1º input - DIA
2º input - MÊS
3º input - ANO

<input name="dia" type="TEXT" size="2" maxlength="2">
<input name="mes" type="TEXT" size="2" maxlength="2">
<input name="ano" type="TEXT" size="3" maxlength="4">

O que eu queria é o seguinte, que quando a pessoa colocasse o dia no primeiro campo, o cursor desse um "TAB" automaticamente e passasse pro outro campo (mês), sem eu ter que apertar tab ou clicar com o mouse no outro campo.

Entenderam? Eu gostaria que após eu digitar no campo, ele pulasse pro outro direto.

Desde já muito obrigado!

Iniciante em PHP/MySQL.

"Ter problemas na vida é inevitável, mas ser derrotado por eles é opcional."

#2 bdoweb

Super Veterano

Usuários
1641 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 02/05/2006, 13:13

cara seria algo assim

function pularcampo(wobj,alvo,maxleght){
		if (wobj.value.length==maxleght){
			alvo.focus();
		}
	}

Ai vc colocaria um evento onchange

[]'s

Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 screenshotx

12 Horas

Usuários
153 posts

Sexo:Não informado

Posted 02/05/2006, 13:55

Não intendi praticamente nada do código cara hehehe
Poderia ser mais específico?

Valeu

Iniciante em PHP/MySQL.

"Ter problemas na vida é inevitável, mas ser derrotado por eles é opcional."

#4 edmais

Just do it!

Usuários
797 posts

Sexo:Não informado
Localidade:BH - MG

Posted 02/05/2006, 14:15

document.getElementById("ID_CAMPO_A_RECEBER_FOCO").focus();

Eduardo Batista

#5 bimonti

Super Veterano

Usuários
2654 posts

Sexo:Masculino

Posted 02/05/2006, 14:33

function pularcampo(wobj,alvo,maxleght){
		if (wobj.value.length==maxleght){
			document.getElementById(alvo).focus();
		}
	}

Com o código acima você chama a função assim:

<input name="dia" type="TEXT" size="2" maxlength="2" onChange="pularcampo('dia','mes','2')">

WebFórum - Equipe de Desenvolvimento - Monitor

Yeah I do have some stories, and it's true I want all the glory ...

#6 screenshotx

12 Horas

Usuários
153 posts

Sexo:Não informado

Posted 02/05/2006, 14:58

Certo intendi, mas em que local do código coloco o function?

Edição feita por: screenshotx, 02/05/2006, 14:58.

Iniciante em PHP/MySQL.

"Ter problemas na vida é inevitável, mas ser derrotado por eles é opcional."

#7 miwata

Novato no fórum

Usuários
17 posts

Sexo:Não informado

Posted 02/05/2006, 19:55

Certo intendi, mas em que local do código coloco o function?

o código da function voce pode colocar dentro do

<head>
<script language="text/javascript">/*AQUI É O CÓDIGO */ </script>

</head>

só não lembro se é language ou type a propriedade de scritp

#8 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 02/05/2006, 22:59

É type.

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#9 screenshotx

12 Horas

Usuários
153 posts

Sexo:Não informado

Posted 03/05/2006, 08:15

Ah! Muito obrigado a todos.. mas realmente não consigo.. :angry:

fiz tudo ae que disseram.. pelo que intendi, axo que fiz certo..

Coloquei o código dentro do <head></head>:

<script type="text/javascript">
function pularcampo(wobj,mes,maxleght){
if (wobj.value.length==maxleght){
document.getElementById(mes).focus();
  }
}
</script>

e o input ficou assim:

<input name="dia" type="TEXT" size="1" maxlength="2" onChange="pularcampo('dia','mes','2')">

Ainda há coisas erradas?
Obrigado Pessoal.

Iniciante em PHP/MySQL.

"Ter problemas na vida é inevitável, mas ser derrotado por eles é opcional."

#10 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 03/05/2006, 08:49

Use o evento onkeypress ou onkeyup no lugar do onchange.

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#11 screenshotx

12 Horas

Usuários
153 posts

Sexo:Não informado

Posted 03/05/2006, 09:06

Use o evento onkeypress ou onkeyup no lugar do onchange.

Nada cara.. continua do mesmo jeito.

Obrigado!

Iniciante em PHP/MySQL.

"Ter problemas na vida é inevitável, mas ser derrotado por eles é opcional."

#12 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 03/05/2006, 09:14

Você tem um campo com o id mes?
E chame a função assim

pularcampo(this,'mes','2')

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#13 bimonti

Super Veterano

Usuários
2654 posts

Sexo:Masculino

Posted 03/05/2006, 09:15

Ops... sorry, tinha que comparar um objeto com o maxlenght, usando wobj.value.length ele retorna undefined (dia.value.length não é um objeto...):

<script type="text/javascript">
function pularcampo(wobj,alvo,maxlenght){
	if (document.getElementById(wobj).value.length==maxlenght){
		document.getElementById(alvo).focus();
		}
	}
</script>

<input id="dia" type="TEXT" size="1" maxlength="2" onKeyUp="pularcampo('dia','mes','2')">
<input id="mes" type="TEXT" size="1" maxlength="2" onKeyUp="pularcampo('mes','dia','2')">

Que saco, toda vez eu erro na hora de escrever "lenght" ... e "length" costuma não funcionar ...

Edição feita por: bimonti, 03/05/2006, 09:19.

WebFórum - Equipe de Desenvolvimento - Monitor

Yeah I do have some stories, and it's true I want all the glory ...

#14 screenshotx

12 Horas

Usuários
153 posts

Sexo:Não informado

Posted 03/05/2006, 09:29

Perfeito!!

Deu certinho galera..
Valeu a todos que me ajudaram..

Obrigado mesmo.. e desculpa qualquer coisa.

Até mais.

Edição feita por: screenshotx, 03/05/2006, 09:33.

Iniciante em PHP/MySQL.

"Ter problemas na vida é inevitável, mas ser derrotado por eles é opcional."

0 user(s) are reading this topic

Entrar