g3.cc

2003/01/28 10:41:39	24841 0

크롬리스와 같은 윈도창 [2]

<html>
<head>
<title> Chromless Window Alternative by Nima Bidhendi </title>
<style>
#popup {
   position: absolute;
   width: 500px;
   height: 350px;
   display: none;
   border: 1px solid #000000;
   background-color: #fafafa;
   font: 10px verdana;
   filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#444444, Positive=true);
}
.toolbar {
   font: 10px verdana;
   border-bottom: 1px solid black;
   background-color: #bbbbbb;
   padding: 2px;
}
</style>
<script>
clicked = false;
function startDrag(cx,cy) {
        clicked = true;
        pleft=parseInt(document.getElementById("popup").style.left);
   ptop=parseInt(document.getElementById("popup").style.top);
        dragxcoor=cx;
   dragycoor=cy;
}

function stopDrag() {
        clicked = false;
}

function dragBox(evt) {
e = evt || event;
        if (clicked == true) {
      newx = pleft+e.clientX-dragxcoor;
           newy = ptop+e.clientY-dragycoor;
                document.getElementById("popup").style.left=newx;
                document.getElementById("popup").style.top=newy;
                return false;
   }
}
document.onmousemove        = dragBox;
</script>
</head>
<body bgcolor="448844">
<a style="color: #ffffff;" href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'block'">Click here to open the popup</a>
<div id="popup" style="left: 50px; top: 50px;">
<div class="toolbar" style="display: table; cursor: move" onmousedown="startDrag(event.clientX,event.clientY)" onmouseup="stopDrag()">
   <table border="0" cellpadding="0" cellspacing="0" width="100%"><td width="11px"><img src="icon.gif" style="border: 0px; width: 11px; height: 11px;"></td><td style="padding-left: 5px; font: 10px tahoma;">

  This is the pop up - final v2 by Nima Bidhendi

   </td><td style="width: 11px"><span style="display: table-cell; width: 11px;"><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'none'"><img src="close.gif" style="border: 0px; width: 11px; height: 11px;"></a></td></tr></table>
   </div><div style="padding: 5px;">


여기에 html 을 쓰세요. 뭐.. iframe 으로 본격적으로 시작해도 되겠죠?^^;;


   </div>
</div>
</body>
</html>

위의 태그소스 입력하면
js파일이 필요없는 크롬리스랑 같은 새창이 뜹니다.
공지사항 그런거 응용하면 되겠네요.

코멘트를 작성하시면 2 포인트가 지급됩니다.


2003/02/05 00:00:58		이소스를 그냥 인덱스파일에 넣는거에요??...근데 어디서 어디까지 넣어야 되는지 모르겠어요-_-;;;;


2003/02/07 19:19:04		우선 이걸 똑같이 소스복사해서 응용해보시면 어디어딘지 알게되요





234	사이버 수사대에 신고하는법	전화박사	04/14	14314

233	워드문서가 손상되었거나 열리지 않을때 응급처치...	전화박사	04/14	15592

232	MSN으로 퍼지는 바이러스 조심하세요	전화박사	04/14	13307

231	컴퓨터 다운현상 극복하기	전화박사	04/14	13914

230	무료 p2p 공유 프로그램 프루나 v2.7.9.9	21123	02/28	14268

229	악성코드 바이러스 PC최적화를 한방에~ 닥터바이...	21123	02/07	14766

228	홈피에 구글광고 달기 - AdSense	막데무싸	10/19	19430

227	인터넷에서 한글키가 안먹히고 영문키만 나올때!...	막데무싸	10/19	15555

226	모니터 화면이 캄캄해지는 고장과 스파이웨어 예...	막데무싸	10/19	16613

225	[강추] 홈페이지 체감속도 향상!!! [3]		10/04	17961	04/14(11:57)

224	기상 위성사진		08/22	16855

223	SetEnvIf와 SetEnvIfNoCase의 차이점		08/22	15301

222	확장자별 무단 링크 차단하기 [3]		06/28	22010	11/25(13:17)

221	한글키가 안먹힐때~ [1]	멋쟁이	06/26	16681	08/23(00:14)

220	폴더 꾸미기 팁 [1]	멋쟁이	06/26	15639	01/12(12:28)

FIRST

LAST