![]() |
JavaScript: вывод текста из текстового поля
Подскажите, как при помощи javascript вывести на экран содержимое текстового поля?
Например, в текстовое поле вводится html код ссылки, а javascript показывает саму эту ссылку на той же странице рядом. Насколько хватает моих знаний javascript, смог написать нечто подобное, но при нажатии на кнопку "View", document.write отображает текст на чистой странице, а хотелось бы, чтобы он выводил ссылку рядом с формой. Вот код, который я набросал: Код:
<input name=x type=text size=100 value='<a href=#>ññûëêà</a>'> |
советую посмотреть в сторону DOM и /или слоев
например что-нибудь вроде: - готовим плацдарм: Код:
<P ALIGN="right">Это <B ID="place">то место, куда все будет выводиться. Текст может быть пустым, или пробелом</B></P> Код:
var x = document.getElementById('place'); - меняем текст узла - по какому-то событию (у Вас это кнопка view?) вызываем: Код:
document.getElementById('place').firstChild.nodeValue='что-то новое и исключительно важное'; c "то место, куда все будет выводиться. Текст может быть пустым, или пробелом" на "что-то новое и исключительно важное" - вместо "что-то новое и исключительно важное" подставьте значение Вашего текстового поля и вперед :) |
спасибо, попробую
|
Спасибо! Все прекрасно выводит, но задумка какая-же: чтобы в текстовом поле печатать HTML код, а рядом чтобы javascript выводил этот код в таком виде, в каком он будет отображаться в браузере.
Например я в текстовое поле ввожу HTML код ссылки, а после нажатия View, javascript отображает эту ссылку рядом в удобочитаемом виде - вот какая задумка! Ввожу <a href=#>ссылка</a>, а рядом вижу: ссылка ;) document.write выводит как раз готовую ссылку, но в чистом окне, а метот, который через GetelementByID - он просто перепечатывает то, что введено в текстовое поле. Я точно не знаю, можно ли вообще так сделать, но это просто очень удобно - без перегрузки страницы увидеть как будет выглядеть код, который ты ввел в текстовое поле. Как же это можно еще сделать? |
Jekamajor
посмотрите здесь: http://webfx.eae.net/dhtml/mozInnerH...InnerHtml.html а тут пример того, что написано на выше указанном сайте: http://webfx.eae.net/dhtml/mozInnerH...InnerHTML.html работает и в IE и в Mosile, токо в Осле с какой - то ошибкой....(я толком не вникал) |
О! Спасибо Xcode - по-моему это как раз то, что нужно!
|
Время: 19:54. |
Время: 19:54.
© OSzone.net 2001-