클릭하면 해당페이지로 이동하는 공지사항 팝업창 만들기 - 수다공작소

본문 바로가기

Recent Posts

Recent Comments

Link

Tags more

Archives

Today

Total

관리 메뉴

수다공작소

클릭하면 해당페이지로 이동하는 공지사항 팝업창 만들기 본문

블로그팁

클릭하면 해당페이지로 이동하는 공지사항 팝업창 만들기

수다공작소 2010. 5. 20. 13:37

수다
수다공작소

블로그를 옮겼으니 기존의 블로그 구독자들에게 공지는 해야겠는데, 효과적으로 알릴 수 있는 방법이 없을까 싶어 팝업창을 선택했습니다. 아래의 소스를 변형해서 이용하시면 됩니다.

<head>와 </head>사이에 넣어야 할 웹코드

<script language="JavaScript1.2">
var ns4=document.layers;
var ie4=document.all;
var ns6=document.getElementById&&!document.all;
var dragswitch=0;
var nsx;
var nsy;
var nstemp;
function DragDropNS(name){
    if (!ns4)
      return;
    temp=eval(name);
    temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
    temp.onmousedown=GoNS;
    temp.onmousemove=DragNS;
    temp.onmouseup=StopNS;
}
function GoNS(e){
    temp.captureEvents(Event.MOUSEMOVE);
    nsx=e.x;
    nsy=e.y;
}
function DragNS(e){
    if (dragswitch==1){
      temp.moveBy(e.x-nsx,e.y-nsy)
      return false
    }
}
function StopNS(){
    temp.releaseEvents(Event.MOUSEMOVE)
}
function DragDropIE(e){
    if (ie4&&dragapproved){
      oCross.style.left=tempx+event.clientX-offsetx
      oCross.style.top=tempy+event.clientY-offsety
      return false
    }
    else if (ns6&&dragapproved){
      oCross.style.left=tempx+e.clientX-offsetx
      oCross.style.top=tempy+e.clientY-offsety
      return false
    }
}
function InitDrag(e){
    oCross=ns6? document.getElementById("showpopup") : document.all.showpopup;
    var oBar=ns6? e.target : event.srcElement
    var topelement=ns6? "HTML" : "BODY";
    while (oBar.tagName!=topelement&&oBar.id!="dragbar"){
      oBar=ns6? oBar.parentNode : oBar.parentElement;
    }
    if (oBar.id=="dragbar"){
      offsetx=ie4? event.clientX : e.clientX;
      offsety=ie4? event.clientY : e.clientY;
      tempx=parseInt(oCross.style.left)
      tempy=parseInt(oCross.style.top)
      dragapproved=true
      document.onmousemove=DragDropIE;
    }
}
document.onmousedown=InitDrag;
document.onmouseup=new Function("dragapproved=false");
function Drag_onMouseOver(){
dragswitch=1;
if (ns4) DragDropNS(showpopup)
}
function Drag_onMouseOut(){
dragswitch=0;
}
function Drag_doHideBox(){
    if (ie4||ns6)
      oCross.style.visibility="hidden";
    else if (ns4)
      document.showpopup.visibility="hide";
return false;
}
</script>

<body>와 </body>사이에 넣어야 할 웹코드

'블로그팁' 카테고리의 다른 글

다음뷰 전체 순위 올리는 방법 大공개! (18)	2010.06.24
블로그 방문자수를 늘리는 방법 大공개 제1탄 <with 다음뷰> (23)	2010.06.22
블로그의 글을 다른 사이트로 쉽게 공유하는 기능의 위제 버튼 (0)	2010.05.29
블로그에 배경음악 삽입하는 방법과 뮤직플레이어 위젯 (0)	2010.05.18
티에디션으로 티스토리를 MY스토리로 업UP!그레이드해보세요. (0)	2010.05.14

수다공작소

공유하기 링크

페이스북
카카오스토리
트위터

'블로그팁' Related Articles

more

Comments