g3.cc

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





114	<단축키 모음>외우세여~ [1]		11/25	12169	11/30(11:20)

113	브라우져에서 흔히 볼수있는 에러 리스트 입니다...		11/25	11213

112	iframe대신 테이블로 써보자구요~!!		11/25	12368

111	[linux] 모질라에서 동영상보기	사수마	11/22	12288

110	요즘 쓰는 팝도트 만들어보자		11/18	11330

109	[SMHS의 괴상한 허접강좌] -_-; 문자이미지 [2]		11/18	12266	12/18(01:53)

108	사진을 뽀샤시 사진빨 만들어보자! [2]		11/17	11991	09/15(22:15)

107	홈페이지 url 주소 고정하기.. [1]		11/17	16288	12/19(22:09)

106	화면을 꼭 맞게 [1]		11/17	14343	03/30(20:22)

105	패턴 만들기		11/15	12259

104	인터넷 속도가 느려요!		11/15	12247

103	[SMHS 의 괴상한 강좌] 괴상한이미지 [2]		11/14	12786	11/15(10:24)

102	윈도속도가 너무 느려요! [2]		11/13	12193	11/14(13:45)

101	제로보드 쪽지창 자동뜨기		11/13	12450

100	말풍선 만들기 [1]		11/13	11442	03/02(08:35)

FIRST

LAST