[Вопрос]

Есть вот такой код, который изменяет размер поля textarea в зависимости от объёма введенных данных:

<style>
.resize_textarea{
	height: 100%;
	position: absolute;
}
.resize{
	position: relative;
	width: auto;
	height: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}
</style>

<div class="resize"><textarea class="resize_textarea"></textarea></div>

<script>
  (function() {
    var d = document,
        c = d.getElementsByTagName('div')[0],
        t = d.getElementsByTagName('textarea')[0],
        f = d.createTextNode('');
		
    c.appendChild(f);
    
    function updateSize() {
       f.nodeValue = t.value + '\n\n';
    }
    
    t.onkeypress = t.onkeyup = t.onchange = updateSize;
    
    updateSize();
  })();
</script>

Проблема в том, что используется только первый встречающийся тег textarea, который находится внутри тега div. Это видно по вот этим участкам кода:

getElementsByTagName('div')[0]

и

getElementsByTagName('textarea')[0]

Хочу сделать так, чтобы этот скрипт работал с абсолютно всеми полями textarea с присвоенным классом "resize_textarea" которые есть в коде страницы. Знаю что для этого нужно использовать метод getelementsbyclassname, и в цикле перебирать все элементы, но справиться к сожалению не получаеться.

Буду благодарен любой помощи с этим скриптом

Originally Posted by ikopylov

Знаю что для этого нужно использовать метод getelementsbyclassname, и в цикле перебирать все элементы, но справиться к сожалению не получаеться.

И не получится. Метод не кроссбраузерный и поддержан не всеми браузерами. Бери все textarea и проверяй свойство ClassName.

var textareas = document.getElementsByTagName('textarea');

for(var i = 0;i < textareas.length;i++){
if(textareas[i].ClassName == 'resize_textarea'){
твой код тут
}
}

Причем советую использовать расширенный алгоритм для проверки на наличие класса. Так как в свойстве ClassName может быть строка из нескольких классов.

можно использовать для поиска нужного класса готовые функции библиотеки YUI
не могу привести конкретную фонкцию, но точно знаю, что есть и сам пользовался пару раз
это не конкретно поиск класса, там идет замена одного на другой или удаление класса у элемента или установка класса для элемента

Сейчас пробуем 1й вариант от Sellrion
@kerk, спасибо

@ikopylov, jQuery не используется на страничке с формами? (Можно более "элегантно" решить данную задачу = ))

@OldEr, jQuery нет, как?