티스토리 뷰

Resource

팝업 여러개 띄우기

jungle666 2014. 1. 17. 05:14

 

팝업 여러개 띄우는 스크립트 소스 입니다.

다 아시겠지만

찾아서 쓸려면 귀찮은... ^^

 

<html>
<head>
<title>여러 개의 팝업창을 띄우는 스크립트</title>

<!-- 아래의 스크립트를 <HEAD></HEAD> 사이에 넣으세요. -->

<script language=javascript> 
function popup5(){ //팝업창을 여러개 띄우는 함수를 지정합니다. 
window.open('popup1.html', 'newwin1', 'toolbar=no, location=no, directories=no, status=no,menubar=no, scrollbars=no, resizable=no, copyhistory=yes, height=280, width=220, left=40, top=70') //첫번째 팝업창을 띄웁니다. 
window.open('popup2.html', 'newwin2', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, height=280, width=220, left=90, top=100') //두번째 팝업창을 띄웁니다. 
} 
</script>

<!--<HEAD></HEAD> 부분에 여기까지 넣습니다.-->

</head>

<!--<BODY> 태그내에 onload="" 혹은 onunload="" 부분을 넣으세요-->

<body onLoad="popup5()"><!--브라우저가 열릴 때 popup5()함수를 실행합니다.-->

<p align="center">
<img src="top_07.gif"><br><br>
<b>* 팝업창이 꼬리를 뭅니다~~</b>
</p>
</body>
</html>

--------------------------------------------------

<html>
<head>
<title>팝업창1</title>

<!-- 아래의 스크립트를 <HEAD></HEAD> 사이에 넣으세요. -->

<script language=javascript>
<!--

function setCookie() //쿠키를 설정하는 함수입니다. 
{
var expire = new Date();
expire.setDate(expire.getDate() + 30 );
document.cookie = "popup=1; expires=" + expire.toGMTString()+ "; path=/";
}

function closeWin(pop_cookie,check) //팝업창을 닫는 함수입니다. 
{
document.write(check);
if ( check )
setCookie();
self.close();
}

// -->
</script>

<!--<HEAD></HEAD> 부분에 여기까지 넣습니다.-->

<style>
body{ color : hotpink ; font-size: 12px ; font-family : 굴림 ; }
</style>

</head>
<body>
<!--아래테이블은 테이블부분에서 배웠던 테이블입니다. 임의로 공지테이블을 하나 작성하세요-->
   <table border="0" width="200" height="200" cellpadding="0" cellspacing="0"> 
      <tr>
        <td bgcolor="pink"> 
          <table border="0" width="100%" cellpadding="5" cellspacing="1"> 
             <tr>
                <td bgcolor="hotpink" align="center">
                <img src="gong.gif"></font></td>
             </tr> 
             <tr>
                 <td bgcolor="#F8E3F7"> 
                 <font size="2">
                  이번주 토요일날 정팅있습니다. <br>
                  채팅방으로 9시까지<br>
                  모두 모여주시기 바랍니다. <br>
                  이번 채팅방에서는 담주에 <br>
                  열리는 정모장소에 대해서<br>
                  의논을 해볼까 합니다. <br>
                  10대방과 20대방 30대방을 <br>
                  만들테니 각각 시간에 맞춰<br>
                  입장해 주시기 바랍니다. <br><br>
                  </font>
                 </td>
               </tr> 
             </table> 
           </td>
         </tr> 
    </table><br>
    <!--이제 체크박스를 만듭니다. -->
    <form name="notice">
    <input type="checkbox" name="chkNotice" value="">
    다음 방문시 팝업창을 띄우지 않습니다. 
    <a href="javascript:history.onclick=closeWin('popup_200',notice.chkNotice.checked)"> 창닫기      </a> 
    </form>
  </body>
</html>


------------------------------------------------

<html>
<head>
<title>팝업창2</title>

<!-- 아래의 스크립트를 <HEAD></HEAD> 사이에 넣으세요. -->

<script language=javascript>
<!--

function setCookie() //쿠키를 설정하는 함수입니다. 
{
var expire = new Date();
expire.setDate(expire.getDate() + 30 );
document.cookie = "popup=1; expires=" + expire.toGMTString()+ "; path=/";
}

function closeWin(pop_cookie,check) //팝업창을 닫는 함수입니다. 
{
document.write(check);
if ( check )
setCookie();
self.close();
}

// -->
</script>

<!--<HEAD></HEAD> 부분에 여기까지 넣습니다.-->

<style>
body{ color : #FFAA28 ; font-size: 12px ; font-family : 굴림 ; }
</style>

</head>
<body>
<!--아래테이블은 테이블부분에서 배웠던 테이블입니다. 임의로 공지테이블을 하나 작성하세요-->
   <table border="0" width="200" height="200" cellpadding="0" cellspacing="0"> 
      <tr>
        <td bgcolor="#FFD73C"> 
          <table border="0" width="100%" cellpadding="5" cellspacing="1"> 
             <tr>
                <td bgcolor="#FFD73C" align="center">
                <img src="gong.gif"></font></td>
             </tr> 
             <tr>
                 <td bgcolor="#FAFAB4"> 
                 <font size="2">
                  이번주 토요일날 정팅있습니다. <br>
                  채팅방으로 9시까지<br>
                  모두 모여주시기 바랍니다. <br>
                  이번 채팅방에서는 담주에 <br>
                  열리는 정모장소에 대해서<br>
                  의논을 해볼까 합니다. <br>
                  10대방과 20대방 30대방을 <br>
                  만들테니 각각 시간에 맞춰<br>
                  입장해 주시기 바랍니다. <br><br>
                  </font>
                 </td>
               </tr> 
             </table> 
           </td>
         </tr> 
    </table><br>
<!--이제 체크박스를 만듭니다. -->
    <form name="notice">
    <input type="checkbox" name="chkNotice" value="">
    다음 방문시 팝업창을 띄우지 않습니다. 
    <a href="javascript:history.onclick=closeWin('popup_200',notice.chkNotice.checked)"> 창닫기      </a> 
    </form>
  </body>
</html>

저작자표시 비영리

'Resource' 카테고리의 다른 글

부라우저가 강제로 쿼크모드(Quirks Mode)로 인식 될때  (0) 2014.02.09
HTML5의 11가지 불편한 진실  (0) 2014.02.05
사이트 이동, 자동으로 웹 페이지 이동 스크립트  (0) 2014.01.17
모바일 접속 판단하는 자바스크립트 코드  (0) 2014.01.17
HTML5 기초 레이아웃  (0) 2014.01.14
댓글