HTML+CSS+JavaScript

Добрый день.

Есть html-страница с формой. В форме есть textarea. В textarea пользователь может вводить текст и html-теги. Ниже формы расположена ссылка. Хочется при нажатии на эту ссылку создавать новую страницу, в которую помещать содержимое textarea. То есть, своего рода preview перед нажатием на submit.

Реализовано так:

-------- html ----------- <form action="script.php" name=first method="post">     <textarea cols=76 rows=10 name="content"></textarea><br>     <input type="submit" name=edit value="Apply"> </form> <a href="#" onclick="p2();" >Preview</a>[code] -------- js ----------- [code]function p2() {     h = open("","","width=400,height=394");     text = document.getElementsByName('content')[0].innerHTML;     h.document.open();     h.document.write(text);  }

Проблема: в отображаемой html-странице теги "не резолвлятся".
Пример: пользователь набрал в textarea:

Тест. <a href="abc.html">Ссылка</a>

Ожидаемое поведение:
Тест. [url]Cсылка[/url].
Нынешнее поведение:
Тест. <a href="abc.html">Ссылка</a>

То есть, браузер "не понимает" теги, считая их обычными символами.
Вопрос: как сделать так, чтобы html-теги правильно интерпретировались браузером. Спасибо.

P.S. Прикол в том, что если вместо строчки

text = document.getElementsByName('content')[0].innerHTML;

я напишу

text='Тест. <a href="abc.html">Ссылка</a>';

то все отобразится правильно (теги будут интерпретированы). Но вот в исходном варианте почему-то не работает. Очень надеюсь на вашу помощь. Спасибо.

Ответ найден, вопрос снят. Пасиб.

var txt = document.getElementsByName('content')[0].value;