웹마스터 팁
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
좋은 정보 감사합니다. 근데 전 왜 체크하고 닫아도 계속 뜰까요? ㅡ.ㅡ 저만 그런가,,^^;;
제목 | 글쓴이 | 날짜 |
---|---|---|
들어갈때 시작페이지 설정하는거... [2] | 쉿!비밀 | 2003.12.17 |
소스보기를 일부 차단하는 방법입니다. [12] | Juny. | 2003.12.12 |
오른버튼 누를때 메뉴 뜨게하기(깔끔버전) [5] | 럽 | 2003.12.09 |
소스연구1 테이블 자동으로 늘었다 커지기 태클환영 [9] | 박한웅 | 2003.12.04 |
크리스마스 날짜 카운터 [1] | keymove | 2003.12.04 |
익스플로러에서 인쇄 누르면 페이지 이동.... [3] | 조한웅 | 2003.11.28 |
3D 효과의 원형 거울을 띄우자. [6] | 줄리앙 | 2003.11.21 |
팝업공지창 다시 안뜨게 하는 소스[날짜지정가능] [17] | lemin | 2003.11.20 |
자바로 만들어진 계산기 [1] | 현규웅 | 2003.11.20 |
동영상 오른쪽 버튼 방지 소스 입니다... [9] | 김성목 | 2003.11.15 |
플래시느낌의 유동적인 메뉴 [9] | jabusim | 2003.11.13 |
심플한 원단위를 콤마로 나타내주기 [2] | zentoo.com | 2003.11.11 |
날짜카운터 숫자로만 입력하자. [3] | TechnoKevin™ | 2003.11.08 |
정말 멋있는 글자 변환 스크립트 [12] | sythesis | 2003.11.07 |
자바스크립트로 작성한 그림맞추기 퍼즐게임 [2] | 김별 | 2003.11.05 |
자바스크립트로 윈도우 흉내내기 (?) [15] | 뒹굴리스트 | 2003.11.03 |
마우스 이벤트 발생시 문서 상,하단으로 이동 [3] | RedEye(kaist) | 2003.10.30 |
클릭하면 홈페이지를 시작페이지로 하는 소스... [7] | 젤군 | 2003.10.28 |
식대 계산기... ^^ [3] | 김주형 | 2003.10.27 |
더 이상의 필터링은 없다!!! [10] | 미친개 | 2003.10.26 |