본문 바로가기

카테고리 없음

[자바스크립트] 팝업 여러개 띄우기

== <예제1>=============================================

head에 아래의 소스 추가

<script language="JavaScript">
function winopen(){
window.open('popup.htm', 'NewWindow1', 'left=0, top=0, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=350, height=250')
window.open('popup2.htm', 'NewWindow2', 'left=0, top=0, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=350, height=250')
window.open('popup3.htm', 'NewWindow3', 'left=0, top=0, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=350, height=250')
}
</script>





body 에 onLoad="winopen()"이부분 추가

<body onLoad="winopen()">

================================================

== <예제2> =====================================

1. 팝업을 띄울 부모페이지의 head 와 head 사이에..

<!--팝업열기-->
<script language=javascript>

function getCookie(strName){
        var strArg = new String(strName + "=");        
        var nArgLen, nCookieLen, nEnd;
        var i = 0, j;
        
        nArgLen    = strArg.length;
        nCookieLen = document.cookie.length;
        
        if(nCookieLen > 0) {
                while(i < nCookieLen) {
                        j = i + nArgLen;
                        
                        if(document.cookie.substring(i, j) == strArg) {
                                nEnd = document.cookie.indexOf (";", j);
                                
                                if(nEnd == -1) nEnd = document.cookie.length;
                                return unescape(document.cookie.substring(j, nEnd));
                        }
                        i = document.cookie.indexOf(" ", i) + 1;
                        if (i == 0) break;
                }
        }
        return("");
}


            if( getCookie("pop981") != "done" ){
                open("팝업명1", "xmPopup981","width=435, height=220, top=0, left=50");
            }

            if( getCookie("pop1141") != "done" ){
                open("팝업명2", "xmPopup1141","width=350, height=275, top=0, left=500");
            }

            if( getCookie("pop1161") != "done" ){
                open("팝업명3", "xmPopup1161","width=500, height=390, top=0, left=650");
            }

            if( getCookie("pop1181") != "done" ){
                open("팝업명4", "xmPopup1181","width=390, height=271, top=0, left=0");
            }

</script>

<!--//팝업열기 끝-->


2. <팝업명1> 파일의 head와 head 사이에...

<script language='javascript'>
<!--
        // 쿠키를 만듭니다. 아래 closeWin() 함수에서 호출됩니다
        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.pop.Notice.checked )
                setCookie( 'pop981', 'done' , 1);  // 오른쪽 숫자는 쿠키를 유지할 기간을 설정합니다
                self.close();
        }

        function na_call(str){
          eval(str);
        }
// -->
</script>



* body 부분 <창닫기>

<form name=pop>
        <tr>
          <td align='center'> <input type=checkbox name='Notice' value=''>
                <font color='#4D4D4D' style="font-size:12px">하루동안 이창을 열지 않음</font>
                <a href='javascript:closeWin()'><img src="img/close.gif" align="absmiddle" border=0></a>
          </td>
        </tr>
  </form>



========================

두번째,세번째... 모두 바로위의 소스를 네임 맞추어 넣어주면 됨.