회원에게 공개되는 공간입니다. 올려진 팁이나 자료가 절대적으로 옳은 방법은 아닙니다. 다양한 방법중 하나의 방법임을 이해해 주시기 바라며, 보다 나은 방법이 있거나 궁금한 사항이 있으시면 댓글로 참여해 주시면 감사하겠습니다.

팝업창 코드로 띄우기

조회 수 832 추천 수 0 2009.05.04 17:11:08
XE 사이트에 공개되는 팝업창 모듈 및 위젯이 버전 업데이트 때마다 문제가 있어서 급하게 팝업창을 띄우려고 할때 잠시 방황(?) 했던 기억으로 레이아웃 소스에 직접 코드를 추가하여 팝업창을 띄우는 방법을 소개 합니다.

메인 레이아웃이 설정에 들어가 헤드스크립트 부분에 아래 소스를 넣습니다.
<script language=javascript>
 <!--
  function setCookie( name, value, expiredays )
  {
   var todayDate = new Date();
   todayDate.setDate( todayDate.getDate() + expiredays );
   document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
  }
  function getCookie( name )
  {
   var nameOfCookie = name + "=";
   var x = 0;
   while ( x <= document.cookie.length )
   {
    var y = (x+nameOfCookie.length);
    if ( document.cookie.substring( x, y ) == nameOfCookie ) {
     if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
   endOfCookie = document.cookie.length;
     return unescape( document.cookie.substring( y, endOfCookie ) );
    }
    x = document.cookie.indexOf( " ", x ) + 1;
    if ( x == 0 )
     break;
   }
   return "";
  }
 if (getCookie("p_1") != "done")
 {
  wint1=window.open('/xe/popup_cont.html','chk_1','width=500,height=500,left=20,top=80,marginwidth=0,marginheight=0,resizable=0,scrollbars=0'); 
  wint1.opener = self;
 }
 
 //-->
 </script>

위에서 /xe/popup_cont.html 이부분이 띄워질 팝업창 이름이고 , width=500,height=500 이 부분이 가로와 세로폭입니다.

그 뒤의 속성들도 보시면 아실듯..

그다음으로 팝업창이 띄워질 popup_cont.html 파일의 소스를 살펴보면

<html>
<head>
<script language='javascript'>
    function setCookie( name, value, expiredays )
    {
        var todayDate = new Date();
       todayDate.setDate( todayDate.getDate() + expiredays );
     document.cookie = name + "=" + escape( value ) + "; path=/; expires=" +
  todayDate.toGMTString() + ";"
    }
 function closeWin()
 {
         setCookie( "p_1", "done" , 1);
         self.close();
    }
 function closeWin2()
 {
         self.close();
    }
</script>
</head>
<body topmargin='0' leftmargin='0'>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
 <td colspan='3'>
  <img src=/xe/images/alonepopup.gif>
 </td>
</tr>
<tr>
 <td align='right' style='padding:0px 20px;'>
  <input type=checkbox name=name onClick=closeWin()>
  <font color="#868686" class="small" size='2pt'>오늘하루 창 띄우지 않기</font>
  <a href="#" onclick='closeWin2()'><img src='/xe/images/close.gif' border='0' align='absmiddle'></a>
 </td>
</tr>
</table>
</body>


이런식으로해주면 됩니다.

close.gif 이 이미지도 열려서 함께 사용하면 좀더 보기 좋겠지요.

이 이미지가 올려질 경로는 xe/images/close.gif 입니다. 물론 자신의 계정에 따라 경로도 바꿔서 처리 하시면 됩니다.


문서 첨부 제한 : 0Byte/ 5368709120.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
181 쪽지함보기 -> 쪽지함으로 고칠려면.. [레벨:30]똑띠 2009-05-27 873
180 레이아웃에서 레이아웃 이름 출력시키기 [레벨:30]똑띠 2009-05-27 793
179 XE에서 브라우저 타이틀 일괄 변경 [레벨:30]똑띠 2009-05-22 791
178 게시판 본문(view_document)에 확장변수값 마음대로 출력하기 [2] [레벨:30]똑띠 2009-05-21 995
» 팝업창 코드로 띄우기 imagefile [레벨:30]똑띠 2009-05-04 832
176 layout 파일에서 인클루드 사용하기(템플릿문법) [레벨:30]똑띠 2009-05-04 993
175 팝업창 모듈 / 위젯 file [레벨:30]똑띠 2009-04-26 1026
174 게시판 본문에 특정확장변수 불러내기 [레벨:30]똑띠 2009-04-24 727
173 레이아웃에 플래시 소스 넣기 [1] [레벨:30]똑띠 2009-04-22 1185
172 특정기간동안 특정 그룹이 작성한 게시글 검색 쿼리문 [레벨:30]똑띠 2009-04-22 1053
171 게시글 본문 밑에 리스트 출력하지 않으려면 [레벨:30]똑띠 2009-04-21 669
170 하이퍼링크에 테두리 한방에 없애기 [레벨:30]똑띠 2009-04-08 806
169 최신글 위젯에 공지사항이 나올때.... [레벨:30]똑띠 2009-03-28 680
168 팝업창 클릭시 부모창에서 내용보여주고 팝업창 닫기 [레벨:30]똑띠 2009-03-23 1345
167 faceOff 확장변수 마음대로 정렬하기 [레벨:30]똑띠 2009-03-10 852
166 리눅스 계정 - svn으로 최신버전 받기 [2] [레벨:30]똑띠 2009-03-09 1156
165 플래닛에서 텍스트에 링크 거는 방법 [레벨:30]똑띠 2009-03-07 777
164 게시판 확장변수 부분 소스 분석 [레벨:30]똑띠 2009-01-30 909
163 회원정보(mypage) member_option 부분 숨김처리 imagefile [레벨:30]똑띠 2009-01-28 721
162 댓글위젯에 날짜 출력과 New 아이콘 출력 [레벨:30]똑띠 2009-01-23 676