s

팝업창 중앙에 띄우기 소스

메인.html 내용


<script language="javascript">
<!--
function OpenWin() {
window.open("팝업.html","ow1","width=200,height=200,top="+(screen.availHeight/2-100)+",left="+(screen.availWidth/2-100)+"");//팝업창  중앙에 띄우기
}
//-->
</script>

<body leftMargin="0" topMargin="0" onload="OpenWin()">

</body>


 

 

팝업.html에는 뭐 복잡하게 스크립트에 함수 따로 만들고 자시고 할것도 없고

A 링크태그조차 쓸필요 없습니다.

 

팝업.html


<body>
<img src="예쁜버튼그림1.jpg" width="10" height="10" onClick="opener.location.href='http://www.naver.com';window.close()" style="cursor:hand">
<img src="예쁜버튼그림2.jpg" width="10" height="10" onClick="window.close()" style="cursor:hand">
</body>


 

이미지 태그 자체에 onClick 이벤트로 스크립트 넣어줄땐 마우스가 그림위에 올라갔을때

손모양 표시가 안나와서 style="cursor:hand"를 넣어서 마우스가 그림위에 올라갔을 때 버튼처럼 손모양으로 변하게 해줬습니다.

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
|

댓글 1개

좋은 정보 감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
08-06-30 조회 2,775
08-06-30 조회 2,182
08-06-30 조회 2,528
08-06-28 조회 2,842
08-06-27 조회 6,409
08-06-24 조회 1,896
08-06-19 조회 2,008
08-06-19 조회 3,729
08-06-15 조회 2,032
08-06-14 조회 1,506
08-06-14 조회 2,477
08-06-14 조회 2,134
08-06-11 조회 6,164
08-06-11 조회 5,958
08-06-08 조회 2,141
08-06-05 조회 2,203
08-06-03 조회 4,061
08-06-03 조회 2,259
08-06-02 조회 1,722
08-06-02 조회 2,854
08-05-29 조회 2,510
08-05-27 조회 4,300
08-05-26 조회 4,057
08-05-25 조회 4,203
08-05-23 조회 2,290