본문 바로가기

js

[자바스크립트] 새창을 열 때 늘 정가운데에 열리도록 하기

 

http://blog.naver.com/k706?Redirect=Log&logNo=100004704556  : 퍼온곳;;;

 

자바스크립트를 사용해서 기본값으로 새창을 열면 위치가 제멋대로 뜨거나 left, top 값에 의한 절대좌표로만
위치를 지정할 수가 있습니다.
뭐 딱히 불편한 점은 없지만... 그리 깔끔해 보이진 않을 겁니다.
그럼 모니터가 커지든 작아지든... 기타 상황에 변동없이 새창은 무조건 가운데로 열리게 해볼까요?

#1.우선 아래 스크립트 부분을 적용시키고자 하는 문서의 <head></head>태그 사이에 추가합니다.

(스크립트)
<script language="javascript">
function win_op(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
</script>

#2.구문을 추가한 이후에 <body></body>부분에 쓰이는 본문의 어느곳에서라도 새창을 띄우시려면
win_op('새창으로 불러올 주소','새창의이름(생략가능)','새창의너비','높이','스크롤유무')만 호출해주시면
됩니다.


(body부분)
<body>
  <a></a>태그 적용예
  <a href="#" onclick="win_op('http://naver.com','','600','300','no')">테스트</a>

  폼버튼 사용예
  <input type="button" value="버튼" onclick="win_op('http://empas.com','','300','600','yes')">
</body>

 

'js' 카테고리의 다른 글

드롭다운 메뉴 자바스크립트  (0) 2012.07.04
jquery 사이트 모음  (0) 2012.06.19
jQuery 슬라이드 - jCarouselLite  (0) 2012.06.05