| 미리보기 http://oxtag.com/html/ex/popup/win/win2.html <script> //Windows In JavaScript (Test Ver / Modifed) //This source is created by Zective (http://zective.com) and modified by TheMics //Div 태그와 Table 태그 그리고 JavaScript 를 이용하여 윈도우 구조 비슷하게 나타내기 위한 스크립트 D_curX = D_curY = 0; D_now = null; D_prev = null; D_1stmv = 1; lrs = null; dtm = null; stm = null; w_size = 1; document.onmouseup = FinishDrag; function FinishDrag() { if(document.onmousemove == OnDragMove) { if(D_now.style.pixelLeft < 0) D_now.style.pixelLeft = 1; //else if(D_now.style.pixelLeft + w_width > document.body.clientWidth) D_now.style.pixelLeft = document.body.clientWidth - w_width; if(D_now.style.pixelTop < 0) D_now.style.pixelTop = 1; //else if(D_now.style.pixelTop + w_height > document.body.clientHeight) D_now.style.pixelTop = document.body.clientHeight - w_height; } if(document.onmousemove == OnResizeMove) lrs.Finish(); if(D_now) D_now.style.filter = ""; if(D_now && w_size == 1) ResizeForMove("2"); document.onmousemove = null; D_now = null; } function BeginDragging(lyr) { D_now = lyr; D_1stmv = 1; D_now.style.filter = "alpha(opacity:60)"; if(w_size == 1) ResizeForMove("1"); document.onmousemove = OnDragMove; } function OnDragMove() { if(D_now == null) return true; if(D_1stmv) { D_curX = event.clientX; D_curY = event.clientY; D_1stmv = 0; if(D_prev != D_now) D_now.style.zIndex = D_now.style.zIndex + 1; D_prev = D_now; return false; } D_now.style.pixelLeft += (event.clientX - D_curX); D_now.style.pixelTop += (event.clientY - D_curY); D_curX = event.clientX; D_curY = event.clientY; event.returnValue = false; } function diOnMouseDown(i) { if(event.button == 1) BeginDragging(i); event.returnValue = false; } function OnResizeMove() { if(D_1stmv) { D_curX = event.clientX; D_curY = event.clientY; D_1stmv = 0; return false; } lrs.AddSize(event.clientX - D_curX, event.clientY - D_curY); D_curX = event.clientX; D_curY = event.clientY; event.returnValue = false; } function DoExit(_obj,_order) { dele = eval("document.all."+_obj+".style"); if(_order == 0) { dele.display = "block"; } else { dele.display = "none"; i_frame.location.href = "about:blank"; } } function ChangeFrame(name,title,width,height) { w_width = width; w_height = height; if(w_size == 0) Resize(); document.all.i_window.style.width = width; document.all.i_window.style.height = height; document.all.i_frame.style.width = width - 2; document.all.i_frame.style.height = height - 18; //if(document.all.i_window.pixelLeft + width > document.body.clientWidth) document.all.i_window.pixelLeft = document.body.clientWidth - width; //if(document.all.i_window.pixelTop + height > document.body.clientHeight) document.all.i_window.pixelTop = document.body.clientHeight - height; i_title.innerHTML = title; if(name.substr(0,4) == "http") { i_frame.location.href = name; // reload.innerHTML = ""; } /* else { if(name == "search") i_frame.location.href = "http://oxtag.com/zboard/search.php"; else if(name == "search2")i_frame.location.href = "http://oxtag.com/zboard/search.php"; else if(name == "game")i_frame.location.href = "http://oxtag.com/html/ex/game/game.html"; else i_frame.location.href = "http://oxtag.com/html/"+name+".html"; reload.innerHTML = "R"; } */ DoExit("i_window",0); } function Resize() { if(w_size == 1) { w_size = 0; w_width = document.all.i_window.style.width.substr(0,3); w_height = document.all.i_window.style.height.substr(0,3); document.all.i_window.style.width = 200; document.all.i_window.style.height = 18; document.all.i_frame.style.display = "none"; } else { w_size = 1; document.all.i_window.style.width = w_width; document.all.i_window.style.height = w_height; //if(document.all.i_window.style.pixelLeft + w_width > document.body.clientWidth) document.all.i_window.style.pixelLeft = document.body.clientWidth - w_width; //if(document.all.i_window.style.pixelTop + w_height > document.body.clientHeight) document.all.i_window.style.pixelTop = document.body.clientHeight - w_height; document.all.i_frame.style.display = "block"; } } function ResizeForMove(type) { if(type == "1") { document.all.i_window.style.height = 18; document.all.i_frame.style.display = "none"; } else { document.all.i_window.style.height = w_height; document.all.i_frame.style.display = "block"; } } </script> </head> <body> <!--윈도우 레이어--> <div id='i_window' style='left:170;top:70;width:600;height:400;position:absolute;z-index:99'> <table cellspacing='1' cellpadding='0' border='0' width='100%' height='100%' bgcolor='#C7B4A5'> <tr bgcolor='#B9A08B'> <td oncontextmenu='return false' onmousedown='diOnMouseDown(i_window)'> <table cellspacing='0' cellpadding='0' border='0' width='100%' height='15'> <tr style='cursor:move'> <td class='th8'> <span id='i_title' style='font-weight:bold'></span></td> <td align='right' class='th8'> <!-- <span onclick='i_frame.location.reload()' id='reload' style='cursor:hand;color:#715B52'>R</span> --> <span onclick='Resize()' style='cursor:hand;color:#715B52'>M</span> <span onclick='DoExit("i_window",1)' style='cursor:hand;color:#715B52'><b>X</b></span> </td> </tr> </table> </td> </tr> <tr> <td bgcolor='white'><iframe id='i_frame' src='about:blank' frameborder='0' width='598' height='392' marginwidth='10' marginheight='10' scrolling='auto'></iframe></td> </tr> </table> </div> ** <span onclick='ChangeFrame("http://oxtag.com/zboard/search.php","title 1 - 게시판 통합검색",640,330)' style='cursor:hand'>BBS Search</span> <br> ** <span onclick='ChangeFrame("http://oxtag.com/html/ex/game/game.html","title 3 - 게임",500,330)' style='cursor:hand'>Game</span> <br> ** <span onclick='ChangeFrame("http://oxtag.com/html/ex/banner.html","title 4 - 태그피아 배너",500,330)' style='cursor:hand'>TagPia BanNer</span> <br> ** <span onclick='ChangeFrame("http://oxtag.com/html/marquee.html","title 5 - 마퀴",750,420)' style='cursor:hand'>Marquee</span> <br> ** <span ondblclick='ChangeFrame("http://oxtag.com/html/about/ctpersonal/","Administrator Page",580,420)'>admin</span><br><br> <script> ChangeFrame("http://oxtag.com/html/ex/game/game.html","OnLoad 시 띄우기",650,400) </script> |
'인터넷관련' 카테고리의 다른 글
| 방문자 OS보여주기 (0) | 2008.02.01 |
|---|---|
| 대문이나 기타 문서에 사용하면...;; (0) | 2008.02.01 |
| 로봇의 이메일 추출을 방지하는 자바소스 (0) | 2008.02.01 |
| 마우스의 휠 버튼 사용 금지 소스 (0) | 2008.02.01 |
| 링크 점선 테두리 없애는 스크립트 (0) | 2008.02.01 |
| 마우스 좌표 값 하단 상태바에 표시 (0) | 2008.02.01 |
| 마우스 오른쪽 클릭시 컨텍스트 메뉴(context menu) (0) | 2008.02.01 |
| 문서 없이 자동으로 이미지 크기에 맞게 새창 및 ..... (0) | 2008.02.01 |
