1.  자료실
  2.  팁
  3.  나의 XE
  4.  Html
  5.  배경이미지

XE 인기게시물

MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
Data Of MoonHouse
글 수 105
적용된링크
자료적용 No

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

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

 

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

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

 

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

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

page.jpg

 

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

webzine.jpg

"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,

첨부
유료회원감로수
2009.09.23 13:44:51 댓글

드디어 좋은 물건 만들기 시작하셨군요

기대하겠습니다^^

[레벨:3]태림씨야
2010.01.13 11:23:04 댓글

오~ 멋있습니다~! 한수 배우고 싶네요 ㅎㅎㅎ

번호 제목 날짜 조회 수

98. 레이아웃스킨 문하우스 레이아웃스킨 V3.3 입니다 8

[V3.3의 특징] 1. 컬러색상에 투명추가 2. 그린Top이미지 교체 3. 3.2에서 배경이미지삽입 오류수정 2. 기타 잡다한 문제점들 수정 투명스킨 적용한 화면 투명스킨 적용하고 배경색상을 블랙으로 설정한 화면 투명스킨 적...

  • 2010-01-13
  • 조회 수 6593

97. 위젯 MH 트렌스포머 PopUp위젯 V1.2 5

[MH 트렌스포머 PopUp위젯 설치전에 우선으로 해야 되는 사항] 이 위젯은 지정한 이미지를 팝업으로 띄우는 방식이 아닙니다. 이 위젯은 지정한 모듈 그러니까 지정한 게시판에 올려져 있는 내용을 팝업으로 띄우는 방식입니다...

  • 2010-01-13
  • 조회 수 4501

96. 위젯 MH 트렌스포머 PopUp위젯 V1.1 2

설치 1. 파일의 압축을 풀어서 mh_Transformer_popup폴더를 xe/widgets/ 폴더안에 올립니다. 2. 페이지수정에서 위젯선택을 "MH_Transformer_PopUp 출력 V1.0"를 선택합니다. 4. 3개의 스킨중 자신이 원하는 형태를 선택 후 설정들...

  • 2009-11-18
  • 조회 수 7067

95. 위젯 MH통합게시판위젯 V1.3 4

설치 1. 파일의 압축을 풀어서 mh_multi_com폴더를 xe/widgets/ 폴더안에 올립니다.(기존 사용자는 덮어 씌우면 됩니다.) 2. 관리자설정에서 페이지를 하나 만듭니다. 3. 페이지수정에서 위젯선택을 "MH통합게시판 V1.3"를 선택합니다. ...

  • 2009-11-08
  • 조회 수 6880

94. 레이아웃스킨 문하우스 레이아웃스킨 V3 입니다 18

설치 1.압축파일을 풀면 아래 이미지와 같이 두개의 폴더가 존재합니다. ( layouts, widgets ) 폴더채로 XE가 설치된 호스팅에 업로드합니다. 2. moonhouse_V3가 레이아웃스킨이며, paper_login_mh는 서브영역에 기본으로 나...

  • 2009-10-29
  • 조회 수 9067

93. 게시판스킨 문하우스 게시판스킨 V2.0

문하우스 게시판스킨을 XE최신버전에 맞게끔 수정해서 배포합니다. XE테스트버전은 xe 1.2.6입니다. [이전 버전 V1.5.1 ( http://moonhouse.co.kr/zbxe/236796 ) 에서 변경된 사항] 1. 확장변수문제 해결 2. 최대한 xe기본 게시...

  • 2009-10-18
  • 조회 수 6566

» 위젯 MH Ext JS popup 팝업창 v1.0 2

Diver님의 Ext JS popup 팝업창을 기본 소스로 해서, 문하우스의 MH카멜레온팝업을 갖다 붙여서 마우스로 드래그가 가능한 팝업창을 만들었습니다. 사실 팝업창을 여러개 만들었지만 마우스드래그가 지원되지를 않아서 찜찜 했었는데...

  • 2009-09-23
  • 조회 수 7475
  • 문하우스는 IE7, 1280*1024 이상의 모니터 해상도에서 최적화 되어 있습니다.무단 E-mail 추출이나, 성인광고를 허용치 않습니다
  • 단축키 : l-목록, w-글쓰기, z-이전글, x-다음글, s-최근글, a-이전목록, d-다음목록, 1-home, 2-data, 3-zbxe, 4-blog, 5-total, 6-QnA