Reference

openPopup()
기본 팝업호출 함수. 확인용으로 '내용없음' 이 호출됩니다.
openPopup( string )
팝업에 문자열을 띄우고 싶은경우
openPopup( HTML Code )
팝업에 문자열을 띄우고 싶은경우, innnerHTML 로도 삽입할 수 있습니다.
openPopup({ title : string })
팝업의 제목을 수정하고 싶은경우
openPopup({ description : string })
팝업의 내용을 띄우고 싶은경우
openPopup({ description : HTML Code })
팝업의 내용을 띄우고 싶은경우, innerHTML 로도 삽입할 수 있습니다.
openPopup({ btns : [{ key : string , value : string }] })
팝업의 버튼을 직접 작성하고 싶은경우. key 값으로 버튼 고유의 id를 삽입하며 value 로 버튼의 텍스트를 삽입할 수 있습니다.
openPopup({ btnsWrap : false })
팝업내의 버튼이 필요 없는 알림만 존재하는 팝업이 필요한 경우. ( 팝업을 닫기 위해선 알림창 이외의 영역을 클릭하면 닫힙니다 )
openPopup({ url : urlName })
팝업 컨텐츠내에 외부에 존재하는 페이지를 불러오고 싶은경우
openPopup({ outsideWrap : false , url : urlName })
팝업의 형태를 기본형태가 아닌 직접 작업한 페이지로 변경하고 싶은경우
openPopup({ bg : 0 ~ 1 })
열려있는 팝업의 배경의 투명도를 조절하고 싶은경우 ( 0: 0% , 1: 100%; )
openPopup({ bodyCloser : false })
열려있는 팝업의 배경을 클릭해도 팝업이 닫히지 않게 하기위한 경우
openPopup({ btnClose : true })
팝업내에 아이콘형식(x)의 닫기 버튼이 필요한 경우
openPopup({} , callback function ( contents ) {})
호출된 팝업을 닫고 끝내는 것이 아니라 닫은 후에 처리해야할 일이 있을 경우 마지막 인자값으로 콜백함수를 추가하여줍니다.
콜백함수는 키배열 형태로 세개의 인자를 반환해줍니다.
  • contents.type : 사용자가 누른 버튼의 타입을 알려줍니다.
  • contents.elem : 팝업내에 존재했던 HTML 태그를 반환해줍니다.
  • contents.closeHandler() : 원하는 작업을 마친후 함수를 호출하면 팝업이 닫힙니다.