모달 관련 분석

모달 관련 분석

$('.modal-client0').on('click',function() {
modalSetting_lg('modal-shipping',''+_admModalUid);
});

//모달셋팅 라지버전
function modalSetting_lg(mid,url)
{
    if (mid == '.rb-modal-x') frames._modal_iframe_sub_.location.href = url;
    else {
        var modalTag = '';
        modalTag += '<div class="modal fade" data-backdrop="static" data-keyboard="false" id="'+mid+'" tabindex="-1" role="dialog" aria-hidden="true"><div id="modal_window_dialog_'+mid+'" class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content"><div id="_modal_header_'+mid+'"></div><div id="_modal_body_'+mid+'" class="modal-body"><iframe id="_modal_iframe_'+mid+'" name="_modal_iframe_'+mid+'" src="'+url+'" width="100%" height="100%" frameborder="0" scrolling="no"></iframe></div><div id="_modal_footer_'+mid+'"></div></div></div></div>';
        modalTag += '<div class="modal fade rb-modal-x" tabindex="-1" role="dialog" aria-hidden="true"><div id="_modal_dialog_top_" class="modal-dialog"><div class="modal-content"><iframe id="_modal_iframe_sub_" name="_modal_iframe_sub_" src="" width="100%" height="100%" frameborder="0" scrolling="no"></iframe></div></div></div>';
        getId('_box_layer_').innerHTML = modalTag;
    }
    console.log(modalTag);
}

모달 파일 iframe 형식으로 불러온다.

//id 값을 맞추어 줘야한다.

function modalSetting()
    {

//var ht = document.body.scrollHeight - 55;
        var ht = document.body.scrollHeight ;
        parent.getId('modal_window_dialog_modal-shipping').style.width = '100%';
//parent.getId('modal_window_dialog_modal_window').style.paddingRight = '20px';
//parent.getId('modal_window_dialog_modal_window').style.maxWidth = '900px';
        parent.getId('_modal_iframe_modal-shipping').style.height = ht+'px'
        parent.getId('_modal_body_modal-shipping').style.height = ht+'px';

        parent.getId('_modal_header_modal-shipping').innerHTML = getId('_modal_header').innerHTML;
        parent.getId('_modal_header_modal-shipping').className = 'modal-header ';
        parent.getId('_modal_body_modal-shipping').style.padding = '0';
        parent.getId('_modal_body_modal-shipping').style.margin = '0';

        parent.getId('_modal_footer_modal-shipping').innerHTML = getId('_modal_footer').innerHTML;
        parent.getId('_modal_footer_modal-shipping').className = 'modal-footer';
    }
    document.body.onresize = document.body.onload = function()
    {
        setTimeout("modalSetting();",100);
        setTimeout("modalSetting();",200);
    }