2003/01/28 10:41:39     24312     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;">

<!-- start code for popup here-->
여기에 html 을 쓰세요. 뭐.. iframe 으로 본격적으로 시작해도 되겠죠?^^;;
<!-- end code for popup here-->
  
   </div>
</div>
</body>
</html>


위의 태그소스 입력하면
js파일이 필요없는 크롬리스랑 같은 새창이 뜹니다.
공지사항 그런거 응용하면 되겠네요.
   
코멘트를 작성하시면 2 포인트가 지급됩니다.



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




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


       

136 body, table, iframe 부분의 여백 없애기 12/31 30073
309 발바닥 굳은살 제거와 원인 김용호 01/27 27405
218 홈페이지를 만들때 알아두면 유용한 무료사이트 ... 멋쟁이 06/26 25275
>> 크롬리스와 같은 윈도창 [2] 01/28 24312 02/07(19:19)
155 최근게시물에 또는 게시판제목 옆 new 표시 04/11 23798
311 @@  자동차 연료 절감할수 있는 방법  @@ [1] 스시왕 01/28 23014 09/06(12:25)
299 DB안에 특정 단어를 한번에 변경하기 [1] 07/16 23003 07/16(20:46)
310 효과적인 기억법 [1] 김용호 01/27 22018 08/31(16:37)
297 인터넷에서 로그인이 안될때 [1] 파이어모드 07/14 21921 07/14(20:48)
308 ▒ 콧등 피지.모공 줄이는 7가지 노하우 ▒ [1] 김용호 01/27 21379 08/31(16:37)
222 확장자별 무단 링크 차단하기 [3] 06/28 21350 11/25(13:17)
209 불법소프트웨어 검색하기. [1] 멋쟁이 06/16 21308 06/21(01:52)
300 독도 배너 애드온 - 수정(z-index 추가) v열혈남아 08/18 20968
298 제로보드 4 - 원본글이 일주일 이내인 경우에만 ... [2] 07/15 20476 07/16(21:42)
9 제로보드 해킹방지 팁 두번째 [1] 짜아앙曰 11/20 20476 11/22(17:18)
123456711LAST