Ir para conteúdo

POWERED BY:

Arquivado

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

Diego Fersan

[Resolvido] Limpar campo TEXT AREA ao focar

Recommended Posts

Senhoras e senhores,

tenho um formulário e ele ficara, enquanto aguarda ação, assim:

 

NOME (input text)

E-MAIL (input text)

MENSAGEM (Text area)

 

ao clicar/focar um campo ele limpa e caso o usuário não digite nada e mude para outro campo, ele volta a preenche com com a mensagem inicial.

Beleza, input tranquilo, mas e o TEXT AREA?

Como faço para apagar a mensagem do TEXT AREA?

 

Tentei com o código abaixo, fiz umas adaptações, mas só consegui apagar. Aparecer não deu.

 

FUNÇÃO JS

<script type="text/javascript">
function limpo(campo, msg) {
	if (document.getElementById(campo).value == msg){
document.getElementById(campo).value=""; 
	}
} 

function sujo(campo, msg){
	if (document.getElementById(campo).value==""){
document.getElementById(campo).value= msg;
	}
}
</script>

FORMULÁRIO

<form name="form"> 
<textarea name="a" id="a" onfocus="javascript:limpo('a','Digite aqui sua mensagem')" onblur="javascript:sujo('a','Digite aqui sua mensagem)">Digite aqui sua mensagem</textarea>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo dá uma melhorada ai nó código tô meio com pressa ve ai se ajuda.

 

 

 

<script type="text/javascript">
function limpo() {
        if (document.getElementById('a').value == "Digite aqui sua mensagem"){
document.getElementById('a').value=""; 
        }
} 

function sujo(){
      var div = document.getElementById('teste');
		 if(document.getElementById('a').value==""){teste.innerHTML = "<textarea name='a' id='a' onclick='javascript:limpo()' onblur='javascript:sujo()'value='Digite aqui sua mensagem'>Digite aqui sua mensagem</textarea>";}
        
}

</script>



<form name="form"><div id='teste'>
<textarea name="a" id="a" onclick="javascript:limpo()" onblur="javascript:sujo()" value='Digite aqui sua mensagem'>Digite aqui sua mensagem</textarea></div>
</form>

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.