Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрываем блок по нажатию кнопки (https://javascript.ru/forum/dom-window/58452-skryvaem-blok-po-nazhatiyu-knopki.html)

CrazzyBerg 22.09.2015 19:26

Скрываем блок по нажатию кнопки
 
Здравствуйте форумчане, помогите глупому нубцу написать скрипт

<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 секунд.

Lemme 22.09.2015 20:01

Цитата:

Что я не могу сделать:
В следующий раз - как пробовали, и.т.д
<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>

Lemme 22.09.2015 20:57

CrazzyBerg, у меня экстрасенсорные способности мало развиты (я еще новичек). Поэтому откройте консоль и посмотрите, ибо у меня на:

Ubuntu 15.04 Firefox последний, Chrome последний.
Android 5.1.1 Chrome последний.

работает. (смотрел с вашего сервера).

CrazzyBerg 22.09.2015 21:05

А если сделать проще, просто выключаем input при нажатии на клавишу, только опять же я не знаю как это реализовать.

Lemme 22.09.2015 21:12

Цитата:

только опять же я не знаю как это реализовать.
1) Повесить обработчик событий keypress
2) Если нажата нужная клавиша
3) Скрыть элемент

http://learn.javascript.ru/keyboard-events


Часовой пояс GMT +3, время: 01:26.