Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2013, 13:26
Аспирант
Отправить личное сообщение для allanmiln Посмотреть профиль Найти все сообщения от allanmiln
 
Регистрация: 18.01.2013
Сообщений: 94

Динамическое изменение...
Здравствуйте.

Есть div блок и форма. Нужно сделать так, чтобы при вводе текста в форму, он динамически появлялся в div блоке, как это сделать?

Получилось только по нажатию на кнопку, определять переменную по id элемента и вставлять, но хотелось бы динамику.

Заранее благодарен.
Ответить с цитированием
  #2 (permalink)  
Старый 27.03.2013, 13:29
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от allanmiln
Есть div блок и форма.
Где тестовый пример?
Ответить с цитированием
  #3 (permalink)  
Старый 27.03.2013, 13:38
Аспирант
Отправить личное сообщение для allanmiln Посмотреть профиль Найти все сообщения от allanmiln
 
Регистрация: 18.01.2013
Сообщений: 94

Примерно так:
<script>
function SetText() {
var text = $('#text').val();
$('#textpreview').innerHTML = text;
}
</script>

<input type="text" id="text" value="Введите текст">
<div id="textpreview"></div>
<input type="button" onclick="SetText();" value="Посмотреть">
Ответить с цитированием
  #4 (permalink)  
Старый 27.03.2013, 17:14
Аватар для zilker
Профессор
Отправить личное сообщение для zilker Посмотреть профиль Найти все сообщения от zilker
 
Регистрация: 30.07.2011
Сообщений: 189

<input type="text" onkeypress="SetText()" autocomplete="off" id="text" placeholder="Введите текст">
<div id="textpreview"></div>
<script>
function SetText(e) {
    e = e || window.event;
    document.getElementById('textpreview').innerHTML = document.getElementById('text').value + getChar(e);
}
function getChar(event) {
    if (event.which == null) {
        if (event.keyCode < 32) return null;
        return String.fromCharCode(event.keyCode);
    }
    if (event.which!=0 && event.charCode!=0) {
        if (event.which < 32) return null;
        return String.fromCharCode(event.which);
    }
    return null;
}
</script>

Последний раз редактировалось zilker, 27.03.2013 в 18:39.
Ответить с цитированием
  #5 (permalink)  
Старый 27.03.2013, 22:48
Аспирант
Отправить личное сообщение для allanmiln Посмотреть профиль Найти все сообщения от allanmiln
 
Регистрация: 18.01.2013
Сообщений: 94

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое изменение фона ячейки CyMKuH Элементы интерфейса 2 11.07.2011 15:19
Динамическое изменение пути до элемента формы Rol1k Events/DOM/Window 9 07.01.2011 11:30
Динамическое изменение размеров блока при наведении мыши! Viktor ------- Общие вопросы Javascript 7 05.05.2009 19:13
Динамическое изменение <input text> baal1988 Events/DOM/Window 4 24.08.2008 17:17
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 16:55