아브아카의 세상 빼꼼 바라보기

팝업 리사이즈 자바스크립트 본문

컴퓨터/웹 코딩

팝업 리사이즈 자바스크립트

아브아카 2014. 9. 21. 12:37

-------------------------------------------------------------------

popup1.html

<script src="/Scripts/autoSizePopup.js"></script>
<script type="text/javascript">
autoSizePopup();
</script>

-------------------------------------------------------------------

autoSizePopup.js

/*131022 : 테스트 브라우저 = ie10, 크롬, 파폭, 사파리*/
function autoSizePopup()
{
    var winResizeW=0;
    var winResizeH=0;
   
    $(document).ready(function() {
        //크롬, 사파리일때
        if (navigator.userAgent.indexOf('Chrome')>-1 || navigator.userAgent.indexOf('Safari')>-1)
        {
            $(window).resize(function() {
               
                if(winResizeW==0 && winResizeH==0)
                {
                    resizeWin();
                }
            });
        }
        //크롬, 사파리말고 모두
        else
        {
            resizeWin();
        }
    });
   
    function resizeWin()
    {
        var conW = $(".popup_wrap").innerWidth(); //컨텐트 사이즈
        var conH = $(".popup_wrap").innerHeight();
   
        var winOuterW = window.outerWidth; //브라우저 전체 사이즈
        var winOuterH = window.outerHeight;
       
        var winInnerW = window.innerWidth; //스크롤 포함한 body영역
        var winInnerH = window.innerHeight;
       
        var winOffSetW = window.document.body.offsetWidth; //스크롤 제외한 body영역
        var winOffSetH = window.document.body.offsetHeight;
       
        var borderW = winOuterW - winInnerW;
        var borderH = winOuterH - winInnerH;
       
        //var scrollW = winInnerW - winOffSetW;
        //var scrollH = winInnerH - winOffSetH;
       
        winResizeW = conW + borderW;
        winResizeH = conH + borderH;
       
        window.resizeTo(winResizeW,winResizeH);
    }
}

'컴퓨터 > 웹 코딩' 카테고리의 다른 글

Html 페이지 분할  (0) 2015.06.25
생활코딩 강좌 사이트  (0) 2015.05.31
jw player 스크립트  (0) 2014.09.21
팝업 window.open  (0) 2014.09.21