[위치관련]팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기
// 팝업창 중앙으로 위치
function center(){
var x,y;
if (self.innerHeight) { // IE 외 모든 브라우저
x = (screen.Width - self.innerWidth) / 2;
y = (screen.Height - self.innerHeight) / 2;
}else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict 모드
x = (screen.Width - document.documentElement.clientWidth) / 2;
y = (screen.Height - document.documentElement.clientHeight) / 2;
}else if (document.body) { // 다른 IE 브라우저( IE < 6)
x = (screen.Width - document.body.clientWidth) / 2;
y = (screen.Height - document.body.clientHeight) / 2;
}
window.moveTo(x,y);
}
// 사용시 : 팝업 스크립트나 팝업파일의 가장 하단에
<script type="text/javascript" language="JavaScript">
<!--
center();
//-->
</script><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
function center(){
var x,y;
if (self.innerHeight) { // IE 외 모든 브라우저
x = (screen.Width - self.innerWidth) / 2;
y = (screen.Height - self.innerHeight) / 2;
}else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict 모드
x = (screen.Width - document.documentElement.clientWidth) / 2;
y = (screen.Height - document.documentElement.clientHeight) / 2;
}else if (document.body) { // 다른 IE 브라우저( IE < 6)
x = (screen.Width - document.body.clientWidth) / 2;
y = (screen.Height - document.body.clientHeight) / 2;
}
window.moveTo(x,y);
}
// 사용시 : 팝업 스크립트나 팝업파일의 가장 하단에
<script type="text/javascript" language="JavaScript">
<!--
center();
//-->
</script><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
댓글 1개
Photofly
19년 전
아주 유용한 팁이군요... 감사합니다..^^
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5336 | 1년 전 | 958 | |||
| 5335 | 1년 전 | 980 | |||
| 5334 | 1년 전 | 892 | |||
| 5333 | 1년 전 | 720 | |||
| 5332 |
바다클라우드
|
1년 전 | 3648 | ||
| 5331 |
뽕엄능브라
|
1년 전 | 1675 | ||
| 5330 | 1년 전 | 1335 | |||
| 5329 |
|
1년 전 | 2656 | ||
| 5328 | 1년 전 | 2461 | |||
| 5327 | 1년 전 | 3652 | |||
| 5326 | 1년 전 | 1553 | |||
| 5325 | JavaScript |
|
1년 전 | 692 | |
| 5324 | OS | 1년 전 | 759 | ||
| 5323 | PHP |
|
1년 전 | 900 | |
| 5322 | PHP |
|
1년 전 | 799 | |
| 5321 | PHP |
|
1년 전 | 658 | |
| 5320 | PHP |
|
1년 전 | 759 | |
| 5319 | PHP |
techstar
|
1년 전 | 807 | |
| 5318 | JavaScript |
|
1년 전 | 673 | |
| 5317 | PHP |
|
1년 전 | 617 | |
| 5316 | PHP |
|
1년 전 | 582 | |
| 5315 | PHP |
|
1년 전 | 690 | |
| 5314 | PHP |
|
1년 전 | 669 | |
| 5313 | PHP |
techstar
|
1년 전 | 769 | |
| 5312 | 정규표현식 |
|
1년 전 | 646 | |
| 5311 | JavaScript |
|
1년 전 | 713 | |
| 5310 | PHP |
|
1년 전 | 2125 | |
| 5309 | PHP |
techstar
|
1년 전 | 1614 | |
| 5308 | PHP |
techstar
|
1년 전 | 679 | |
| 5307 | node.js |
swallow
|
2년 전 | 1433 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기