Я - новичок в программировании. Я искал ответ, но ни один из найденных, похоже, не решил мою проблему.Закрыть всплывающее окно, щелкнув за его пределами
Я использовал [how do I center javascript css popup div, no matter what the screen resolution?] всплывающий div метод, объясненный в вопросе. Мне было интересно: возможно ли закрыть div, щелкнув за его пределами с небольшими изменениями в следующем коде?
спасибо, что заблаговременно!
Мой код:
<script type="text/javascript">
function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "block"
dlg.style.display = "block"
if (document.body.style.overflow = "scroll") {
cvr.style.width = "1024"
cvr.style.height = "100%"
}
}
function closePopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "none"
dlg.style.display = "none"
document.body.style.overflowY = "scroll"
}
</script>
<style type="text/css">
#cover {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: gray;
filter: alpha(Opacity = 50);
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5
}
</style>
В HTML, у меня есть несколько дивы скрытых с идентификаторами "Dialog1", "Dialog2" и так далее. При нажатии на ссылку, то ДИВ показывает вверх и закрыть его я использую ссылку IMG:
< a class="close" href="#2" onclick="closePopUp('dialog2');">< img src="/img/close.png" height="30px"></a >
прислать код, чтобы получить ответ – Kingk
Код указан в ссылке Я отправил письмо! – Kristine
В качестве стартера вам понадобится способ регистрации mouseclick на документе, а затем закрытия всплывающего окна. Без вашего кода, насколько я могу идти –