html PC사이트에서특정상품에대한리뷰를으으으볼수있도록하는자바스크립트

Posted 2021-05-10

function OpenProductReviewsPopup(product_code, w, h) {
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : window.screenX;
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : window.screenY;
    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
    var top = ((height / 2) - (h / 2)) + dualScreenTop;
    
    window.open(
        '//widgets.cre.ma/ssongbyssong.com/products/reviews?product_code=' + product_code + '&widget_env=300&widget_id=30'
        ,'ProductReviewsPopup',
        'resizable=no, scrollbars=yes, location=no, status=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left
    );
}

<!-- href="#"을 사용하면 클릭했을 때 팝업이 뜨고 스크롤이 맨 위로 올라감 -->
<!-- 이 현상을 방지하기 위해서 href="#/"을 사용함 -->
<a href="#/" onclick="OpenProductReviewsPopup(30636, 950, 514);">REVIEW</a>