메뉴 건너뛰기

조회 수 7293 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<style type="text/css">

#poplayer_No { position:absolute; font-family:굴림; font-size:12px; border:1px solid #000000;width:400; VISIBILITY: hidden;}

.notice { left:170; top:170; height:22; color:#ffffff; font-weight:bold; background-color:orange; padding:5; width:400; cursor:move;}

.contents { clear:both; width:320; height:280; padding:0}

.winClose { width:65; height:16; background-color:#ffffff; padding:5 5 0 5; font-weight:bold; cursor:pointer;}

</style>

<script language="javascript">

window.onload = function() {

    with(document) {

        getElementById("layer_move").onmousedown = function() { onMove_layer(1); }

        getElementById("htmlMove").onmousemove = getMove;

        getElementById("htmlMove").onmouseup = function() { onMove_layer(0); };    

        getElementById("notNote").onclick = function() { noticeClose('poplayer_No',1); };        

        getElementById("winClose").onclick = closeWin;

    }

}

//---------------------------------------------Layer Move---------------------------------------------------------//

var move_on, x_styleLeft, y_styleTop, x_accept, y_accept;

move_num = 0;

function onMove_layer(chk) {

    var val = document.getElementById("poplayer_No");

    if (chk ==1) {

        x_styleLeft = event.clientX - val.offsetLeft;

        y_styleTop = event.clientY - val.offsetTop;

    }

    move_num = chk;

}

function getMove() {

    var val = document.getElementById("poplayer_No")

    if (move_num == 1) {

        x_accept = event.clientX - x_styleLeft;

        y_accept = event.clientY - y_styleTop;

        if (x_accept > 1) { val.style.left = x_accept }

        if (y_accept > 1) { val.style.top = y_accept }

    }

}

//-------------------------------------------------PopCookies-----------------------------------------------------------------//

//팝업을 그만 띄운다.

function SetNoticeCookie(name, day) {

    var ExpDate = new Date();

    ExpDate.setDate(ExpDate.getDate() + day);

    document.cookie = name + "=" + escape("No") + "; path=; expires=" + ExpDate.toGMTString() + ";" 

}

//팝업창을 띄우기전 사용자의 쿠키를 체크

function getNoticeCookie(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 ""; 

}         

</script>

<body id="htmlMove">

<div id="poplayer_No" name="poplayer_No">

    <div class="notice" id="layer_move">▒  이벤트 안내 ▒</div>

    <div class="contents">

<table id="Table_01" style="width: 00px;" border="0" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td>팝업 내용</td>

</tr>

</tbody>

</table>

</div>

    <div style="text-align:bottom">

        <div style="text-align:right">

            <input type="checkbox" id="notNote">오늘 하루 뛰우지 않음 <span class="winClose" id="winClose">[ 닫기 ]</span>

        </div>

    </div>

</div>

<script language="javascript">

function noticeShow(divid){

    var divObj = document.getElementById(divid);

    divObj.style.visibility = "visible";

}

function noticeHide(divid) {

    var divObj = document.getElementById(divid);

    divObj.style.visibility = "hidden";

}

function noticeClose(divid, closday)

{

    noticeHide(divid);

    SetNoticeCookie(divid, closday);

}

function closeWin() { 

document.getElementById('poplayer_No').style.visibility = "hidden";

} 

if (getNoticeCookie('poplayer_No') != "No") {

     noticeShow('poplayer_No'); 

}

</script>

</body>



  1. No Image 11Sep
    by
    2016/09/11 Views 5342 

    디자이너를 위한 레이어 탭 더 빠르게 만들기

  2. No Image 11Sep
    by
    2016/09/11 Views 5949 

    간단하게 우클릭 막는방법

  3. JDK6 (Java SE Development Kit 6)이하 버전 다운로드 주소

  4. 이클립스 실행할때 자신이 원하는 JDK 지정하는 방법

  5. No Image 09Sep
    by
    2016/09/09 Views 7167 

    특정 HTML DOM 엘레멘트로 스크롤 이동하기

  6. No Image 01Sep
    by
    2016/09/01 Views 6821 

    모바일 홈페이지로 자동 이동하는 방법....

  7. No Image 01Sep
    by 조쉬
    2016/09/01 Views 7293 

    이동 가능한 레이어팝업 소스

  8. No Image 01Sep
    by
    2016/09/01 Views 7391 

    jquery offset()을 이용한 부드러운 스크롤 이동

  9. 이벤트 - 페이지 로드 후 이벤트 처리하기 ( window.onload )

  10. No Image 19Jun
    by
    2015/06/19 Views 7054 

    iframe사용시 높이 자동 조절

  11. [라디오버튼 오류 체크] 간단한 문제 예제

  12. 자바스크립트 아이디 기억하기 기능 구현 (쿠키저장)

  13. No Image 19Jun
    by
    2015/06/19 Views 15131 

    공백 검사 함수

  14. No Image 19Jun
    by
    2015/06/19 Views 9185 

    자바스크립트 API 문서

  15. JSON API - JSON.parse(), JSON.stringify() ( json 형태의 문자열을 JSON객체로 , JSON객체를 문자열로 )

  16. 창 크기 최대화 시키기

  17. 예제 - 이미지를 원본 크기로 볼 수 있도록 새창으로 열기 확장 (리사이징 및 이미지 드래그)

  18. Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성

  19. 창에 대한 정보얻기 (창 크기, 창 위치)

  20. No Image 19Jun
    by
    2015/06/19 Views 10835 

    핸드폰 번호 일부 마스킹크 작업 (정규식 이용)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved