- 18, May 2024
- #1
У меня есть 3 всплывающих окна на одной странице. Я нашел код JavaScript для закрытия div при нажатии за пределами div. Проблема в том, что когда я добавляю один, он работает, когда я добавляю 2 или 3, ничего не работает. Возможно ли разместить все 3 на одной странице?
function myFunction() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}
// Prevents menu from closing when clicked inside
document.getElementById("myPopup").addEventListener('click', function (event) {
event.stopPropagation();
});
// Closes the menu in the event of outside click
window.onclick = function(event) {
if (!event.target.matches('.amount')) {
var dropdowns =
document.getElementsByClassName("tooltiptext");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openmyPopup = dropdowns[i];
if (openmyPopup.classList.contains('show')) {
openmyPopup.classList.remove('show');
}
}
}
}
function myFunctions() {
var popup = document.getElementById("mypopup");
popup.classList.toggle("shows");
}
// Prevents menu from closing when clicked inside
document.getElementById("mypopup").addEventListener('click', function (event) {
event.stopPropagation();
});
// Closes the menu in the event of outside click
window.onclick = function(event) {
if (!event.target.matches('.furbm')) {
var dropdowns =
document.getElementsByClassName("tooltipstext");
var i;
for (i = 0; i < dropdownss.length; i++) {
var openmypopup = dropdowns[i];
if (openmypopup.classList.contains('shows')) {
openmypopup.classList.remove('shows');
}
}
}
}
function myFunctionss() {
var popup = document.getElementById("mYpopup");
popup.classList.toggle("showS");
}
// Prevents menu from closing when clicked inside
document.getElementById("mYpopup").addEventListener('click', function (event) {
event.stopPropagation();
});
// Closes the menu in the event of outside click
window.onclick = function(event) {
if (!event.target.matches('.furbc')) {
var dropdowns =
document.getElementsByClassName("toolstiptext");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openmYpopup = dropdowns[i];
if (openmypopup.classList.contains('showS')) {
openmypopup.classList.remove('showS');
}
}
}
}
}
![[Ольга Лидовская] Оценка эффективности маркетинга и рекламы](/assets/images/icons/forum3.png){kind=icon}
![[Александр Талюка] Эмоциональный портрет: как работать с начинающей моделью (2019)](/assets/images/icons/forum5.png){kind=icon}
![[Юлия Бокачева] Самоценность и самопринятие (2019)](/assets/images/icons/forum2.png){kind=icon}
![[loftschool] Комплексное Обучение Разработке На Php (2016)](/assets/images/icons/forum0.png){kind=icon}
