Обновление элементов через input
Здравствуйте!
Дорогие друзья помогите советом, как реализовать данную возможность: Необходимо, при вбивании текста в поле input, чтобы данный текст появлялся одновременно в других блоках сайта. Как это можно реализовать как можно проще? как пример http://flippingtypical.com/ Заранее спасибо. |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div class="odin">Результат 1</div>
<div class="dva">Результат 2</div>
---------------------------------------
<div class="content">
<span class="odin_1">1</span><br>
<span class="odin_2">2</span>
</div><br><br>
<div class="content">
<span class="odin_1">3</span><br>
<span class="odin_2">4</span>
</div><br><br>
<div class="content">
<span class="odin_1">5</span><br>
<span class="odin_2">6</span>
</div>
<script>
$('.content').on('click', function(){
a = $(this).find('.odin_1').html();
b = $(this).find('.odin_2').html();
$('.odin').html(a);
$('.dva').html(b);
});
</script>
|
Sav2907,
Спасибо за интересное решение, но не совсем понимаю, здесь указана возможность обновления за счет клика а мне необходимо мгновенное обновление текста в момент ввода. Как указано в примере сайта вверху. Опыта в Javascript на уровне новичка, поэтому если можно дополните ответ пояснением. |
Nlk,
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<input type="text" onkeyup="add_text(this.value)"/><br>
<span class="text"></span><br>
<span class="text"></span><br>
<span class="text"></span>
<script>
function add_text(text){
$(".text").html(text);
}
</script>
|
shyxeroks,
Спасибо, всё круто. |
| Часовой пояс GMT +3, время: 21:15. |