<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"> </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>