Скрываем блок по нажатию кнопки
Здравствуйте форумчане, помогите глупому нубцу написать скрипт
<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, время: 01:26. |