웹마스터 팁
나름대로 만들어본 가운데 팝업 스크립트
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
클릭안하고 자동으로 팝업창 띄우며 가운데 정렬도 알려주시면 감사하겠습니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 엔터키 걸러내고 코멘트 무조건 10자이상으로 하게하는 자바스크립트 소스 [9] | 교행사랑 | 2003.06.06 |
| 자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
Top, Back 함께사용하기
 | sharim | 2003.06.11 |
| [스크립트]오른쪽 버튼 누르면 메뉴나오기^^ [1] | 처절초보 | 2003.06.16 |
| [스크립트] 메뉴에 마우슬 데면 서브 메뉴가 나온다 [2] | 처절초보 | 2003.06.16 |
| 손쉬운 롤오버 이미지 자동생성 [15] | 행복한고니 | 2003.06.16 |
| 웹에서그림그리기 [5] | 카이저 | 2003.06.27 |
| 아이프레임으로 나타낸 문서를 크기에 맞게 자동으로 사이즈 조절 [3] | DODGE | 2003.06.28 |
| 제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] | 쿨리안 | 2003.06.28 |
| 마우스 오른쪽 버튼 누르면 원하는 메뉴 뜨게 만들기(다른사이트) [3] | 김주형 | 2003.07.03 |
| 상태바에 2개의 메세지가 뜨는 태그 | 김주형 | 2003.07.03 |
| 이미지 필터를 사용한 간단한 소스 [3] | NzeoZen | 2003.07.06 |
| 한줄씩 올라가는 뉴스티거용 인데요....제로보드하구는 어케...쩝 [12] | 하나비 | 2003.07.08 |
| 노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
| 초강력 울트라..매가톤 간단...랜덤이미지.. [6] | 김한샘 | 2003.07.24 |
| HTML경고창 [수정#2] [14] | [락위듀]아렌티 | 2003.07.26 |
| 나름대로 만들어본 가운데 팝업 스크립트 [3] | phase | 2003.07.31 |
| Marquee 태그를 이용한 간단한 스크립트 [7] | 뒹굴리스트 | 2003.08.06 |
| 편리한 컴내꺼 포트개방 (com.ne.kr FTP Port Open) [1] | phase | 2003.08.16 |
| 배경도 이제 선택한다!!? [2] | NzeoZen | 2003.08.16 |