크롬80버전 결제 이슈, 영카트5 주요패치 확인! 재택근무에 따른 고객지원 안내

팝업창 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 여러가지 기능을 추가하기 쉽도록 제작 되었습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

팝업창 정보

팝업창

첨부파일

첨부파일 rumiPopup.zip (53.5K) 23회 다운로드 2020-01-31 15:45:31
테스트한 버전5.3
호환 가능 버전그누보드외

본문

jQuery Dialog를 사용하다가 불편한점도 많고 제가 수정해서 사용하기엔 부족한점이 많아서

제가 사용하기 편한 팝업창을 만들기 위해 Dialog와 비슷하게 제작하게 되었습니다.

 

JQeury와 CSS로 제작되었습니다.

 

- 사용자버튼을 추가할 수 있습니다.

- 팝업시와 팝업닫은후에 실행할 수 있는 함수를 추가할 수 있습니다.

- 팝업이 되면 부모창이 고정이 되고 클릭 방지를 합니다.

- 팝업창의 크기를 자유롭게 설정할 수 있습니다.

- 하단 버튼영역을 숨길 수 있습니다.

- 모바일에서도 적용할 수 있습니다.

 

- 설치방법

plugin 폴더안에 rumipopup 폴더를 하나 만들어서 다운받은 파일 2개를 복사하면 됩니다.

 

- 적용방법 (그누보드 기준)

1. 적용할 페이지에 아래 코드를 추가합니다. (php)

add_stylesheet('<link rel="stylesheet" href="'.G5_PLUGIN_URL.'/rumipopup/rumiPopup.css?ver='.G5_CSS_VER.'">', 0);
add_javascript('<script src="'.G5_PLUGIN_URL.'/rumipopup/jquery.rumiPopup.js?ver='.G5_CSS_VER.'"></script>', 0);

 

2. 팝업창 (javascript)

   - "id"가 "btn_pop"인 버튼을 클릭하였을때 팝업창이 열리게 하려면 아래와 같이 작성하면 됩니다.

   - 아래 코드는 팝업창이 열리면서 sample.php 라는 파일이 불러와집니다.

$(document).ready(function() {
    $("#btn_pop").click(function() {
        rumiPopup.popup({
            width : 800, // 팝업창 가로크기
            height : 600, // 팝업창 세로크기
            fadeIn : true, // 팝업시 fadeIn 
            fadeinTime : 500, // fadein 지연시간
            url : "sample.php", // 불러올 문서 URL
            title : "기본팝업창", // 팝업창 제목
            buttonView : true, // 하단 사용자 버튼 (true - 표시, false - 숨김)
            reloadBtn : true, // 새로 고침 버튼 (true - 표시, false - 숨김)
            button : { /* 사용자 버튼 추가 */
                "전송" : function(){
                    $("#rumiIframe").contents().find("#btn_submit").trigger("click");
                },
                "닫기" : function(){
                    rumiPopup.close(); // 팝업창 닫기
                },
            },
            open : function(){
                /* 팝업창이 열리면서 실행됩니다. */
                $("div.rumiButton button:contains('닫기')").css({"background":"#555"});
                $("div.rumiButton button:contains('삭제')").css({"background":"#555"}).hide();
            },
            close : function() {
                /* 팝업창이 닫힐때 실행됩니다. */
            }
        });
});

 

추천8

댓글 전체

아~ 전 홈페이지 초기 진입시 나오는 팝업 플러그인 인줄 알았습니다.
이런것도 있었네 하고 신기할 따름입니다.
답글 감사합니다. 나중에 시도 해봐야겠네요
전체 317
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT