ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Layer Pop-up (레이어 팝업) 소스
    javascript 2023. 2. 22. 09:49
    728x90
    반응형
    SMALL
    //스크립트부분 
    
    
    
    <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(div, chk, cookname) {
        if ( document.getElementById(chk).checked ){
            setCookie(cookname, "done", 1);
        }
        document.getElementById(div).style.visibility = "hidden";
    }
    
    window.onload = function() {
       cookiedata = document.cookie; 
       /* popup1 */
       if ( cookiedata.indexOf("maindiv=done") < 0 ){   
         document.getElementById('divpop').style.visibility = "visible";
       } else {
         document.getElementById('divpop').style.visibility = "hidden";
       }
    
     
    
       /* popup2 */
       if ( cookiedata.indexOf("maindiv2=done") < 0 ){   
         document.getElementById('divpop2').style.visibility = "visible";
       } else {
         document.getElementById('divpop2').style.visibility = "hidden";
       }
    }
    
    //-->
    </script>
    
    
    
    
    
    
    
    
    
    
    
    
    
    <!--팝업창-->
    
    
    
    <!-- POPUP1 -->
    <div id="divpop" style="position:absolute;left:395px;top:190;z-index:200;visibility:hidden;">
    <table width="300" height="400" cellpadding="2" cellspacing="0">
    <tr>
        <td style="border:1px #666666 solid" height="360" align="center" bgcolor="white">
        여기에 내용 삽입
        </td>
    </tr>
    <tr>
        <td align="right" bgcolor="white">
            <input type="checkbox" id="chkbox" value="checkbox">오늘 하루 이 창을 열지 않음
            <a href="javascript:closeWin('divpop', 'chkbox', 'maindiv');"><B>[닫기]</B></a>
        </td>
    </tr>
    </table>
    </div>
    
     
    
    <!-- POPUP2 -->
    <div id="divpop2" style="position:absolute;left:700px;top:190;z-index:200;visibility:hidden;">
    <table width="300" height="400" cellpadding="2" cellspacing="0">
    <tr>
        <td style="border:1px #666666 solid" height="360" align="center" bgcolor="white">
        여기에 내용 삽입2
        </td>
    </tr>
    <tr>
        <td align="right" bgcolor="white">
            <input type="checkbox" id="chkbox2" value="checkbox">오늘 하루 이 창을 열지 않음
            <a href="javascript:closeWin('divpop2', 'chkbox2', 'maindiv2');"><B>[닫기]</B></a>
        </td>
    </tr>
    </table>
    </div>

     

     

     

     

    728x90
    반응형
    LIST
Designed by Tistory.