Как закрыть одно всплывающее окно, а затем открыть другое на js [требует правки]

247
13 мая 2017, 20:45

Наведите пожалуйста на материалы или подскажите какие изучить функции. Нужно после клика по кнопке одно всплывающее окно закрыть и открыть другое с помощью JS.

Answer 1

Вам наверно стоит уточнить вопрос

alert('Нажмите ОК для открытия другого модального окна'); 
confirm('Ну как, открылось?')

Answer 2

Ниже самый элементарный подход. Но его можно развивать в зависимости от ваших нужд.

var button = document.getElementById('button'), 
    first = document.getElementById('first'), 
    second = document.getElementById('second'); 
 
// Отслеживаем клик 
button.addEventListener('click', function() { 
 
  // Закрываем первый поапа 
  first.classList.remove('opened'); 
   
  // Открываем второй 
  second.classList.add('opened'); 
});
.popup { 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #eee; 
  display: none; 
} 
.popup.opened { 
  display: block; 
}
<div class="popup opened" id="first"> 
  first 
  <button id="button">toggle</button> 
</div> 
<div class="popup" id="second">second</div>

READ ALSO
LocalStorage начальный значения

LocalStorage начальный значения

Использую local storage для сохранения игры, cобираюсь сохранить массив, но ему нужны начальные значения неравные нулю, как осуществить?

232
Стилизация input

Стилизация input

Со стилизацией форм вечные проблемыСейчас столкнулся с необходимостью по-особенному выводить дату

270