본문 바로가기

카테고리 없음

[자바스크립트]해상도에 관계없이 화면 중앙에 새창 띄우는 스크립트입니다.

* 해상도에 관계없이 화면 중앙에 새창 띄우는 스크립트입니다.

해상도에 관계없이 화면 중앙에 새창 띄우는 스크립트입니다.

★ <HEAD>와 </HEAD> 태그 사이에 들어갈 소스


<SCRIPT LANGUAGE="javaScript">
<!--
function CenterWin(url,winname,features)
{

features = features.toLowerCase();
len = features.length;
sumchar= "";
for (i=1; i <= len; i++) // 빈칸 제거
{
onechar = features.substr(i-1, 1);
if (onechar != " ") sumchar += onechar;
}
features = sumchar;
sp = new Array();
sp = features.split(',', 10); // 배열에 옵션을 분리해서 입력
splen = sp.length; // 배열 갯수
for (i=0; i < splen; i++) // width, height 값을 구하기 위한 부분
{
if (sp[i].indexOf("width=") == 0) // width 값일때
{
width = Number(sp[i].substring(6));
} else if (sp[i].indexOf("height=") == 0) // height 값일때
{
height = Number(sp[i].substring(7));
}
}
sleft = (screen.width - width) / 2;
stop = (screen.height - height) / 2;
features = features + ",left=" + sleft + ",top=" + stop;
popwin = window.open(url,winname,features);
}
// -->
</SCRIPT>


★ <BODY> 태그 안에 들어갈 창을 띄우는 소스
실제 창을 띄우는 명령은 CenterWin('html파일','창이름(생략가능)', 'width=창넓이,height=창높이') 입니다.

▶ 문서가 열릴때 자동으로 열리게 할경우
<body onLoad="CenterWin('popup.html','', 'width=300, height=200')">

▶ 링크 태그에 사용시
<a href="javascript:CenterWin('popup.html','','width=300, height=200')">창열기</a>

▶ 버튼에 사용시
<input type="button" value="창열기" onClick="CenterWin('popup.html','','width=300, height=200')">
[출처] 플래시 활용도 높은 소스 Tip 모음|작성자 카제


* 소피스타일™님에 의해서 게시물 이동되었습니다 (2009-06-03 12:38)