웹마스터 팁

모달 윈도우

2014.09.15 18:36

pixfine

CSS Code
/* UI Object */
html, body{height:100%;margin:0}
.mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:160px;margin:-100px 0 0 -200px;padding:20px;border:3px solid #ccc;background:#fff}
/* //UI Object */


HTML Code
<!--ui object -->
<div id="mw_temp" class="mw">
<div class="bg">
<!--don't put here any content -->
</div>
<div class="fg">
<p>modal windowed layer example. put this layer before end of the body.<button onclick="document.getelementbyid('mw_temp').style.display='none'">close</button>
</p>
</div>
</div>
<!--//ui object -->


Javascript Code
<script type="text/javascript">
/* UI Pattern Script */
/* //UI Pattern Script */
</script>
태그 연관 글
  1. [2015/11/14] 묻고답하기 게시판에 태그(헤시태그) 작성하는 방법을 알려주세요 by thdwjdtjr *1
  2. [2014/06/08] 묻고답하기 로고 이미지 업로드 관련 질문드립니다. by 나는짱이야1004 *1
  3. [2010/09/01] 묻고답하기 modalWindow-외부페이지에서 생성된 페이지에서는 로그인 안되네요 !!! by 인텔리지 *2
  4. [2009/04/28] 묻고답하기 인증메일 문제 다시 질문 드립니다. by parksungho *2
  5. [2009/02/24] 묻고답하기 이슈트래커 svn연동 문의 by 개돌 *3
제목 글쓴이 날짜
모달 윈도우 pixfine 2014.09.15
홈페이지 접속시 XE를 바로 실행하기 [7] ezi 2011.08.20
외국어 스팸 방어 [2] DoorWeb 2014.07.01
포인트선물 애드온 차감시키는 방법 410contents 2014.09.12
카페24 웹호스팅에서 서브 도메인으로 접속 방법 [5] 데이스타 2010.03.28
게시판 목록에서 새창 띄워서 다른 형태 나오게 하기 [3] foret 2014.02.23
회원정보보기시 공개 안 한 정보에 대해서도 최고관리자는 볼 수 있도록 변경 sejin7940 2014.09.10
모바일뷰 사용하는 경우, 사이트맵에서 메뉴 생성시, 모바일 뷰 가 자동으로 체크되도록 sejin7940 2014.09.10
로그인 불가 - APM 관리자일 때 (일반적인 경우 아님) [3] Sx3 2007.08.26
XE코어 업데이트(판올림) 정확한 방법 [12] 카이닉스 2012.07.30
[팁]포럼 모듈 인용글 박스 문제 해결 - 1.7.3 기준 [5] socialskyo 2013.03.27
고도몰과 xe 회원 연동하는 키 포인트 410contents 2014.09.03
애드온 개발중에 이상한 버그가 생길경우 [2] 銀童 2014.08.26
div 세로 중앙 정렬팁 Ansi™ 2014.09.01
카카오톡으로 보내기(깔끔한 뷰) [4] seyriz 2014.08.11
socialXE 에서 로그인시 소셜로그인과 XE 로그인 동시 구현하기 file 큐우우 2014.08.31
XE에 페이스북 소셜 댓글 연동하는 방법 (페이스북 소셜댓글 달기) 기톨닷컴 2014.08.30
카메론 플러그인 에드온이 컨텐츠(본문)을 가릴때 팁 file oscarmike 2014.08.30
게시판의 오늘 올라온 새글의 갯수를 알아내는 방법 [8] garnecia 2014.08.22
캡챠(captcha)가 안 뜰 때 Double'U' 2014.08.29