Динамическая обработка форм

[MrPostman]

Здравствуйте.

Суть такова(упрощённо):

<form>
<input type="text" name="head" />
<input type="submit" value="Add!" />
</form>

<form>
<textarea name="description">
</textarea>
...
</form>

Стоит задача, в input type="text" вводится информация, которая по нажатию кнопки Add должна появляться в textarea без перезагрузки страницы. Информация должна дописываться в конец, в textarea может быть введено что-то ещё непосредственно. Подскажите, каким образом это реализовать.

Edited November 2, 2011 by MrPostman

[zSpx]

Просто передать значение и все? Ну тогда это очень простой скрипт и Вы сами его напишите, я только опишу по шагам, что Вам нужно сделать:

1. Найти input текстовый, кнопку Add (тут оговорка, использовать нужно <input type="button"/>, а не type="submit", это правильней, да и как вы форму отправите, если на сабмите обработчик висит?) и textarea и сохранить ссылки в 3х переменных (проще задать лементам ID и искать по getElementById, можно и без него, но тогда сами капайте как).

2. Повесить на Add кнопку обработчик клика, который проверял бы, есть ли значение value в input и, если есть, плюсовал бы его к текущему значении texarea.

[MrPostman]

Я был немного некорректен и опустил одну важную деталь, нужен именно сабмит, поскольку данные первой формы отправляются на сервер. Но сделать это нужно без перезагрузки всей страницы, поскольку в textarea может быть введена некоторая информация, которая не должна быть потеряна. Записывать её в переменную и отправлять на сервер, а затем получать обратно как-то коряво.

Например, я пишу текст в textarea и мне нужно добавить картинку, я загружаю её тут же, а путь появляется в textarea на том месте, где я остановился.

Edited November 3, 2011 by MrPostman

[Great Rash]

Вам нужен AJAX