메뉴 건너뛰기

조회 수 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. 디자이너를 위한 레이어 탭 더 빠르게 만들기

    Date2016.09.11 Views5342
    Read More
  2. 간단하게 우클릭 막는방법

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

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

    Date2016.09.11 Views5525
    Read More
  5. 특정 HTML DOM 엘레멘트로 스크롤 이동하기

    Date2016.09.09 Views7167
    Read More
  6. 모바일 홈페이지로 자동 이동하는 방법....

    Date2016.09.01 Views6821
    Read More
  7. 이동 가능한 레이어팝업 소스

    Date2016.09.01 Views7293
    Read More
  8. jquery offset()을 이용한 부드러운 스크롤 이동

    Date2016.09.01 Views7391
    Read More
  9. 이벤트 - 페이지 로드 후 이벤트 처리하기 ( window.onload )

    Date2015.06.19 Views10953
    Read More
  10. iframe사용시 높이 자동 조절

    Date2015.06.19 Views7054
    Read More
  11. [라디오버튼 오류 체크] 간단한 문제 예제

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

    Date2015.06.19 Views11006
    Read More
  13. 공백 검사 함수

    Date2015.06.19 Views15131
    Read More
  14. 자바스크립트 API 문서

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

    Date2015.06.19 Views6395
    Read More
  16. 창 크기 최대화 시키기

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

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

    Date2015.06.19 Views8623
    Read More
  19. 창에 대한 정보얻기 (창 크기, 창 위치)

    Date2015.06.19 Views7427
    Read More
  20. 핸드폰 번호 일부 마스킹크 작업 (정규식 이용)

    Date2015.06.19 Views10835
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved