пацаны, у меня два js кода.

одно отвечает за всплывающее окно с формой, другое окно отвечает за всплывающее изображения,
но получается что 2 этих js скрипта друг с другом конфликтуют.
нажимаю на всплывающее изображение , а открывается форма.


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


Код всплывающего изображения

   

 var modals = document.getElementById("myModal");

  var images = document.querySelectorAll(".perfect");

  var modalImg = document.getElementById("img01");

  var captionText = document.getElementById("caption");

  

  images.forEach(function(elem) {

      elem.addEventListener("click", function() {

        modals.style.display = "block";

        modalImg.src = this.src;

        captionText.innerHTML = this.alt;

      });

  });

  

  var span = document.getElementsByClassName("close")[0];

  

  // When the user clicks on <span> (x), close the modal

  span.onclick = function() { 

    modals.style.display = "none";

  }

 

 

 

код всплывающей формы

   

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

     }

 }

  

 

пробовал переименовывать getElementById('myModal'); не получилось
________
посл. ред. 15.09.2022 в 22:32; всего 2 раз(а); by 155876556

pyrokinesis , Когда ты до делаешь полностью свой сайт,тогда интернета не будет Пора бы самому научиться хоть к чему то, а не создавать темы, каждый раз когда редактируешь сайт.Без обид братан, но Пора научиться.Язык java не такой сложный.Изучи его.

pyrokinesis , Я тебе раньше кинул решение на это.Куда ты дел?

та знаю, я уже давно не создавал темы , пока вот все получается кроме js

переименовать js в id="modal" в одном из блоков
так же и close

Давно Смотри на даты твоих тем

Изображение

------
83743_screenshotbymas.ru2022.09.1600_40_29.png (76.0 Kb)
Скачиваний: 185

Sovet , да я нашел, н пока практикуюсь пытаюсь сам сделать, вроде получилось, толко вот закрываться не хочет