Просмотр полной версии : Динамическое изменение...
allanmiln
27.03.2013, 13:26
Здравствуйте.
Есть div блок и форма. Нужно сделать так, чтобы при вводе текста в форму, он динамически появлялся в div блоке, как это сделать?
Получилось только по нажатию на кнопку, определять переменную по id элемента и вставлять, но хотелось бы динамику.
Заранее благодарен.
Есть 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="Посмотреть">
<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
Спасибо!
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot