20'C 흐림
서울 강남구
모달창(iframe)
<a href="http://localhost/modal.html" onclick='from_modal(this.href); return false;'>모달창</a>
<div class="modal fade iframe-modal" id="iframe-modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
<h4 id="modalLabel" class="modal-title"><strong><i class="fa fa-ellipsis-v color-grey"></i> <span id="modal-title"></span></strong></h4>
</div>
<div class="modal-body">
<iframe id="from-iframe" width="100%" frameborder="0"></iframe>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn-e btn-e-lg btn-e-dark" type="button"><i class="fa fa-close"></i> 닫기</button>
</div>
</div>
</div>
</div>
<script>
function from_modal(href) {
$('.iframe-modal').modal('show').on('shown.bs.modal', function () {
$("#from-iframe").attr("src", href);
//$('#from-iframe').height(650);
$('#from-iframe').height(parseInt($(window).height() * 0.85));
$('html').css({overflow: 'hidden'});
});
return false;
}
window.closeModal = function(){
$('.modal').modal('hide');
};
</script>
http://localhost/modal.html페이지에서 모달창 닫기
첫번째 방법
<a href="#" onClick="parent.$('.modal').modal('hide');">닫기</a>
두번째 방법
<a href="#" onClick="closeParentModal();">닫기</a>
<script>
function closeParentModal() {
if (window.parent && window.parent.closeModal) {
window.parent.closeModal();
}
}
</script>