Изменение размера текстовых полей с помощью prototype

в настоящее время я работаю на внутренних продаж компании в которой я работаю, и у меня есть форма, которая позволяет пользователю изменить адрес доставки.

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

Вот скриншот данный момент.

ISO-Адрес

какие-то идеи?


@Крис

хороший момент, но есть причины, я хочу, чтобы это изменить размер, я хочу, чтобы зона занимает площадь информации, содержащейся в нем. Как вы можете видеть на скриншоте, если у меня есть фиксированная textarea, он берет справедливой wack вертикального пространства.

я могу уменьшить шрифт, но мне нужен адрес, чтобы быть большими и читаемым. Теперь я могу уменьшить размер текста, но потом у меня возникли проблемы с людьми, которые имеют адрес строки, которая занимает 3 или 4 (занимает 5) строк. Нужна пользователю с помощью полосы прокрутки является основным нет-нет.

я думаю, что мне стоит быть чуть более конкретным, я после того, как изменение размера по вертикали, ширина не имеет значения, как много. Проблема только в том, что произойдет с этим, является ISO номер (большая цифра "1") попали под адресом когда ширина окна слишком мал (как вы можете видеть на скриншоте).

Это не о том, gimick, это о том, что текстовое поле пользователь может редактировать не берет ненужные места, но будет посмотреть весь текст.

Хотя, если кто-то придумает другой способ подхода к проблеме я открыт для этого.


@Orion

Спасибо!

я модифицировал код немного, потому что он действует немного странным, я изменил его, чтобы активировать на keyup, потому что она не будет принимать во внимание характер, который был только что ввели.

resizeIt = function( ) {
  var str = $( 'iso_address' ).value;
  var cols = $( 'iso_address' ).cols;
  var linecount = 0;
  $A( str.split( "n" ) ).each( function( l ) {
    linecount += 1 + Math.floor( l.length / cols ); // take into account long lines
  } )
  $( 'iso_address' ).rows = linecount;
};

Найдено 19 ответов:

Autosizing textarea using prototype

http://stackoverflow.com/questions/7477/autosizing-textarea-using-prototype

Посмотреть решение →