웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
팝업공지창 다시 안뜨게 하는 소스[날짜지정가능]
2003.11.20 11:38
확실히 되는 소스입니다.
예시될 만한 사이트라곤 제가 돈받고 맹근 홈피밖에 없어서 예시는 생략합니다.
팝업을 "띄우는" 명령을 해주는 메인페이지와 팝업공지가 "뜬" 팝업창, 이 두군데에 각각 들어갑니다.
디자인은 각자에 맞게 하세요.
[수정,추가사항]
자스 코드에 보면 날짜지정할 수 있는 부분이 있습니다.
이 부분이 설명이 빠져서 다시 수정합니다.
쭉 내려서 보시다 보면 팝업창 스크립트에서 그 부분에 주석 달아놨으니 원하시는대로 변경하여 쓰세요^^
메인창의 헤드부분-------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(form)
{
if (form.url.selectedIndex !=0)
parent.location = form.url.options[form.url.selectedIndex].value
}
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( "Notice" ) != "done" )
{
noticeWindow = window.open('popup.html','notice','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=395,height=285');//이부분을 자기에 맞게 변경하세요
noticeWindow.opener = self;
}
// -->
</SCRIPT>
팝업창 -------------------------------------------------------------------------------
<html>
<head>
<title>::알림::</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<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()
{
if ( document.forms[0].Notice.checked )
setCookie( "Notice", "done" , 1); //1이란 숫자는 1일간 안보임을 뜻합니다. 날짜는 자신에 맞게 수정하세요
self.close();
}
// -->
</SCRIPT>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" height=70>공지내용</td>
</tr>
<tr>
<td height="40" align="center">
<form>
<input type="checkbox" name="Notice" value="">앞으로 창 표시하지 않음.
<a href="#" onClick="javascript:history.onclick=closeWin()">닫기</a>
</form>
</td>
</tr>
</table>
</body>
</html>
예시될 만한 사이트라곤 제가 돈받고 맹근 홈피밖에 없어서 예시는 생략합니다.
팝업을 "띄우는" 명령을 해주는 메인페이지와 팝업공지가 "뜬" 팝업창, 이 두군데에 각각 들어갑니다.
디자인은 각자에 맞게 하세요.
[수정,추가사항]
자스 코드에 보면 날짜지정할 수 있는 부분이 있습니다.
이 부분이 설명이 빠져서 다시 수정합니다.
쭉 내려서 보시다 보면 팝업창 스크립트에서 그 부분에 주석 달아놨으니 원하시는대로 변경하여 쓰세요^^
메인창의 헤드부분-------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(form)
{
if (form.url.selectedIndex !=0)
parent.location = form.url.options[form.url.selectedIndex].value
}
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( "Notice" ) != "done" )
{
noticeWindow = window.open('popup.html','notice','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=395,height=285');//이부분을 자기에 맞게 변경하세요
noticeWindow.opener = self;
}
// -->
</SCRIPT>
팝업창 -------------------------------------------------------------------------------
<html>
<head>
<title>::알림::</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<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()
{
if ( document.forms[0].Notice.checked )
setCookie( "Notice", "done" , 1); //1이란 숫자는 1일간 안보임을 뜻합니다. 날짜는 자신에 맞게 수정하세요
self.close();
}
// -->
</SCRIPT>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" height=70>공지내용</td>
</tr>
<tr>
<td height="40" align="center">
<form>
<input type="checkbox" name="Notice" value="">앞으로 창 표시하지 않음.
<a href="#" onClick="javascript:history.onclick=closeWin()">닫기</a>
</form>
</td>
</tr>
</table>
</body>
</html>
댓글 17
-
골비
2003.11.20 15:48
오늘하루만 안뜨게하는것은 없나요? -
AquiValley
2003.11.20 20:07
-
lemin
2003.11.20 17:28
아차.. 그부분에 대한 설명을 빠뜨렸군요.. 다시 수정하겠습니다 -
lemin
2003.11.21 02:13
AquiValley분 팝업창의 소스를 보니 <form>이 태그가 빠졌네요..
소스보시면 </form>만 있어요. 빠진태그를 넣어주시면 제대로 작동할 것입니다.^^ -
lemin
2003.11.21 02:22
<form> </form>이 태그의 역할은 음.. 쉽게 말하면 자바스크립트와 Input부분과의 연결창구라고 해야할까요.. <form>과 </form>안에 밀가루 반죽이 <javascript>와 <javascript>안으로 올려져서
쿠키가 되어 구어져나오는... 그런 시스템이에요.. 밀가루는 재료이고 자바스크립트는 공장인셈이죠
(설명이 잘 되었나?) php,asp,jsp도 마찬가지의 개념입니다.
그런데 시작부분지정이 안되어있으니 공장으로 올라갈 것도 없겠죠~~
그럼 허접설명끝~ -
NINJA™
2003.11.29 08:35
우와~~ ^^
이 비슷한 소스 많이 찾았었는데... 적용이 안되서 많이 고새을 했습니다.
그런데 이소스 적용을 하니까 잘 되는군요 ^^
좋은 정보 주셔서 감사합니다. (*^_______^*) -
조한웅
2003.12.09 09:39
저... 하루가 지났는데도
팝업창이 뜨질 않아요 -0-;;
소스는 아래와 같이 적용했습니다..
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<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()
{
if ( document.forms[0].Notice.checked )
setCookie( "Notice", "done" , 1); //1이란 숫자는 1일간 안보임을 뜻합니다. 날짜는 자신에 맞게 수정하세요
self.close();
}
// -->
</SCRIPT>
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<form><p align=center valign=top>
<input type="checkbox" name="Notice" value="" onClick="javascript:history.onclick=closeWin()"><a href="#" onClick="javascript:history.onclick=closeWin()"><font size="2">오늘하루 이 창 열지 않음.</font></a>
</form>
뭔가 잘못된게 있나요?
아.. 그리구요.. 하루라 함은 어떻게 적용되나요?
접속한 PC에서의 하루인가요?
아니면 html 파일이 올라가 있는 서버에서의 하루인가요?
그리고 12시가 넘으면 하루가 지났다고 보나요?
아니면 접속한지 24시간이 지나야 하루가 지났다고 보나요? -
ibluecan
2003.12.10 17:43
팝업창을 두개쓸 경우에는 어떻게 하면되나요? -
정재광
2005.08.16 13:25
<a href="#" onClick="javascript:history.onclick=closeWin()">닫기</a>
저도 한참 해매다가 전용우님 말처럼 하니까 되네요..
모두들 감사합니다. -
기정모
2004.05.05 12:11
정말 잘 작동합니다. 고맙습니다.^^ -
전용우
2004.09.05 00:01
제 서버에서는
<a href="#" onClick=".javascripthistory.onclick=closeWin()">닫기</a>
부분을
<a href="#" onClick="javascript:history.onclick=closeWin()">닫기</a>
이렇게 변경시켜야 작동하는 군요.. -
백리향
2005.09.17 16:38
<a href="#" on Click="javascript:history.conclick=closeWin()">닫기</a>
"j앞에 . <--- 이 있었네요.... -
지니
2004.09.15 17:16
저도 전용우님과 동일하네요.. 전용우님 lemin님 모두 감사요~ ^^ -
엄태현
2004.12.15 12:08
저도 전용우님과 동일한 현상이 ^^ 저도 너무 감사합니다.
잘되네요..ㅋㅋ -
지킴이
2007.02.16 13:40
아욱겨;;하루가 지나도 안뜨면 곤란한데요.. -
서로도우는사람들
2008.06.06 00:53
lemin님 제가요. 위소스가 너무 설명이 잘되어 있어서, 네이버 지식in에 답변했습니다.
물론 lemin님이 올리것으로 해서 출처와 본사이트를 소개 했습니다.
올린사이트 보기 --> http://kin.naver.com/detail/detail.php?d1id=1&dir_id=109&eid=X7SzBMeOdv1MimMfz6ZFSeQZ/Ka1MWUa -
창지
2008.12.26 10:05
좋은 정보 감사합니다. 근데 전 왜 체크하고 닫아도 계속 뜰까요? ㅡ.ㅡ 저만 그런가,,^^;;
제목 | 글쓴이 | 날짜 |
---|---|---|
관리자페이지 첫페이지에서 최근글 / 최근댓글 리스트에서 닉네임 대신에 날짜가 나오게 하는 방법 | sejin7940 | 2016.10.19 |
날짜비교 함수 [1] | 별을따는소년 | 2014.12.17 |
관리자 페이지 날짜 검색과 스크랩. [1] | 무얼까2 | 2014.12.24 |
사용자정의에서 날짜형의 경우, 달력의 년수 선택범위를 늘리는 방법 | sejin7940 | 2014.05.24 |
날짜를 출력하는 간단한 소스입니다 | 낮은자 | 2014.03.07 |
날짜 부분에 시간도 같이 표시하기 [1] | 소백산 | 2009.02.05 |
개인 웹서버 백업 및 게시물 등록 날짜 수정 방법 [10] | eunbini | 2008.10.24 |
[날짜 구하는함수업]내일 날짜와 1년 후 년도 구하기 [8] | ssukai | 2005.02.24 |
날짜 구하는 함수.. ... [3] | 김명현 | 2005.01.24 |
우리가 사랑한지 몇일째 날짜세주는 PHP 소스 [12] | 레드 | 2005.01.16 |
군대간 친구 남은날짜 구하기 2(복무기간 단축에 따른 수정) [8] | 신민경 | 2003.09.02 |
군대간 친구 남은날짜 계산하기 [6] | xacdo | 2003.04.27 |
[추천 소스] 특정일로부터 지난날짜 혹은 남은날짜 구하기~ [5] | 박은석 | 2002.10.22 |
[허접] rand() 함수를 이용한 뒤죽박죽 날짜 출력 [5] | Myzzix | 2002.08.23 |
[초간단 자바스크립트!] 홈페이지접속 시간,날짜 표시기 [3] | ∑Ztxy | 2004.01.09 |
크리스마스 날짜 카운터 [1] | keymove | 2003.12.04 |
팝업공지창 다시 안뜨게 하는 소스[날짜지정가능] [17] | lemin | 2003.11.20 |
날짜카운터 숫자로만 입력하자. [3] | TechnoKevin™ | 2003.11.08 |
[초간단 자바스크립트!] 날짜 카운터! 커플홈에 강추!! [15] | ∑Ztxy | 2003.10.08 |
오늘 날짜와 시간 [3] | Brown | 2003.05.20 |