Создание текстовой области с автоматическим изменением размера ⇐ Html

[Anonymous]

Была еще одна тема по этому поводу, которую я попробовал. Но есть одна проблема: текстовая область не сжимается, если вы удаляете содержимое. Я не могу найти способ уменьшить его до нужного размера — значение clientHeight возвращает полный размер текстовой области, а не ее содержимое.

Код с этой страницы приведен ниже:

function FitToContent(id, maxHeight)
{
var text = id && id.style ? id : document.getElementById(id);
if ( !text )
return;

var adjustedHeight = text.clientHeight;
if ( !maxHeight || maxHeight > adjustedHeight )
{
adjustedHeight = Math.max(text.scrollHeight, adjustedHeight);
if ( maxHeight )
adjustedHeight = Math.min(maxHeight, adjustedHeight);
if ( adjustedHeight > text.clientHeight )
text.style.height = adjustedHeight + "px";
}
}

window.onload = function() {
document.getElementById("ta").onkeyup = function() {
FitToContent( this, 500 )
};
}


Подробнее здесь: https://stackoverflow.com/questions/454 ... uto-resize