Bymas | js ругается

Тема закрыта by

pyrokinesis
Причина: решено

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

javascript

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

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

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

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

pyrokinesis , Когда ты до делаешь полностью свой сайт,тогда интернета не будет

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

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

Sovet [!] (15 сен 2022, в 23:47)

pyrokinesis , Когда ты до делаешь полностью свой сайт,тогда интернета не будет

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

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

pyrokinesis (15 сен 2022, в 22:27)
пацаны, у меня два js кода. одно отвечает за всплывающее окно с формой, другое окно отвечает за всплывающее изображения, но получается что 2 этих js скрипта друг с другом конфликтуют. нажимаю на всплывающее изображение , а открывается форма. как можно переделать что бы они не относились друг к другу ? Код всплывающего изображения

javascript

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

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

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

пробовал переименовывать getElementById('myModal'); не получилось

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

pyrokinesis (15 сен 2022, в 23:54)
та знаю, я уже давно не создавал темы , пока вот все получается кроме js

Давно

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

Изображение

------

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

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