SPSTRAP Document API

Base Popup Button

js popup

<!--//

팝업창을 스크립트 상으로 띄우는 경우는
                                아래와 같은 구조로 이용하면 된다.

기본적으로 module에 있는 SP_EVENT 를 불러와야 한다.

/*
                             * import class
                             */
                            import { 
                                SP_EVENT
                            } from '..path/modules.js';
                            
                            /*
                             * extends class
                             */
                            _.event = SP_EVENT;

/*
                             * init
                             */
                            _.event.openPopup( DomElement );
                            
                            or
                            
                            _.event.openPopup({
                                href: 'URL', 
                                width: '300px', 
                                height: '300px', 
                                target: 'name'
                            });
                            //-->

Class

name	description
.sp--popup-btn	팝업창 클릭 이벤트 버튼

Attribute

name	description
data-width	default : screen.width * .9 px, % 문자열로 크기를 지정할 수 있다.
data-height	default : screen.height * .8 px, % 문자열로 크기를 지정할 수 있다.
data-target	default : '' ( string ) 기본적으로 팝업창은 빈값이며, 중복해서 뜨게 된다. 한개만 띄울 경우, 이 attribute에 이름을 전달하자.