как сделать ,чтобы модальное окно всплывало сразу после загрузки страницы?

Question

есть модальное окно, которое открывается с кнопки. Подскажите, пожалуйста, скрипт (java), который будет открывать окно сразу при загрузке страницы? заранее благодарю

<a href="#openModal-1" class="glo">ЗАБРАТЬ</a>
<div id="openModal-1" class="modal-1">
  <div class="modal-dialog-1">
    <div class="modal-content-1">
      <div class="modal-header-1">
        <h3 class="modal-title-1">ПОЗДРАВЛЯЕМ!</h3></br>
      </div>
      <p>ВЫ ВЫИГРАЛИ: </p>
      <div class="modal-body-1" id="okno"></div>  
      <a class="glo">ЗАБРАТЬ</a></br>
    </div>
  </div>
</div>

Answer 1

Просто вставьте этот код в скрипте перед </body>

$("#openModal-1").modal()

Answer 2

function showPopup() {
  document.getElementById('openModal-1').style.display = 'block';
}
window.onload = showPopup();

#openModal-1 {
  display: none;
}

<a href="#openModal-1" class="glo">ЗАБРАТЬ</a>
<div id="openModal-1" class="modal-1">
  <div class="modal-dialog-1">
    <div class="modal-content-1">
      <div class="modal-header-1">
        <h3 class="modal-title-1">ПОЗДРАВЛЯЕМ!</h3>
        </br>
      </div>
      <p>ВЫ ВЫИГРАЛИ: </p>
      <div class="modal-body-1" id="okno"></div>
      <a class="glo">ЗАБРАТЬ</a></br>
    </div>
  </div>
</div>

Можно добавить легкую анимацию. Например:

function showPopup() {
  document.getElementById('openModal-1').style.display = 'block';
}
window.onload = showPopup();

#openModal-1 {
  display: none;
  background: pink; opacity: 0;
  animation: animate 2s linear forwards;
}

@keyframes animate {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

<a href="#openModal-1" class="glo">ЗАБРАТЬ</a>
<div id="openModal-1" class="modal-1">
  <div class="modal-dialog-1">
    <div class="modal-content-1">
      <div class="modal-header-1">
        <h3 class="modal-title-1">ПОЗДРАВЛЯЕМ!</h3>
        </br>
      </div>
      <p>ВЫ ВЫИГРАЛИ: </p>
      <div class="modal-body-1" id="okno"></div>
      <a class="glo">ЗАБРАТЬ</a></br>
    </div>
  </div>
</div>

БЛОГ НА HUSL

как сделать ,чтобы модальное окно всплывало сразу после загрузки страницы?

Ответы (2 шт):