Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум

Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » JavaScript: вывод текста из текстового поля

Ответить
Настройки темы
JavaScript: вывод текста из текстового поля

Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

Подскажите, как при помощи javascript вывести на экран содержимое текстового поля?
Например, в текстовое поле вводится html код ссылки, а javascript показывает саму эту ссылку на той же странице рядом.

Насколько хватает моих знаний javascript, смог написать нечто подобное, но при нажатии на кнопку "View", document.write отображает текст на чистой странице, а хотелось бы, чтобы он выводил ссылку рядом с формой.

Вот код, который я набросал:
Код: Выделить весь код
<input name=x type=text size=100 value='<a href=#>ññûëêà</a>'>
<input type=submit value=View onclick=echo()>

<script>
function echo()
{
document.write(x.value);
}
</script>
еще раз: выводится на чистой странице, а хотелось бы рядом с формой на той же странице. Может такое можно реализовать по-другому

Отправлено: 21:09, 08-08-2005

 
mar mar вне форума

Аватара для mar

just mar


Moderator


Сообщения: 3904
Благодарности: 163

Профиль | Отправить PM | Цитировать

советую посмотреть в сторону DOM и /или слоев
например что-нибудь вроде:
- готовим плацдарм:
Код: Выделить весь код
<P ALIGN="right">Это <B ID="place">то место, куда все будет выводиться. Текст может быть пустым, или пробелом</B></P>
- И теперь мы можем просто сказать:

Код: Выделить весь код
var x = document.getElementById('place');
и узел (node) модели DOM - наш. Можем делать с ним, все, что угодно. Ну, почти все

- меняем текст узла - по какому-то событию (у Вас это кнопка view?) вызываем:
Код: Выделить весь код
document.getElementById('place').firstChild.nodeValue='что-то новое и исключительно важное';
При этом текст должен поменяться:
c "то место, куда все будет выводиться. Текст может быть пустым, или пробелом" на "что-то новое и исключительно важное"
- вместо "что-то новое и исключительно важное" подставьте значение Вашего текстового поля и вперед

Отправлено: 22:50, 08-08-2005 | #2



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

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


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

спасибо, попробую

Отправлено: 23:46, 08-08-2005 | #3


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

Спасибо! Все прекрасно выводит, но задумка какая-же: чтобы в текстовом поле печатать HTML код, а рядом чтобы javascript выводил этот код в таком виде, в каком он будет отображаться в браузере.
Например я в текстовое поле ввожу HTML код ссылки, а после нажатия View, javascript отображает эту ссылку рядом в удобочитаемом виде - вот какая задумка! Ввожу <a href=#>ссылка</a>, а рядом вижу: ссылка

document.write выводит как раз готовую ссылку, но в чистом окне, а метот, который через GetelementByID - он просто перепечатывает то, что введено в текстовое поле.

Я точно не знаю, можно ли вообще так сделать, но это просто очень удобно - без перегрузки страницы увидеть как будет выглядеть код, который ты ввел в текстовое поле. Как же это можно еще сделать?

Отправлено: 20:16, 09-08-2005 | #4


Аватара для XCodeR

Ветеран


Сообщения: 878
Благодарности: 53

Профиль | Сайт | Отправить PM | Цитировать

Jekamajor
посмотрите здесь:
http://webfx.eae.net/dhtml/mozInnerH...InnerHtml.html
а тут пример того, что написано на выше указанном сайте:
http://webfx.eae.net/dhtml/mozInnerH...InnerHTML.html

работает и в IE и в Mosile, токо в Осле с какой - то ошибкой....(я толком не вникал)

Отправлено: 00:25, 10-08-2005 | #5


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

О! Спасибо Xcode - по-моему это как раз то, что нужно!

Отправлено: 12:43, 10-08-2005 | #6



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » JavaScript: вывод текста из текстового поля

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
CMD/BAT - [решено] вывод текста на экран antoniospb Скриптовые языки администрирования Windows 6 23-04-2010 13:40
[решено] Вывод текста в заданном формате san45 AutoIt 10 06-05-2009 11:30
CMD/BAT - [решено] вывод текстового файла на экран cmd idsp Скриптовые языки администрирования Windows 6 06-04-2009 07:18
Вывод текста по колличеству слов PHP Ginger Вебмастеру 19 10-12-2004 11:59
JavaScript вывод на экран KHEXT Вебмастеру 1 26-01-2004 23:31


« Предыдущая тема | Следующая тема »


 
Переход