Вход

Просмотр полной версии : Динамическое изменение...


allanmiln
27.03.2013, 13:26
Здравствуйте.

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

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

Заранее благодарен.

ksa
27.03.2013, 13:29
Есть div блок и форма.
Где тестовый пример?

allanmiln
27.03.2013, 13:38
Примерно так:
<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="Посмотреть">

zilker
27.03.2013, 17:14
<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>

allanmiln
27.03.2013, 22:48
Спасибо!