Топ дня: 60924809

Всем привет, такая проблема. есть у мне на странице модельное окно, все нормально работает.
но хочу еще одно модельное окно сделать, на данной странице, не получается.
когда нажимаю на одну кнопку то другое окно не работает.
они друг с другом конфликтуют.
пробовал значение менять myModa и myBtn и не помогло
кто может помочь ?

echo '<div id="myModal" class="modal">';

  

    

    echo'<div class="modal-content">

      <span class="close">×</span>';

  echo "Вам предложение бракосочетания</span> <span class="ank_d"><a href='/moduls.zags/edit.php?act=da'>Принять</a> | </span>";

  echo "<a href='/moduls.zags/edit.php?act=net'>Отказатся</a></span><br />";

  

  echo "</div></div>";

// Get the modal

  var modal = document.getElementById('myModal');

  

  // Get the button that opens the modal

  var btn = document.getElementById("myBtn");

  

  // 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";

      }

  }

________
посл. ред. 18.05.2022 в 22:55; всего 2 раз(а); by 155876556

Может бан? Зачем 2 одинаковых темы?

Dusty, некто не хочет . помочь (( я ту щас закрою

Нельзя использовать два одинаковых идентификатора (div id) на странице, по этому и не получается.
Попробуй так:

// Get the modal

  var modal = document.querySelectorAll('#myModal, #myModal_2');

  

  // Get the button that opens the modal

  var btn = document.querySelectorAll("#myBtn, #myBtn_2");

  

  // 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";

      }

  }

И вёрстка

?> 

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

 <div class="modal-content">

 <span class="close">×</span>

 Вам предложение бракосочетания</span> <span class="ank_d"><a href="/moduls.zags/edit.php?act=da">Принять</a> | </span>

 <a href="/moduls.zags/edit.php?act=net">Отказатся</a></span><br />

 </div></div>

 

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

 <div class="modal-content">

 <span class="close">×</span>

 Вам предложение бракосочетания №2</span> <span class="ank_d"><a href="/moduls.zags/edit.php?act=da">Принять</a> | </span>

 <a href="/moduls.zags/edit.php?act=net">Отказатся</a></span><br />

 </div></div>

 <?php

________
посл. ред. 18.05.2022 в 23:12; всего 1 раз(а); by the_lark

the_lark, спасиб . буду пробовать

the_lark, поставил, все равно не работает (((

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

Где кнопка вызова?

сорян, в моде не шарю

155876556, Короче, специально для тебя сделал Ссылка, надеюсь дальше будет понятно что как.