Необходимо скрыть блок,при клике вне него, если кликаю на крестик, то все нормально закрывается, если кликаю вне него, то задний фон остается затемнен и никуда кликнуть нельзя, вот код крестика:
document.getElementById('cancel').onclick=function(){
var container = document.getElementById('prompt-form-container');
hideCover();
container.style.display = 'none';
}
Вот код, чтоб скрывать при клики вне блока
var modal = document.getElementById('myModal');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
hidecover();
}
Функция
function hideCover() {
document.body.removeChild(document.getElementById('cover-div'));
}
Код блока:
<div class="wallets-deposit" id="myModal">
<div class="wallets-deposit__inner" >
<div class="wallets__p-title">
<h5>Withdrawal</h5>
<div>Available: <span id="span_in_title_withdrawal"></span></div>
<div class="fragment" id="cancel"> <span class="closebtn" style="position: relative; bottom:auto; right: 10px" >×</span></div>
</div>
window.onclick = function(event) {
if (event.target == document.getElementById('cover-div'))
document.getElementById('cancel').onclick();
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть 2 кнопки, каждая отвечает за срабатывание своей части контента, подскажите как это компактно оформить, чтобы не копировать одно и тоже...