2013-11-14 4 views
0

Можно ли отправить изменение размера текстовой области html в браузере обратно на сервер?Изменение размера текстового поля HTML

У меня есть простой сервлет, который отправляет форму, содержащую текстовое поле? Пользователь в браузере может заполнить форму, изменить размер текстовой области и нажать «Отправить». Я получаю данные в почтовом вызове, но не могу понять, как узнать информацию об изменении размера textarea?

+0

Вы имеете в виду получение окончательных размеров текстового поля при отправке данных или действительных операций (-ов) изменения размера? Что вы намерены делать с информацией? –

+0

Я хочу сохранить размеры. Когда вы используете клики для отправки, я снова возвращаю форму с дополнительным параметром в корпусе html. Я не хочу возвращаться с размером формы по умолчанию, скорее я хочу сохранить размер, чтобы использовать его не нужно каждый раз изменять его размер (это один из вариантов использования моего требования). – abhi

+0

Тогда вам, вероятно, следует отправить только вызов Ajax вместо представление формы. Нет причин оставлять страницу, когда вы специально хотите сохранить ее внешний вид, измененный пользователем. –

ответ

1

Вы можете сделать это с помощью Javascript:

document.getElementById('id-of-textarea').style.width 
document.getElementById('id-of-textarea').style.height 

Ваш Javascript может поместить их в скрытых полей в форме перед его отправкой.

+0

Спасибо, я мог бы достичь этого с вашим решением. Ajax, кажется, идеальное решение для моего использования, как указал Юкка, я попытаюсь изучить это. – abhi

0

Используйте jQuery для извлечения высоты и ширины области текста.

Затем вычтите рассчитанные значения из фактических значений высоты и ширины.

Далее вы можете создать новый элемент ввода и вставить в него эти значения onSubmit.

Это будет внутри вашей функции «onSubmit»

var ht = $("#{textarea id}").height(); 
var wd = $("#{textarea id}").width(); 

var $form = $("#{form id}") 
     .append('<input type="hidden" name="height" value="'+ht+'" />') 
     .append('<input type="hidden" name="width" value="'+wd+'" />'); 

... continue with the submit ... 

Или просто использовать чистый JS для извлечения и создания элементов внутри вашей onSubmit функции.

Смежные вопросы