KoXo 자바스크립트 - 창을 원하는 위치, 원하는 크기로 열기 예제



<HEAD>
<SCRIPT Language="Javascript">
<!-- 감춤
sW=screen.width;
sH=screen.height;
W=600;
H=500;
L=T=50;
winObj=self;
function init(){
  fname.WW.value=W;
  fname.HH.value=H;
  fname.LL.value=L;
  fname.TT.value=T;
}
function newWin() {
  W=fname.WW.value;
  H=fname.HH.value;
  winObj=self.open(self.location,'_blank','left='+L+',top='+T+',width='+W+',height='+H+',scrollbars=yes,resizable=yes');
  winObj.moveTo(L,T);
  winObj.resizeTo(W,H);
}
function doChange(){
  if (checkInput()) return;
  W=fname.WW.value;
  H=fname.HH.value
  L=fname.LL.value;
  T=fname.TT.value;
  winObj.moveTo(L,T);
  winObj.resizeTo(W,H);
}
function doShow(){
  showA.innerHTML='width='+W+', height='+H+', left='+L+', top='+T;
  showB.innerHTML='winObj.moveTo('+L+','+T+');<BR>winObj.resizeTo('+W+','+H+');';
}
function checkInput(){
  if ((fname.WW.value > sW) || (fname.LL.value > sW)){
    alert('너무 크다(최대:'+sW+')');
    return true;
  }
  if ((fname.HH.value > sH) || (fname.TT.value > sH)){
    alert('너무 크다(최대:'+sH+')');
    return true;
  }
}
// 감춤 끝 -->
</SCRIPT>
</HEAD>


<BODY onload=init()>
<FORM name=fname>
너비 <INPUT name=WW size=3>
높이 <INPUT name=HH size=3>
왼쪽 <INPUT name=LL size=3>
위쪽 <INPUT name=TT size=3>
</FORM>
<DIV id=showA style="color:blue"></DIV>
<DIV id=showB style="color:teal"></DIV>

<SCRIPT>
str='<P align=center>';
space='<SPAN style=width:2em></SPAN>';
if (self.location==top.location){
  str+='<A href="javascript:doChange()">원하는 위치, 크기로 창을 조정</A>'+space;
  str+='<A href="javascript:doShow()">현재창 정보</A>'+space;
  str+='<A href="javascript:self.close()">이창 닫기</A>';
} else {
  str+='<A href="javascript:newWin()">새창 열기</A>'+space;
  str+='<A href="javascript:history.back()">이전 페이지로</A>';
}
str+='</P>';
document.write(str);
</SCRIPT>