Записи

 <table align="center"
 width="400" height="200" class="colorborder">
 <tr><td>
 <center>Написать письмо Волшебнику Гудвину</center>
 </td></tr><tr><td>
  <center><textarea cols="60" width="60" rows="5"
 id="textareaDM">&nbsp;</textarea></center>
 </td></tr><tr><td>
  <center><input type="button" value="Отправить" id="buttonDM"
 onclick="mailtoDM()"/></center>
 </td></tr>
 </table>
 <script>
 var FlagSend = false;
 var CheckVolume = 60;
 timerDMId = setInterval(Changetextarea, 50);
 function Changetextarea() {
  if (FlagSend) {
  CheckVolume = CheckVolume - 1; 
  if (CheckVolume > 3)
  {document.getElementById('textareaDM').cols = document.getElementById('textareaDM').cols - 1;}
  if (CheckVolume == 3)
  {document.getElementById('textareaDM').hidden = true;
  document.getElementById('buttonDM').value = "Отправлено";}
  if (CheckVolume == 50)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume == 40)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume == 30)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume == 20)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume < -20) {
  document.getElementById('textareaDM').cols = 60;
  document.getElementById('textareaDM').rows = 5;
  document.getElementById('textareaDM').value = "";
  document.getElementById('textareaDM').hidden = false;
  document.getElementById('buttonDM').value = "Отправить";
  CheckVolume = 60;
  FlagSend = false; 
  }
  }
 }
 function mailtoDM() {
  FlagSend = true;
  document.getElementById('buttonDM').value = "обработка";
 }
 </script>