Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.04.2018, 13:08
Новичок на форуме
Отправить личное сообщение для Miracle5 Посмотреть профиль Найти все сообщения от Miracle5
 
Регистрация: 20.02.2018
Сообщений: 9

Вывод информации через div
Ребят такой вопрос, допустим произошло какое-то событие (например кликнули по кнопке). Как с помощью div на весь экран вывести какую-то информацию? И как потом убрать эту информацию до повторного нажатия без перезагрузки страницы?
Ответить с цитированием
  #2 (permalink)  
Старый 26.04.2018, 13:20
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<!DOCTYPE html>
<html>
<head>
	<title>Untitled</title>
	<meta charset="utf-8">
	<style>
		div{
			display: none;
			background-color: #000;
			position: absolute;
			width: 100%;
			height: 100%;
			color: red;
			top:0;
		}
	</style>
</head>
<body>
	Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Там послушавшись парадигматическая эта наш подзаголовок точках букв предложения, буквоград безорфографичный семантика всемогущая, семь вершину языком пояс имеет на берегу грустный.
	<button>Кнопка</button>
	<div>ИНФОРМАЦИЯ</div>
	<script>
		document.querySelector('button').onclick = e =>  {
			var div = document.querySelector('div');
			div.style.display = 'block';
			setTimeout(()=>div.style.display = 'none', 2000);
		};

	</script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод ошибок сервера через AJAX smart-create AJAX и COMET 4 19.01.2017 16:05
вывод информации в div Egorka Элементы интерфейса 6 21.04.2014 21:28
Вывод значений таймера в div Tylmaril (X)HTML/CSS 7 21.07.2013 16:47
Удалить блок div через 10-20с. de2lide AJAX и COMET 9 28.05.2013 13:04
Не получается загрузить баннер в раздел DIV методами Javascript через iframe ((( autobuh Общие вопросы Javascript 3 24.07.2009 19:24