웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
나름대로 만들어본 가운데 팝업 스크립트
2003.07.31 10:42
검색을 위해 : 해상도, 팝업, 화면, 중앙, 가운데, 새창
오랜만에 nzeo에 소스좀 구하러 들렸는데, 예전보다 강좌나 문답, 소스등이 많이 줄어든느낌이네요..
분명히 예전에 봐둔게 있었는데, 오늘 2시간 정도 찾았는데도 못찾았습니다.
제가 원하던것은 해상도에 따라 새창을 모니터의 정중앙에 팝업시키는것이었습니다.
그래서 나름대로 머리써봤습니다.
이것도 뭐 잘 찾아보면 훨씬 더 좋은 스크립트가 어딘가 있겠죠^^
뒷북인거는 알지만, 고생한 보람을 초보자 분들과 나누려고 올립니다.^^;
팝업창을 640*480으로 띄을때를 기준으로 했습니다.
좀더 연구하면 팝업창 사이즈에따라 계산을 해서 가운데로 오도록 할 수도 있겠죠...
그거는 숙제^^;
<html>
<head>
<title></title>
</head>
<body>
<script>
var hp; //왼쪽여백
var vp; //위쪽여백
hp = ( screen.width - 640 ) / 2 + 1; //screen.width가 모니터의 가로 해상도 입니다.
vp = ( screen.height - 480 ) / 2 + 1; //screen.height가 모니터의 세로 해상도 입니다.
document.write("<a href=#hs onclick='window.open("http://kr.yahoo.com","YAHOO","width=640,height=480, toolbars=no, scrollbars=yes, left="+hp+", top="+vp+"")'>야후 팝업</a>");
</script>
//href=#hs에서 hs는 아무렇게나 해주셔도 됩니다. href=#test 뭐 이렇게 해도 됩니다.
</body>
</html>
오랜만에 nzeo에 소스좀 구하러 들렸는데, 예전보다 강좌나 문답, 소스등이 많이 줄어든느낌이네요..
분명히 예전에 봐둔게 있었는데, 오늘 2시간 정도 찾았는데도 못찾았습니다.
제가 원하던것은 해상도에 따라 새창을 모니터의 정중앙에 팝업시키는것이었습니다.
그래서 나름대로 머리써봤습니다.
이것도 뭐 잘 찾아보면 훨씬 더 좋은 스크립트가 어딘가 있겠죠^^
뒷북인거는 알지만, 고생한 보람을 초보자 분들과 나누려고 올립니다.^^;
팝업창을 640*480으로 띄을때를 기준으로 했습니다.
좀더 연구하면 팝업창 사이즈에따라 계산을 해서 가운데로 오도록 할 수도 있겠죠...
그거는 숙제^^;
<html>
<head>
<title></title>
</head>
<body>
<script>
var hp; //왼쪽여백
var vp; //위쪽여백
hp = ( screen.width - 640 ) / 2 + 1; //screen.width가 모니터의 가로 해상도 입니다.
vp = ( screen.height - 480 ) / 2 + 1; //screen.height가 모니터의 세로 해상도 입니다.
document.write("<a href=#hs onclick='window.open("http://kr.yahoo.com","YAHOO","width=640,height=480, toolbars=no, scrollbars=yes, left="+hp+", top="+vp+"")'>야후 팝업</a>");
</script>
//href=#hs에서 hs는 아무렇게나 해주셔도 됩니다. href=#test 뭐 이렇게 해도 됩니다.
</body>
</html>
댓글 3
-
[아틀]아렌티
2003.07.31 17:45
제 밑에 있는 소스로 중앙정렬도 가능합니다만;; -
뒹굴리스트
2003.07.31 17:41
숙제 풀어보았습니다 :D
<html>
<head>
<script>
function wopen(url, t, w, h) {
var sw;
var sh;
sw = (screen.Width - w) / 2;
sh = (screen.Height - h) / 2;
window.open(url, t, 'Width='+w+'px, Height='+h+'px, Left='+sw+', Top='+sh);
}
</script>
</head>
<body>
<a href="javascript:;" onclick="wopen('http://kr.yahoo.com', '', 640, 480)">야후 팝업</a>
</body>
</html> -
사도
2003.08.18 02:17
클릭안하고 자동으로 팝업창 띄우며 가운데 정렬도 알려주시면 감사하겠습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
APMPack 입니다요. [13] | Blainfo | 2002.10.19 |
리눅스로 웹호스팅을 하기위해서... [15] | Dopesoul | 2002.10.23 |
네임서버 설정 ver.1 [/etc 폴더편] [2] | 손택수 | 2002.10.24 |
OpenBSD3.2 설치가이드 - 완결 [3] | pravda | 2002.11.02 |
사용자 자동 등록 쉘스크립트 [1] | 편리 | 2002.11.05 |
[기초]커널 2.4.x, quota 셋팅법 | NeST™y | 2002.11.05 |
[Lindox] 가상콘솔 줄여서 메모리 절약하기.. | NeSTY♨™ | 2002.11.05 |
[Lindox] 실수로 기본 명령어삭제시 강제 복구하기 | NeSTY♨™ | 2002.11.05 |
[기초] 퍼미션 값에 대해서 [4] | NeST™y | 2002.11.05 |
[Lindox] 설치 강좌 쓸때 유용한 명령어 [4] | NeSTY♨™ | 2002.11.05 |
윈xp pro 를 net 서버로 바꾸기 [7] | 정회철 | 2002.11.13 |
ab 를 이용한 간편한 아파치 성능 측정 [2] | 정인배 | 2002.11.15 |
리눅스 시스템관리 고급 명령어 | 정인배 | 2002.11.16 |
리눅스(레드헷8.0 배포판 기준) 처음 설치하시는 분들을 위한 apm 초간단 팁 [8] | 김종환 | 2002.11.17 |
리눅스 서버를 구축해 보자! #1 [11] | 꼬토 | 2002.11.21 |
리눅스 서버를 구축해 보자! #2 [5] | 꼬토 | 2002.11.22 |
리눅스 mysql 사용자 계정주기/삭제하기 [4] | 정인배 | 2002.11.22 |
Apache + PHP + Mysql확실한 연동 및 리눅스 재설치 정보 [2] | 최종우 | 2002.11.26 |
[FreeBSD] bind를 몰아낼 djbdns 설치하기 [5] | DeX™ | 2002.11.26 |
[FreeBSD] qmail+mysql+vpopmail+qmailadmin 설치 [1] | DeX™ | 2002.11.26 |