bymas.ru | js ругается

KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Пиратская ферма, заходи, новичок
Уникальная онлайн игра! ЗАЙДИ И ОЦЕНИ!
Дешёвый Хостинг Сайтов
Принимай платеж на свои сайты без блоков
WorldByte - Наш хостинг - партнер

Топ дня:

System

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

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

пацаны, у меня два 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 , Я тебе раньше кинул решение на это.Куда ты дел?

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

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

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

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

pyrokinesis (15 сен 2022, в 22:27)
пацаны, у меня два 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'); не получилось

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

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

Давно

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

Изображение

------

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

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

Онлайн: 3