웹마스터 팁
나름대로 만들어본 가운데 팝업 스크립트
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
클릭안하고 자동으로 팝업창 띄우며 가운데 정렬도 알려주시면 감사하겠습니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 홈에 TT WEB FTP 달기 [12] | PHASE | 2003.09.03 |
| frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법(?) | monozzang | 2003.09.02 |
| 주어진 값이 한글,영어,숫자인지 체크 [2] | 한승진 | 2003.08.29 |
| 전화번호 유효성 검사(핸폰,집전화 몽땅) [4] | 한승진 | 2003.08.29 |
| 변수에서 숫자만 리턴합니다. | 한승진 | 2003.08.29 |
| 변수의 실제 바이트 수를 리턴하는 팁 [2] | 한승진 | 2003.08.29 |
| 메인 접속하면 할아버지 나오는... [6] | 공유 | 2003.08.28 |
| 마우스 움직임에 따라 속도도, 방향도 자유자재 스크롤 소스 [1] | RedEye(kaist) | 2003.08.24 |
| 경우에 따라 공지가 새창에서도 보여야 하고, 일반 페이지에서도 보여야 할때 | 조은하루 | 2003.08.22 |
| [수정]롤오버 메뉴에 하위 부메뉴 레이어..(아웃시 하위메뉴사라짐) [24] | 미니 | 2003.08.18 |
| 재미있는놀이 [ 숫자맞추기] [3] | NzeoZen | 2003.08.16 |
| 배경도 이제 선택한다!!? [2] | NzeoZen | 2003.08.16 |
| 편리한 컴내꺼 포트개방 (com.ne.kr FTP Port Open) [1] | phase | 2003.08.16 |
| Marquee 태그를 이용한 간단한 스크립트 [7] | 뒹굴리스트 | 2003.08.06 |
| 나름대로 만들어본 가운데 팝업 스크립트 [3] | phase | 2003.07.31 |
| HTML경고창 [수정#2] [14] | [락위듀]아렌티 | 2003.07.26 |
| 초강력 울트라..매가톤 간단...랜덤이미지.. [6] | 김한샘 | 2003.07.24 |
| 노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
| 한줄씩 올라가는 뉴스티거용 인데요....제로보드하구는 어케...쩝 [12] | 하나비 | 2003.07.08 |
| 이미지 필터를 사용한 간단한 소스 [3] | NzeoZen | 2003.07.06 |