Deshabilitar TextArea cuando se envie algun dato.

[eddwinpaz]

Buenas esta vez se las pongo un poco dura.. la cosa va de la siguiente manera.. yo tengo un TextArea que se maneja mediante AJAX usando Prototype.

Yo quiero que cuando haga submit se me deshabilite el textArea siempre.. yo lo pude solucionar usando onSubmit="mensaje.disabled=true" pero el problema es que estoy usando Ajax y si le pongo en
<form id="chatMensaje" onSubmit="mensaje.disabled=true"> Me va a refrescar toda la pagina y es lo que no quiero por eso estoy usando Ajax y ese es su proposito o no ??? refrescando la pagina estaria llevando la idea de lo que planeo..

Ejemplo real

Pablo le envia un mensaje a pedro pero cuando pablo le da a

<input name="enviar" id="enviar" type="button" value="Introducir" onClick="addmessage()" disabled="disabled" >

el Text Area se deshabilita y sale un innetHTML al lado de el boton.. y envia el mensaje..

alguien me entiende y si lo hace se le agradece la colaboracion.

[eddwinpaz]

He hecho esta funcion y soluciona el problema pero ahora me encuentro otro problema el cual es que solo se ejecuta 1 sola vez osea.. quiero que envie el mensaje y se vuelva enabled otra vez y que cuando le de addmessage otra vez este se deshabilite y cuando envie el mensaje se habilite otra vez..

Código PHP:

  
function addmessage()
{

  var EnviarBoton     = document.getElementById('enviar');
  var TextAreaMensaje = document.getElementById('messagetext');
  
  if(EnviarBoton = 'enviar')
  {
     
  
  new Ajax.Updater( 'chat', 'add.php',
    {    
     method: 'post',
     parameters: $('chatmessage').serialize(), onSuccess: function() { $('messagetext').value = ''; } 
      }
   );
   
   TextAreaMensaje.disabled=true;
   
   }
}