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에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
10-09-17 조회 2,553
10-09-17 조회 2,461
10-05-31 조회 2,068
09-12-31 조회 2,337
09-07-23 조회 3,662
08-09-16 조회 2,047
08-09-06 조회 1,727
08-09-04 조회 2,040
08-08-16 조회 2,984
08-08-15 조회 2,020
08-08-14 조회 3,297
08-08-12 조회 2,721
08-07-23 조회 1,664
08-07-10 조회 2,571
08-07-04 조회 1,748
08-06-27 조회 6,408
08-06-19 조회 3,727
08-05-27 조회 4,298
08-05-25 조회 4,200
08-05-23 조회 2,288
08-05-23 조회 3,322
08-05-21 조회 3,695
08-05-20 조회 2,740
08-05-20 조회 2,055
08-04-18 조회 2,991