g3.cc

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





99	번개이미지 만들기 - 허접포토샵 - [5]	두기두바	11/12	13371	03/02(15:09)

98	배너디자인 하기 (고난이도)		11/12	12272

97	여러가지 무료 웹폰트 배포하는 곳		11/12	14496

96	일정시간후 새창으로 띄우기		11/12	12386

95	접속할때 먼저 로그인 부분에 커서 깜박이게 하기...		11/12	12028

94	오픈창 자동으로 닫기		11/12	11971

93	Ctrl+n 눌러보세요 [1]		11/10	13040	11/10(22:25)

92	<img border="0">넣지 않기 [1]		11/10	14128	03/30(20:25)

91	[도트] 빼빼로 만들기		11/10	12240

90	[펌] 인터넷 로그인 혹은 검색엔진에서의 일시정...		11/09	12026

89	새 게시판지기가 인사 올립니다. [1]		11/09	12621	11/11(17:34)

88	포토샵 허접강좌 - 간단하게 아쿠아 비슷한 효과...	두기두바	11/08	12607

87	포토샵 허접강좌 - 홈페이지 분위기바꾸기 - [2]	두기두바	11/08	12503	11/10(08:08)

86	포토샵 허접강좌 - 글자꾸미기 - [1]	두기두바	11/08	14212	11/09(01:38)

85	tar (백업하기)	사수마	11/01	12827

FIRST

LAST