Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.05.2015, 00:45
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

localStorage и событие "storage"
Возможно ли сделать так, чтобы при изменении цвета фона у <body> в одной вкладке, цвет фона менялся бы и в другой? Цвет фона меняется при обновлении страницы.

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>localStorage</title>
	<style>
		html, body {
			height: 100%;
		}

		body {
			margin: 0;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.bg-1 {
			background: chocolate;
		}

		.bg-2 {
			background: aqua;
		}

		.bg-3 {
			background: grey;
		}

		h1 {
			color: white;
			font-size: 3em;
		}
	</style>
</head>
<body>
	<h1>Change the background color of the page when you reload.</h1>

	<script>
		var body = document.body,
			currentStyle = +localStorage.currentStyle || 0;

		window.addEventListener('load', function() {
			body.classList.add('bg-' + (currentStyle + 1));
			localStorage.currentStyle = ++currentStyle % 3;
		});

		window.addEventListener('storage', function( event ) {
			// body.classList.add('bg-' + +event.newValue);
			console.log(event.key);
		});
	</script>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 25.05.2015, 03:01
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

Заработало. Надо было локальный сервер запустить
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
событие mouse up Trues Общие вопросы Javascript 4 05.05.2015 23:58
Событие onload SP7 Общие вопросы Javascript 4 10.11.2013 23:50
Событие click Гробовщик jQuery 1 31.07.2013 07:28
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 11:46
Отловить событие simple Events/DOM/Window 3 11.05.2011 14:20