웹마스터 팁

  2. Support
  3. 웹마스터 팁

팝업공지창 2개이상 띄우기(시간제한 가능)

2004.03.23 19:54

lemin

모두 시간 지정 가능한 것입니다.

예전에 팝업공지창 띄우는 소스 올렸었는데
어떤분이 2개 이상 띄우는것 요청해주셔서 올립니다.
질문은 가급적이면 제 홈페이지(아래 원문 링크)로 와서 해주세요(다운가능)~ 시간이 많이 지나 질문해주시면 저는 모른답니다 -,-;

원문 : http://lemin.net/bbs/zboard.php?id=js_source&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=7

--------------------------------------------------------------------------------------------------------------------------------------
기존에 올려놨던 자료를 수정했습니다.
팝업창 두개가 아니라 원하는대로 띄울 수 있습니다.
편집하기 편하게 파일을 분리시켰으니 편하게 쓰실 수 있습니다.

파일 구성은 다음과 같습니다.
index.html ->팝업창을 띄우는 명령을 하는 창(이 index.html이 script01.js와 script02.js를 불러옵니다)
script01.js -> 1번 팝업창을 띄우는 자바스크립트
script02.jg -> 2번 팝업창을 띄우는 자바스크립트
popup01.html -> 1번 팝업창
popup02.html -> 2번 팝업창

script01.js와 script02.js 를 비교하시면 뭐가 틀린지 금방 아실 수 있습니다.
popup01.html과 popup02.html도 비교하시면 금방 아실 수 있을거구요.
원하는대로 수정해서 쓰시면 됩니다.
index.html--------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language='javascript' src='script01.js'></script>
<script language='javascript' src='script02.js'></script>
</head>

<body>
메인창(창을 띄우도록 명령하는 창) - 2개의 팝업창 띄우기

</html>




script01.js-------------------------------------------------------------------------------------------------------------------------------
<!--
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('popup01.html','notice','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=395,height=285');//이부분을 자기에 맞게 변경하세요
        noticeWindow.opener = self;
}
// -->




script02.js-------------------------------------------------------------------------------------------------------------------------------
<!--
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( "Notice2" ) != "done" )
{
        noticeWindow  =  window.open('popup02.html','notice2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=295,height=385');//이부분을 자기에 맞게 변경하세요
        noticeWindow.opener = self;
}
// -->




popup01.html------------------------------------------------------------------------------------------------------------------------------
<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>팝업창 1</td>
  </tr>
  <tr>
    <td height="40" align="center">
     <form>
        <input type="checkbox" name="Notice" value="">앞으로 창 표시하지 않음.  
        닫기
      </form>
    </td>
  </tr>
</table>

</html>




popup02.html------------------------------------------------------------------------------------------------------------------------------
<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].Notice2.checked )


                setCookie( "Notice2", "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>팝업창2</td>
  </tr>
  <tr>
    <td height="40" align="center">
     <form>
        <input type="checkbox" name="Notice2" value="">앞으로 창 표시하지 않음.  
        닫기
      </form>
    </td>
  </tr>
</table>

</html>

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능) [5] 나이시스 2004.05.28
왔다 갔다 이미지 스크롤 [3] 컴도미 2004.05.25
동영상을 일반 버튼으로 제어 ☺심심 2004.05.23
배너를 모자이크로 슬라이드한다! [13] ☺심심 2004.05.17
이미지 갤러리-이미지에 설명이나 이름을 같이 달아줄수 있는.. webzang 2004.05.17
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴 ☺심심 2004.05.17
상태창에 머문시간 보여주기 [5] ☺심심 2004.05.05
특정위치에 떠있는 레이어 (슬라이딩 애드콘) - 노프레임홈에서의 문제해결 [8] 검미르 2004.05.03
접속할때마다 다른 이미지 띄우기 [8] ▩윤미 2004.04.30
그림파일없이 바꾸는 그라이데이션 배경색 [3] ▩윤미 2004.04.30
웹페이지에 테두리 두르기 [5] ▩윤미 2004.04.30
로딩 100% 후 페이지 이동시키기 [1] ▩윤미 2004.04.30
특정부분을 원클릭에 copy 또는 선택하기 [3] ▩윤미 2004.04.30
[iframe:아이프레임] 내용에 맞게 사이즈 조절하기 한번입력으로 끝.[다른방법:중복아닌듯] [45] beMax 2004.04.23
(For 초보)원클릭으로 여러프레임 컨트롤하기 [2] 쉬드 2004.04.19
자기가 살아온 시간 구하기.. 데스크탑에 나타내기 [4] kein23 2004.04.14
브라우저 버젼별 다른 페이지 보여주기 [2] Kuldahar 2004.04.13
바보같은 MS의 parseInt 버그. [4] 김관석 2004.04.09
XP계열의 방문자 컴에서 ClearType 효과 사용여부 확인 [4] YeUPy 2004.04.04
팝업공지창 2개이상 띄우기(시간제한 가능) [8] lemin 2004.03.23
태그 쓰기