MH Ext JS popup 팝업창 v1.0

Diver님의 Ext JS popup 팝업창을 기본 소스로 해서,

문하우스의 MH카멜레온팝업을 갖다 붙여서 마우스로 드래그가 가능한 팝업창을 만들었습니다.

 

사실 팝업창을 여러개 만들었지만 마우스드래그가 지원되지를 않아서 찜찜 했었는데 Diver님이 훌륭한 소스를 제공해 주셔서

이렇게 다시 한번 팝업창을 업그레이드 해 봅니다.

 

▶ 2개의 스킨을 지원합니다.

 1. 첫째는 Ext_JS_popup에 기본으로 들어있는 본문내용을 그대로 팝업창에 띄우는 "Page 스킨"

 

 2. 두번째는 게시판의 내용을 웹진형식으로 나타내는 "MH Webzine 팝업 스킨'

"MH Webzine 팝업 스킨"에서는 목록수 설정, 썸네일의 표시유무 기타 등등 카멜레온스킨에서와 같이 다양한 옵션을 줄 수 있습니다.

적용사이트

 

[ 아쉬운 점 ]

팝업창의 가로,세로 넓이와 창의 위치를 위젯설정에서 구현할 수가 없네요.

js파일에 있는 자바스크립트소스를 html파일안에 삽입하면 에러메세지가 나오면서 위젯생성이 안됩니다.

추후에 고수님에게 문의해서 수정된 버전 올리겠습니다.

 

[ 설치 ]

1. mh_Ext_JS_popup.zip 압축을 푸시고 mh_Ext_JS_popup폴더를 xe/widgets/ 폴더안에 업로드합니다.

2. 팝업창을 띄울 페이지에서 페이지수정을 클릭해서 " mh_Ext_JS 팝업창 "을 추가합니다.

3. 위젯설정창에서 자신이 원하는 스킨과 옵션들을 선택합니다.

4. 해당스킨의 xe/widgets/mh_Ext_JS_popup/skins/webzine/js/hello.js 파일을 편집기로 열어서

    빨간색부분의 크기를 조절하시면 됩니다. 참고로 "MH Webzine 팝업 스킨"의 경우 1개의 목록추가시 height를 120씩 더하시면 됩니다. 

   

                applyTo:'hello-win',
                layout:'fit',
                width:450,
                height:210,       // 1칸에 120+
                x: 40,
                y: 60,