Поменять фон при вводе в текст поле input
<style>
.sidebar{
float:left;
width: 200px;
height: 200px;
background-color: #eee;
}
</style>
<div class="sidebar"></div>
<div style="float: left">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
</div>
Надо поменять фон при фокусе в какое либо поле input,кол-во input может меняться. |
на js можно ли сделать или лучше jQuery
|
Цитата:
|
забыл написать, что нужно менять блок sidebar
на jquery
$('input').focus(
function(){
$('.sidebar').css('background','#e4e');
}).blur(
function(){
$('.sidebar').css('background','#eee');
});
как это написать на js? |
Цитата:
<style>
.sidebar {
float: left;
width: 200px;
height: 200px;
background-color: #eee;
}
</style>
<div class="sidebar"></div>
<div style="float: left">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
</div>
<script>
var inputs = document.querySelectorAll('input[type=text]'),
sidebar = document.querySelector('.sidebar');
Array.prototype.forEach.call(inputs, function (el) {
el.addEventListener('focus', function () {
sidebar.style.backgroundColor = '#e4e';
})
el.addEventListener('blur', function () {
sidebar.style.backgroundColor = '#eee';
})
})
</script>
|
спасибо)
|
| Часовой пояс GMT +3, время: 23:44. |