팝업창 중앙에 띄우기 소스 정보
JavaScript 팝업창 중앙에 띄우기 소스본문
메인.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에서 이동 됨]
추천
2
2
댓글 1개
좋은 정보 감사합니다
