Решил сделать свой аналог растягивающегося textarea, примерно как в этом форуме, только размер регулирует сам пользователь. За основу взял идею отсюда(смотрим форму добавления комментов). Я бы скрипт отсюда поставил, Алеко даже исходники где-то приводил, но он не кроссбраузерен - в Опере не очень хорошо получилось. Почти реализовал что-то наподобие того, что было на javascript.ru, вот только наткнулся на подводные камни. Помогите пожалуйста отсечь ошибки и доделать скрипт:
Code
<style>textarea{width:640px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border:1px solid #D5D4D5;border-bottom:0;padding:3px;font:8pt tahoma;height:75px;margin-top:3px}
k{display:block;cursor:s-resize;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border:1px solid #D5D4D5;border-top:0;height:9px;background:url(ссылка к оформлению, особого значения не имеет) center center no-repeat}
</style>
<textarea name="message" id="message">$MESSAGE$</textarea><k></k>
<script>
//ранее была подключена библиотека event
var k = document.getElementsByTagName('k')
for(var i =0;i<k.length;i++){
var ab = k[i].parentNode
var ac=ab.getElementsByTagName('textarea')[0]
var ad = ac.style.height
function acmm(event){
var result = event.pageY-getOffset(ac).top+ad
if(result<ad){result=ad}
ac.style.height = result+'px'
}
function acmu(){Event.add(ab,'mousemove',acmm)}
Event.add(k[i],'mousedown',acmu)
Event.add(document,'mouseup',function(){Event.remove(k[i],'mousedown',acmu)})
} </script>
