[Resolvido] Limpar textarea após enviar valores

[diasgabrie 0]

Amigos,

 

Tenho uma página de recados dinâmica (sem reload) quando o usuário clica no botão enviar ele chama o js que chama o php, posta no banco e exibe o valor na div exibe.

 

O problema é o seguinte, o textarea mesmo depois de postar continua com o texto postado. Como posso limpa-lo?

Atualmente meu form é o seguinte:

 

<div id="informa_dados"></div><div id="postado" class="recebe"> </div> 
<form name=form method=post action="postarecado.php"> 
 
<textarea name="S1" id="S1" cols=56 rows=10"></textarea> 
<button onClick="micoxUpload(this.form,'postarecado.php','postado','informa_dados','Postado...','Erro ao postar'); return false;" type="button">Postar Comentário</button></p> 

</form> 

 

obrigada

[William Bruno 1501]

Após enviar os dados, atribua nulo no value do texteara:

document.getElementById('S1').value = '';

[Henrique Barcelos 290]

Corrigindo...

 

Textarea não tem value, e sim innerHTML...

 

O correto é:

 

document.getElementById('S1').innerHTML = '';

[diasgabrie 0]

obrigada, mas sou meio principiante em javascript e gostaria de saber como posso utilizar esta função? onde coloco?

 

meu js

 

* funçõezinhas padrão pra facilitar */
function $m(quem){
 //apelido só pra não ficar repetindo o document.getElementById
 return document.getElementById(quem)
}
function remove(quem){
 quem.parentNode.removeChild(quem);
}
function addEvent(obj, evType, fn){
 //o velho do elcio.com.br/crossbrowser
    if (obj.addEventListener)
        obj.addEventListener(evType, fn, true)
    if (obj.attachEvent)
        obj.attachEvent("on"+evType, fn)
}
function removeEvent( obj, type, fn ) {
  if ( obj.detachEvent ) {
    obj.detachEvent( 'on'+type, fn );
  } else {
    obj.removeEventListener( type, fn, false ); }
} 
/* a que faz o serviço pesado */
function micoxUpload(form,url_action,id_elemento_retorno,id_elemento_2,html_exibe_carregando,html_erro_http){
/******
* micoxUpload - Submete um form para um iframe oculto e pega o resultado. Consequentemente pode
*               ser usado pra fazer upload de arquivos de forma assíncrona.
* Use a vontade mas coloque meu nome nos créditos. Licença Creative Commons.
* Versão: 1.0 - 03/03/2007 - Testado no FF2.0 IE6.0 e OP9.1
* Autor: Micox - Náiron JCG - elmicox.blogspot.com - micoxjcg@yahoo.com.br
* Parametros:
* form - o form a ser submetido ou seu ID
* url_action - url pra onde deve ser submetido o form
* id_elemento_retorno - id do elemento que irá receber a informação de retorno
* html_exibe_carregando - Texto (ou imagem) que será exibido enquanto se carrega o upload
* html_erro_http - texto (ou imagem) que será exibido se der erro HTTP.
*******/

 //testando se passou o ID ou o objeto mesmo
 form = typeof(form)=="string"?$m(form):form;
 
 var erro="";
 if(form==null || typeof(form)=="undefined"){ erro += "O form passado no 1o parâmetro não existe na página.\n";}
 else if(form.nodeName!="FORM"){ erro += "O form passado no 1o parâmetro da função não é um form.\n";}
 if($m(id_elemento_retorno)==null){ erro += "O elemento passado no 3o parâmetro não existe na página.\n";}
 if(erro.length>0) {
  alert("Erro ao chamar a função micoxUpload:\n" + erro);
  return;
 }

 //criando o iframe
 var iframe = document.createElement("iframe");
 iframe.setAttribute("id","micox-temp");
 iframe.setAttribute("name","micox-temp");
 iframe.setAttribute("width","0");
 iframe.setAttribute("height","0");
 iframe.setAttribute("border","0");
 iframe.setAttribute("style","width: 0; height: 0; border: none;");
 /* Não usei display:none pra esconder o iframe
    pois tem uma lenda que diz que o NS6 ignora
    iframes que tenham o display:none */
 
 //adicionando ao documento
 form.parentNode.appendChild(iframe);
 window.frames['micox-temp'].name="micox-temp"; //ie sucks
 
 //adicionando o evento ao carregar
 var carregou = function() { 
   removeEvent( $m('micox-temp'),"load", carregou);
   var cross = "javascript:";
   cross += "window.parent.$m('"+id_elemento_retorno+"').innerHTML+=document.body.innerHTML;window.parent.$m('"+id_elemento_2+"').innerHTML=\"\"; void(0);";
   
   $m(id_elemento_2).innerHTML = html_erro_http;
   $m('micox-temp').src = cross;
   //deleta o iframe
   setTimeout(function(){ remove($m('micox-temp'))}, 250);
  }
 addEvent( $m('micox-temp'),"load", carregou)
 
 //setando propriedades do form
 form.setAttribute("target","micox-temp");
 form.setAttribute("action",url_action);
 form.setAttribute("method","post");
 form.setAttribute("enctype","multipart/form-data");
 form.setAttribute("encoding","multipart/form-data");
 //submetendo
 form.submit();
 
 //se for pra exibir alguma imagem ou texto enquanto carrega
if(html_exibe_carregando.length > 0){
  $m(id_elemento_2).innerHTML = html_exibe_carregando;
 }
 
}

meu form

 

<div id="informa_dados"></div><div id="postado" class="recebe"> </div> 
<form name=form method=post action="postarecado.php"> 
 
<textarea name="S1" id="S1" cols=56 rows=10"></textarea> 
<button onclick="micoxUpload(this.form,'postarecado.php','postado','informa_dados','Postado...','Erro ao postar'); return false;" type="button">Postar Comentário</button></p> 

</form> 

coloquei no postarecado.php:

 

echo"<script>document.getElementById('S1').innerHTML = '';</script>";

Porém sem sucesso.

 

alguma maneira de usar isso?

 

obrigada mais uma vez

[Henrique Barcelos 290]

Se essa função é acessada de um iframe, não funcionará mesmo...

 

Pra funcionar, precisa fazer assim:

 

window.parent.document.getElementById('S1').innerHTML = '';

[diasgabrie 0]

obrigada pessoal.

 

funcionou assim:

 

window.parent.document.getElementById('S1').value = '';