Ir para conteúdo

POWERED BY:

Arquivado

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

LoGGeR

[Resolvido] Com Imput

Por , em Javascript

Recommended Posts

LoGGeR    0

LoGGeR
Postado

assim, o value da imput é login, certo.

dai eu queria um script que quando o cara fosse clikar nesse campo a escrita login sumisse e ele digitasse o login normalmente.

 

e queria tambem, assim, quando clikar na imput abrir uma div ou tabela em baixo com a descrição.

 

obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

já pesquisou aqui no fórum? Tem bastaaaaaaaaaaaaaaante coisa! ^_^

 

Abrax!

Compartilhar este post

Link para o post
Compartilhar em outros sites

LoGGeR    0

LoGGeR
Postado

eu pesquisei igual doido, mais não consigo achar oq quero, se tiver aqui me passem o link, depois deletem o tópico pq eu pesquisei e naum achei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Bem vindo ao forum LoGGeR

 

o que você quer tem haver com duas ações

 

onblur e onclick

 

poste algum codigo que o pessoal te ajuda!

 

sugiro fazer da seguinte forma

 

<input type="text" id="login" name="login" value="login" onclick="showLogin()" onblur="apagaLogin()" onkeyup="escondeLogin()" />
<div id="show" style="display: none">Login é o usuário</div>

agora crie as funções do javascript capturando os elementos pelo ID.

utilize document.getElementById('id-do-campo');

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

LoGGeR    0

LoGGeR
Postado

minha página de cadastro que quero colocar isso é a seguinte.

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>

<script>
function valida(nomeform) 
{
	if(nomeform.login.value=="") { alert('Campos em Branco!'); nomeform.login.focus(); return false;}
	if(nomeform.senha.value=="") { alert('Campos em Branco!'); nomeform.senha.focus(); return false;}
	if(nomeform.resenha.value=="") { alert('Campos em Branco!'); nomeform.resenha.focus(); return false;}
	if(nomeform.email.value.indexOf("@") == -1 || nomeform.email.value.indexOf(".") == -1 || nomeform.email.value=="" ) 
	{ alert("Informe um Email Válido !"); nomeform.email.focus(); return false;}
	if(nomeform.nome.value=="") { alert('Campos em Branco!'); nomeform.nome.focus(); return false;}
	if(nomeform.pergunta.value=="") { alert('Campos em Branco!'); nomeform.pergunta.focus(); return false;}
	if(nomeform.resposta.value=="") { alert('Campos em Branco!'); nomeform.resposta.focus(); return false;}
	if(nomeform.toten.value=="") { alert('Campos em Branco!'); nomeform.toten.focus(); return false;}
}
</script>

<style>
#caixa {
	border:1px dashed #E6E6E6;
	background:#FFFFFF;
	padding:2px 2px 2px 2px;
}
</style>

</head>
<body><div align="center">
<tr></tr>
<strong><font size="2">Cadastro - Parte 2 - Registro</font></strong>
<tr></tr>
<form name="form1" method="post" action="" onSubmit="return valida(this)">
  <table width="359" border="0" align="center">
	<tr>
	  <td width="152">Login</td>
	  <td width="197"><input name="login" type="text" id="login" maxlength="10"></td>
	</tr>
	<tr>
	  <td>Senha</td>
	  <td><input name="senha" type="password" id="senha" maxlength="10"></td>
	</tr>
	<tr>
	  <td>Re-Senha</td>
	  <td><input name="resenha" type="password" id="resenha" maxlength="10"> </td>
	</tr>
	<tr>
	  <td>Email</td>
	  <td><input name="email" type="text" id="email"></td>
	</tr>
	<tr>
	  <td>Nome</td>
	  <td><input name="nome" type="text" id="nome"></td>
	</tr>
	<tr>
	  <td>Pergunta</td>
	  <td><input name="pergunta" type="text" id="pergunta"></td>
	</tr>
	<tr>
	  <td>Resposta</td>
	  <td><input name="resposta" type="text" id="resposta"></td>
	</tr>
	<tr>
	  <td><strong>Toten</strong></td>
	  <td><input name="toten" type="password" id="toten" ></td>
	</tr>
	<tr>
	  <td> </td>
	  <td> </td>
	</tr>
	<tr>
	  <td> </td>
	  <td><input type="Submit" name="Submit" value="Enviar Dados"></td>
	</tr>
  </table>
</form>
<br>
<table width="450" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td><div align="center"><strong>Toten : Escreva Uma Sequencia de Números,  Irá Utilizar Para Desfrutar das Opções VIP !</strong></div></td>
  </tr>
</table>

dai como eu faria. ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Não sei se é isso aqui q você precisa,

 

Confesso q naum li o tópico todo, e tipo, eu to virado aqui e ainda com restícios de bebida na minha corrente sanguínea, portanto num liga naum se eu escrever besteira por naum ler direito a pergunta rsss

 

 

Copia esse código aqui, salve como .html e teste ae pra você ver como funfa

 

<script language="javascript">
function gerCampo (valor,id,param)
{
	if (id=="email")
		{
			if ((valor=="Insira o seu e-mail")&&(param==0)) document.getElementById(id).value="";	
			if ((valor=="")&&(param==1))document.getElementById(id).value="Insira o seu e-mail";
		}		
}
</script>
<input type="text" style="width: 310px;" onblur="gerCampo(this.value,this.id,1);" onclick="java script:gerCampo(this.value,this.id,0);" value="Insira o seu e-mail" id="email" class="textForm" name="email"/>

 

 

Absss

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

LoGGer,

O script que o carutcho passou funciona exatamente deste modo, quando você da foco no input (clica nele) o texto desaparece e quando você tira o foco (clica fora) o texto volta caso não tenha preenchido nada.

 

Se mesmo você copiando não esteja funcionando, atente-se que o fórum por questão de seguraça separa javascript deixando java script, logo no codigo você teria de consertar essa parte em negrito:

 

<input type="text" style="width: 310px;" onblur="gerCampo(this.value,this.id,1);" onclick="java script:gerCampo(this.value,this.id,0);" value="Insira o seu e-mail" id="email" class="textForm" name="email"/>

 

deixando-a assim: javascript

 

Qualquer coisa post.

Abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Rasp: Obrigado por complementar a resposta , show a explicação..

 

LoGGeR: Q bom q serviu cara, sucesso ae com seu programa.

 

rsss até q meus reflexos com a bebida naum estão taum ruins pra postar no forum rssssss

 

 

Abss galera.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito