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-08-03 조회 7,186
08-08-01 조회 3,231
08-07-31 조회 2,083
08-07-30 조회 2,261
08-07-28 조회 3,073
08-07-23 조회 1,663
08-07-22 조회 4,464
08-07-22 조회 4,008
08-07-22 조회 2,897
08-07-18 조회 1,708
08-07-18 조회 2,626
08-07-10 조회 3,042
08-07-10 조회 2,570
08-07-10 조회 2,149
08-07-10 조회 2,143
08-07-10 조회 1,905
08-07-10 조회 2,347
08-07-10 조회 2,123
08-07-10 조회 2,085
08-07-08 조회 1,989
08-07-06 조회 1,932
08-07-06 조회 2,334
08-07-05 조회 2,405
08-07-04 조회 1,747
08-07-03 조회 1,463