<head>
<title>윈도우 원하는 곳에 띄우기</title>
<script language="JavaScript">
function openWin(theURL, theName, wWidth, wHeight, wTop, wLeft){
var argv = openWin.arguments.length; // 매개변수의 수를 구합니다.
var winX = (screen.availWidth - wWidth)*0.5; // screen.availWidth 속성을 이용하여 화면의 가로중앙을 구합니다.
/*
실제로는 화면 중앙이 아니라 화면 정중앙에서 열고자하는 창에 가로 길이의 반 만큼을 더 이동한 값이 구해집니다.
예를 들어 가로길이가 1024인 화면에 가로길이가 100인 창을 가운데 띄우고자 한다면 1024 의 반이 아닌 1024의 반에서 즉 512 에서 창의 가로길이인 100 의 반 즉 50 만큼을 더 이동한 값이 구해집니다. 그러므로 이 창의 가로위치는 462가 됩니다.
세로위치도 동일합니다.
*/
var winY = (screen.availHeight - wHeight)*0.5; // screen.availHeight 속성을 이용하여 화면의 세로중앙을 구합니다.
if(argv > 4){ // 매개변수가 다섯개 이상 전달되면 실행
winX = wLeft;
winY = wTop;
}
window.open(theURL, theName, "scrollbars=no, status=no, width="+wWidth+", height="+wHeight+", top="+winY+", left="+winX);
/*
창을 띄울때 다음과 같은 속성(옵션)이 존재합니다.
menubar, toolbar, location, directories, resizable, status, scrollbars
이 속성들의 값은 "yes" 또는 "no" 입니다. 그리고
이들 속성중(width, height, top, left 제외) 어떤 것이든 하나만 사용했고 그 속성의 값이 "no" 이면 다른 속성들의 값도"no" 가 됩니다.
단, 모든 속성을(width, height, top, left 포함) 사용하지 않으면 풀 옵션이 적용됩니다.
window.open(theURL, theName, "menubar=no, toolbar=no, location=no, directories=no, resizable=no, scrollbars=no, status=yes, width=100, height=100, top=20, left=20");
*/
}
</script>
</head> <body> <a href="javascript:openWin('http://www.naver.com', 'win1', 200, 200);">창띄우기 1</a><br>
<a href="javascript:openWin('http://www.naver.com', 'win2', 200, 200, 0, 0);">창띄우기 2</a><br>
<a href="javascript:openWin('http://www.naver.com', 'win3', 200, 200, 300, 300);">창띄우기 3</a> </body>
</html>
또 다른방법 <HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=euc-kr"> <TITLE> Script </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function NewWindow(mypage, myname, w, h, scroll) { var winl = (screen.width - w) / 2; var wint = (screen.height - h) / 2; winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable' win = window.open(mypage, myname, winprops) if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); } } //--> </script> <HEAD> 이제 링크시키는법을 적어드립니다 body 속에 다음 소스를 넣어주세요 <a href="새창주소" onclick="NewWindow(this.href,'name','400','400','yes');return false;">눌러보세요</a> 주소를 자신이 링크시킬곳으로 고쳐주면 됩니다. 400.400은 가로.세로 높이 이니 영역을 설정해주시면 됩니다.
|
