Модальный, один сценарий с той же стороны - PullRequest
Новая
       21

Модальный, один сценарий с той же стороны

0 голосов
/ 24 мая 2018

У меня есть один модал, работающий на моем сайте, но я хочу еще один модал, но как?Или, может быть, ссылка на рабочий код, чтобы помочь? 

<div id="glemsom" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
   <span class="close">&times;</span>
   <h2>Glemt koden?</h2>
 </div>
 <div class="modal-body">
   <p>Modal no 1</p>

 </div>

с этим сценарием: 

<script>
// Get the modal
var modal = document.getElementById('glemsom');

// Get the button that opens the modal
var btn = document.getElementById("glemtkoden");


// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal
btn.onclick = function() {
    modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>

Как я могу добавить более модальные на той же стороне сценария.

...