국내 No.2 CMS 그누보드5와 그누5 빌더 리빌더
국내 No.2 CMS 그누보드5와 그누보드5의 빌더인 리빌더의
각종 자료와 팁을 공유하는 게시판이에요^^

그누보드5 & 리빌더 자료실

2025.08.21 15:14

새창 모달창으로 띄우기

안녕하세요?
리빌더 사이트서 활동중이신
Leegun 님께 자료 재배포 허락을 맡고 자료보관 용도로 자료를 올립니다.
배포에 허락해 주신 Leegun 님께 감사의 말씀 올리며
아래는 Leegun 님께서 올리신 글의 전부를 수정없이 퍼왔습니다.
(원본링크 첨부하였으니, 원본링크서 확인도 가능합니다.)
===============================================

기존 모달창에 오류가 많아서 수정했습니다. (기존꺼는 사용하지마세요.)
최적화 시키고 마켓에 배송지 선택이나 기타 등등 다 되게 했습니다.

extend 폴더에 파일 넣으시면 됩니다.


모달창 적용할 페이지 추가방법

    // 모달 대상 페이지

    const allowedPages = [

        "memo.php","memo_view.php","memo_form.php",

        "point.php","point_c.php","formmail.php",

        "profile.php","scrap.php","scrap_popin.php","coupon.php",

        "orderaddress.php",

        "적용할파일.php",

        "적용할파일1.php","적용할파일2.php","적용할파일3.php"

    ];

식으로 추가하시면 됩니다.

+엔터구분시 "적용할파일.php", 식으로 끝에 , 를 추가해 주세요

+마지막 적용파일 끝에는 "적용할파일.php"식으로 , 를 붙이지 마세요


[ 추가 내용 ]


스크랩 사용시 "올바른 방법으로 사용해 주십시오." 라고 경고창 뜨실경우

bbs/scrap_popin.php 파일에 


echo <<<HEREDOC

<script>

    if (window.name != 'win_scrap') {

        alert('올바른 방법으로 사용해 주십시오.');

        window.close();

    }

</script>

HEREDOC;


주석 및 삭제 하세요.


[ 추가 내용2]


모달창 실행될때 페이지 상단으로 이동되는 현상이 있는데
document.body.dataset.prevOverflow = document.body.style.overflow || "";
document.body.style.overflow = "hidden";


document.body.style.overflow = document.body.dataset.prevOverflow || "";
delete document.body.dataset.prevOverflow;
두개 삭제하시면 모달창 열러도 원래 페이지 위치에 있습니다.


modal_window.png
  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기