Скрываем блок по нажатию кнопки
Здравствуйте форумчане, помогите глупому нубцу написать скрипт
<div class="input-group" id="lol"> <input type="text" class="form-control" id="txtCommand"> <div class="input-group-btn"> <button type="button" class="btn btn-primary" tabindex="-1" id="btnSend"><span class="glyphicon glyphicon-arrow-right"></span> Отправить</button> </div> </div> Мне нужно скрыть блок lol После нажатия на кнопку btnSend Что я не могу сделать: Нажимаю на кнопку=>проходит 3-5секунд=>блок скрывается на 5-10 секунд. |
Цитата:
<div id="target">
<button>Click me</button>
</div>
<script>
var config = {
target: document.getElementById('target'),
hide: { min: 3000, max: 5000 },
show: { min: 5000, max: 10000 }
};
document.querySelector('button').onclick = function(){ toggle(config) };
function rand(min, max) {
return Math.round(min + Math.random() * (max - min));
}
function toggle(config) {
var hideThrough = rand(config.hide.min, config.hide.max),
showThrough = rand(config.show.min, config.show.max);
if (config.target.getAttribute('data-isHiding')) {
return false;
}
config.target.setAttribute('data-isHiding', true);
// test
console.log('I\'m going to hide target element via %s ms', hideThrough);
setTimeout(function() {
config.target.style.display = 'none';
// test
console.log('I\'ll show it via %s ms', showThrough);
setTimeout(function() {
config.target.style.display = 'block';
config.target.removeAttribute('data-isHiding');
}, showThrough);
}, hideThrough);
}
</script>
|
CrazzyBerg, у меня экстрасенсорные способности мало развиты (я еще новичек). Поэтому откройте консоль и посмотрите, ибо у меня на:
Ubuntu 15.04 Firefox последний, Chrome последний. Android 5.1.1 Chrome последний. работает. (смотрел с вашего сервера). |
А если сделать проще, просто выключаем input при нажатии на клавишу, только опять же я не знаю как это реализовать.
|
Цитата:
2) Если нажата нужная клавиша 3) Скрыть элемент http://learn.javascript.ru/keyboard-events |
| Часовой пояс GMT +3, время: 18:44. |