웹마스터 팁

  2. Support
  3. 웹마스터 팁

크롬리스 완벽해결! IE.2.0부터 Netscape까지 작동가능!!

2002.12.16 22:12

김민호

음..
사실을 말하자면 크롬리스는 아닙니다..-_-;;(라고 생각합니다.)
하지만, 정말 닮았구요..^^;; (디자인만 잘 하면)
문제도 전혀 없습니다.
무슨 js 파일이라든지, 그런 것 다 필요없구요,
아래 태그가 들어있기만 하면됩니다.
그림같은건 직접 디자인하는게...(퍽!)




<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>




복사해서 htm 파일 아무거나 만들어보새요.
아.. 창 닫는 'x'그림은 제가 아이콘을 안올려서 안보이네요..^^;;
아이콘 잘 만들어서 쓰시구요~
그림같은 거 다 바꿀수 있어요.
친구가 보내주네요~
그럼, 잘 쓰시구요,
중복이면 삭제할께요...ㅠ_ㅠ


허접한 설명이었습니다.
실은 저도 방금 친구에게서 받은거라..쩝
크롬리스때문에 고생하시는 분들, 쓰시면 괜찮을 거라 생각합니다.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
홈페이지 패스워드(암호) 걸기 소스 [6] keymove 2003.01.09
select form 으로 새 창 띄우기 [4] 당근당근 2003.01.07
[re] select form 으로 새 창 띄우기(간단버전) [3] file RedEye 2003.01.27
갤러리스킨에 쓰면 좋을 것 같은 미리보기(수정2) [10] 행복한고니 2003.01.06
크롬리스에 응용할만한 소스;; [3] MYMob.INT. 2003.01.05
숫자를 한글로 변환하는 함수 [1] 행복한고니 2003.01.03
mid 랜덤으로 듣기 ... [2] 아벨라 2003.01.02
색다른 링크법(새창) [2] BIRDY™ 2002.12.30
텍스트 폼 / 전체선택 하기 자바스크립 mnemosyne 2002.12.24
div, Javascript 이용해서 섹션 테이블 만들기 [3] mnemosyne 2002.12.18
크롬리스 완벽해결! IE.2.0부터 Netscape까지 작동가능!! [13] 김민호 2002.12.16
오른쪽 클릭 메뉴 [6] 디아릭스 2002.12.16
select form 으로 새창띄우기(수정:2002-12-19) [3] dolufy 2002.12.11
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] 시즌오브드림 2002.12.10
출렁이며 내려오는 공지창.. [3] 아벨라 2002.12.10
아래 새창에 맞게 이미지 띄우기 더더 업그레이드 판! [6] ATply 2002.12.09
이동 메뉴 (Netscape 가능 NZEO.com 소스) [9] 박영창 2002.12.08
아래 이미지크기에 맞게 새창띄우는 소스(기능개선판) (-_-) v [10] 행복한고니 2002.12.07
[re] 오류 아닌 오류 나시는 분덜... 임병찬 2003.04.22
이미지 크기에 맞게 새창띄우는 자바소스인데요~ [3] 새벽이슬 2002.12.07
태그 쓰기