g3.cc

2003/01/28 10:41:39	24263 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	13768	01/10(20:27)

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

125	플래쉬를 바탕화면으로 깔아보자!!!		12/21	11729

8	이미지 크기 팍팍 줄이기 [2]		11/20	15158	07/15(15:43)

21	초보자도한다! 제로보드에서 전체메일 보내기!!...	ジャン君	12/19	11516

162	홈페이지 접속시 바탕화면 아이콘 만들기 [2]		07/16	15786	01/16(02:19)

158	한번에 링크 클릭시 점선없애는 거 (간단함) [1]		04/15	13302	03/30(20:17)

157	레벨 아이콘 만들기		04/11	12063

156	새창띄울때 메인에 스크롤바 원위치 되돌아가는거...		04/11	13093

155	최근게시물에 또는 게시판제목 옆 new 표시		04/11	23744

151	이미지 도구모음 감추기		02/28	12283

150	다른 브라우저를 선택했을때 현재 창을 자동으로...		02/26	11481

149	점선 테이블 만들기		02/26	12026

147	이미지네임 만들기 [4]		02/24	12719	02/28(09:06)

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

FIRST

LAST