Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/21: Рейтинг темы: голосов - 21, средняя оценка - 4.71
HardSEO
0 / 0 / 0
Регистрация: 11.01.2012
Сообщений: 138
1

Ввести текст в поле, чтобы он потом появился на экране. Как сделать?

17.07.2012, 20:24. Просмотров 4119. Ответов 5
Метки нет (Все метки)

Как сделать так, чтобы после ввода текста в строку (<input type="text">...) и нажатия кнопки (ОК, например), этот текст появлялся под этой формой.

К примеру, я в поле ввода написал слово "cyberforum", нажал ОК и оно появилось под этим полем.

Для чего мне это надо. Мне надо, чтобы при вводе слова "slovo" (например), оно становилось таким:
<img src="http://s3.amazonaws.com/MinecraftSkins/slovo.png" />

Буду непротив, если скрипт будет не на JS, а на PHP
(с обновллением страницы, но если на JS, то можно и без обновления)
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.07.2012, 20:24
Ответы с готовыми решениями:

Как сделать, так чтобы появился текст, при нажатии на <option>
У меня есть вот такой код на странице add_auto.php, который уже находится в форме. &lt;form...

как сделать, чтобы при нажатии на кнопку появлялась таблица, заданная мною, чтобы в полях таблицы можно было ввести информацию а потом сохранить ее
Здравствуйте! Подскажите, вот у меня есть веб-страница и код в ней. Если открыть в браузере, то сам...

Как сделать, чтобы при клике мышью в текстовом поле (или комбобоксе) курсор оставался в нём и можно было ввести текст?
Подскажите пожалуйста как сделать, чтобы при клике мышью в текстовом поле (или комбобоксе) курсор...

Как сделать, так чтобы появился текст, при нажатии на <option>
У меня есть вот такой код на странице add_auto.php, который уже находится в форме. &lt;form...

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

5
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
17.07.2012, 20:53 2
Вы в одном посте написали о разном:
1.Ввести в поле текст и по клику вывести его ниже этого поля- это одно.
2.А ввести slovo и от этого должна "появится" картинка название которой совпадает с введённым текстом - это вообще непонятно.
Чего на самом деле хотите?
Если толково скажете, как надо (только не вариант 2) - могу это сделать на jQuery.

Добавлено через 17 минут
Например, вот так. Код смотрите на исходной странице.
0
newJS
Эксперт JSЭксперт HTML/CSS
2400 / 1074 / 307
Регистрация: 23.06.2011
Сообщений: 3,347
17.07.2012, 20:58 3
HTML5
1
2
3
<input type="text" value="" name="txt1" id="txt1">
<input type="button" value="кнопка" onclick="butt();">
<div id="txt2"></div>
Цитата Сообщение от Soldado Посмотреть сообщение
могу это сделать на jQuery.
ради одной строки подключать библиотеку? бред.
Javascript
1
2
3
function butt(){
document.getElementById("txt2").innerHTML=document.getElementById("txt1").value;
 };
0
HardSEO
0 / 0 / 0
Регистрация: 11.01.2012
Сообщений: 138
18.07.2012, 03:34  [ТС] 4
Цитата Сообщение от newJS Посмотреть сообщение
HTML5
1
2
3
<input type="text" value="" name="txt1" id="txt1">
<input type="button" value="кнопка" onclick="butt();">
<div id="txt2"></div>
ради одной строки подключать библиотеку? бред.
Javascript
1
2
3
function butt(){
document.getElementById("txt2").innerHTML=document.getElementById("txt1").value;
 };
Это конечно хорошо, но как обрамить выведенный текст?

Перед выведенным на экран текстом надо
HTML5
1
<img src="http://s3.amazonaws.com/MinecraftSkins/
А после текста
HTML5
1
.png" />
0
kalabuni
супермизантроп
Эксперт JS
3401 / 2699 / 646
Регистрация: 18.04.2012
Сообщений: 8,215
18.07.2012, 03:46 5
HTML5
1
2
3
<input id="txt1" />
<input type="button" value="кнопка" onclick="butt ()" />
<img id="myPic" src="" />
Javascript
1
2
3
4
function butt ()
{
document.getElementById ('myPic').src = 'http://s3.amazonaws.com/MinecraftSkins/' + document.getElementById ('txt1').value + '.png';
}
0
HardSEO
0 / 0 / 0
Регистрация: 11.01.2012
Сообщений: 138
18.07.2012, 03:58  [ТС] 6
Можно сделать так, чтобы изображение появлялось после ввода текста в форму? Для теста можно вписать слово iBars.
0
18.07.2012, 03:58
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.07.2012, 03:58

При наведении курсора мыши на ПОЛЕ,чтобы появился весь текст
Добрый времени суток народ! Есть форма, есть поле с длинным текстом, которое не видимо на ширину...

Как сделать авторизацию на сайте + что бы в поле ввести текст и оно на форуме писалось
Как сделать авторизацию на сайте + что бы в поле ввести текст и оно на форум отпровлялось

Как сделать чтобы текст менюшки автоматически отображался в текстовом поле?
как сделать чтобы текст менюшки автоматически отображался в текстовом поле??? заранее спасибо


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru