compuz.com

2003/01/28 10:41:39	24786 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		우선 이걸 똑같이 소스복사해서 응용해보시면 어디어딘지 알게되요





144	윈도우 200% 성능 향상법 (Windows 2000 이상) [4]		02/04	14312	01/10(20:27)

143	프레임 홈페이지에서도 주소 고정시키는 소스즘.... [2]	천호근	01/29	15037	01/30(18:52)

>>	크롬리스와 같은 윈도창 [2]		01/28	24786	02/07(19:19)

141	색다른 링크법(새창)		01/28	10954

140	왼쪽스크롤바 만들기		01/13	11221

139	절대경로 알아내기		01/13	11719

138	웹상의 이미지가 BMP로만 저장될때	▩모잘라曰	01/10	10922

137	벅스뮤직 노래 소스 알아내기 [2]	▩모잘라曰	01/10	12765	01/24(18:25)

136	body, table, iframe 부분의 여백 없애기		12/31	31584

135	새창닫기 소스		12/31	11551

134	제로보드 게시판 이름 바꾸기		12/31	19963

133	윈도우즈 시스템의 파일 확장자 정보		12/30	12163

132	소스보기 팁 [1]		12/27	11489	01/04(11:28)

131	날씨 알려주는 소스		12/27	11439

130	~한지 00일 되었습니다.		12/26	10940

FIRST

LAST