테스트 사이트 - 개발 중인 베타 버전입니다

메인.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개

좋은 정보 감사합니다

게시판 목록

프로그램

글쓰기