Ir para conteúdo

POWERED BY:

Arquivado

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

Eduardo Giullyanny

[Resolvido] focus: aplicando ao tirar o cursor

Recommended Posts

Bom dia amigos;

 

Andei pesquisando na internet uma forma de fazer um focus no imput ou textarea onde.:

 

qdo não estiver selecionando o campo ele coloque o valor q eu quizer tipo.: preencha com seu nome, e qdo eu selecionar ele some e o campo fica vazio, mas se eu preencher e selecionar outro campo e retornar ao campo q eu já havia preenchido anteriormente ele não apague o q eu já inseri

 

eu estava fazendo assim.:

<input type='text' name='nome' value='preencha seu nome.:' focus="value=''" />

 

mas ai qdo eu digito algo e seleciono o campo novamente ele some até o q eu já digitei

 

gostaria q aconteça igual ao site do hotmail.com.: Clique aqui

 

agradeço desde já.:

Compartilhar este post


Link para o post
Compartilhar em outros sites

exemplo com jQuery

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
limpa( $("input[name='telefone']"), 'Digite seu telefone' );
limpa( $("input[name='email']"), 'Digite seu e-mail' );
});
function limpa( el, def )
{
el.focus(function(){
	if( $(this).val() == def )
	{
		$( this ).css({color: '#000'});
		$( this ).val('');				
	}
});
el.blur(function(){
	if( $(this).val() == '' )
	{
		$( this ).css({color: '#b9b3d0'});
		$( this ).val( def );
	}
});
}
</script>

<input type="text" name="telefone" value="Digite seu telefone" />
<input type="text" name="email" value="Digite seu e-mail" />

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.