[위치관련]팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기
// 팝업창 중앙으로 위치
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에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 227 | 20년 전 | 2359 | ||
| 226 | 20년 전 | 5465 | ||
| 225 | 20년 전 | 2544 | ||
| 224 | 20년 전 | 2982 | ||
| 223 | 20년 전 | 4233 | ||
| 222 | 20년 전 | 2627 | ||
| 221 | 20년 전 | 2335 | ||
| 220 | 20년 전 | 3678 | ||
| 219 | 20년 전 | 2079 | ||
| 218 | 20년 전 | 3563 | ||
| 217 | 20년 전 | 2477 | ||
| 216 | 20년 전 | 2910 | ||
| 215 | 20년 전 | 2213 | ||
| 214 | 20년 전 | 3334 | ||
| 213 | 20년 전 | 2936 | ||
| 212 | 20년 전 | 3067 | ||
| 211 | 20년 전 | 2157 | ||
| 210 | 20년 전 | 1869 | ||
| 209 | 20년 전 | 2343 | ||
| 208 | 20년 전 | 1983 | ||
| 207 | 20년 전 | 1672 | ||
| 206 | 20년 전 | 1861 | ||
| 205 | 20년 전 | 3938 | ||
| 204 | 20년 전 | 1669 | ||
| 203 | 20년 전 | 2017 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기