Bymas | модельное окно

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

php

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

javascript

   // 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 , некто не хочет . помочь (( я ту щас закрою

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

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

javascript

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

И вёрстка

php

   ?>  <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 (18.05.2022 в 22:54) Всем привет, такая проблема. есть у мне на странице модельное окно, все нормально работает. но хочу еще одно модельное окно сделать, на данной странице, не получается. когда нажимаю на одну кнопку то другое окно не работает. они друг с другом конфликтуют. пробовал значение менять myModa и myBtn и не помогло кто может помочь ?

php

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

javascript

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

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

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

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