게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
인터넷이나 브라우저 버전에 따른 레이어 팝업창
게시물ID : it_5888짧은주소 복사하기
작성자 : faith_Jesus
추천 : 0
조회수 : 481회
댓글수 : 0개
등록시간 : 2016/11/24 23:39:53
옵션
  • 본인삭제금지
 
안녕하세요.
홈페이지 팝업창 관련해서 문의 드립니다.
팝업창은 레이어를 이용해서 만들어졌구요.
이 팝업창이 인터넷이나 브라우저 버전에 따라서 뜰 수도 있고 안 뜰 수도 있나요? ㅠㅠ
 
아래는 팝업창 소스입니다. ㅠㅠ
 
        <div id='divpop11' class='layer_popup' style='position: absolute; left:700px; top: 220px; z-index: 1000; visibility:hidden  ;'>
            <table width='290' height='353' cellpadding='2' cellspacing='0'>
                <tr>
                    <td style='border:1px #666666 solid' height='353' align='center' bgcolor='white'>
                  <img src="/popup/bf.jpg" alt="블랙프라이데이행사" width="289" height="351" /> 
                    </td>
                </tr>
                <tr>
                    <td align='right' bgcolor='white'>
                        <input type='checkbox' name='chkbox' value='divpop11' onclick='closeWin(true,"divpop11");'>오늘 하루 이 창을 열지 않음
                        <a href='#'' onclick='closeWin(false,"divpop11"); return false;'><B>[닫기]</B></a>
                    </td>
                </tr>
            </table>
        </div>
 
 
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(flag, layer)
{
    var obj  = window.event.srcElement;

    if ( flag )
    {
        setCookie( layer, 'done' , 1 );
    }
    document.all[layer].style.visibility = 'hidden';
}

window.onload = function() // 윈도우즈 로딩이 끝난후
{
    cookiedata = document.cookie;
    var divs   = document.all.tags('DIV'); // DIV 들을 가져옵니다.

    for(var i=0; i<divs.length; i++)
    {
        if(divs[i].className=='layer_popup') // DIV 중에 class 가 layer_popup 로 지정된 객체들이면
        {
            // 쿠키 내에서 해당하는 div 객체의 ID 값을 가지는 객체를 가져와서 동적으로 비교
            if( cookiedata.indexOf(divs[i].id+'=done')>=0 ) document.all[divs[i].id].style.visibility = 'hidden';
            else document.all[divs[i].id].style.visibility = 'visible';
        }
    }
}
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호