KoXo 자바스크립트 - 메서드(method) 예제 - 원하는 규격의 새창 열기

<HEAD>
<SCRIPT Language="Javascript">
var winopen=0;        // 새 창이 열려 있는가 ?
function act(msg){
  if(winopen) newWin.close();
  // window option 설정============================
  val=(fname.stoolbar(0).checked ) ? 'yes':'no' // 첫번이 선택되었으면 yes 아니면 no
    stats='toolbar='+val+',';
  // 간단히 줄이면
  stats+='location='+((fname.slocation(0).checked) ? 'yes':'no')+',';
  stats+='directories='+((fname.sdirectories(0).checked) ? 'yes':'no')+',';
  stats+='status='+((fname.sstatus(0).checked) ? 'yes':'no')+',';
  stats+='menubar='+((fname.smenubar(0).checked) ? 'yes':'no')+',';
  stats+='dependent='+((fname.dependent(0).checked) ? 'yes':'no')+',';
  stats+='channelmode='+((fname.channelmode(0).checked) ? 'yes':'no')+',';
  stats+='fullscreen='+((fname.fullscreen(0).checked) ? 'yes':'no')+',';
  stats+='scrollbars='+document.fname.sscrollbars.value+',';  // radio box에서 선택
  stats+='resizable='+document.fname.sresizable.value+',';

  w=document.fname.swidth.value;    // width 설정
    if(w<100) w=100;
    if(w>900) w=900;
    document.fname.swidth.value=w;
  stats+='width='+w+',';

  h=document.fname.sheight.value;    // height 설정
    if(h<100) h=100;
    if(h>700) h=700;
    document.fname.sheight.value=h;
  stats+='height='+h+',';

  x=document.fname.xpos.value;      // x 좌표 설정
    if(x<0) x=0;
    if(x>400) x=400;
    document.fname.xpos.value=x;
  stats+='top='+x+',';

  y=document.fname.ypos.value;       // y 좌표 설정
    if(y<0) y=0;
    if(y>500) y=500;
    document.fname.ypos.value=y;
  stats+='left='+y;

  newWin=window.open ('','newWin',stats);  // window 열기
  newWin.document.write('<BODY bgColor="darkgreen" text="yellow">');
  newWin.document.write('<CENTER><H5>',msg,'</H5>');

  newWin.document.write('<DIV title="stats string">stats=\"<BR>');
  showstatus(stats);
  newWin.document.write('<BR>\"</DIV><FORM>');
  newWin.document.write('<INPUT type="button" value="닫기" onClick="self.close()">');
  newWin.document.write('</FORM>');
  winopen=1;        // 창이 열려 있다는 표시
}

function checkwidth(w){
  msg='width를 100-900 사이로 하라.';    // 너무 작거나 큰 너비 배제
  if(w<100){
    alert(msg);
    document.fname.swidth.value=100;
    document.fname.swidth.focus();
  }else if(w>900){
    alert(msg);
    document.fname.swidth.value=900;
    document.fname.swidth.focus();
  }
}
function checkheight(h){
  msg='height를 100-700 사이로 하라.';
  if(h<100){
    alert(msg);
    document.fname.sheight.value=100;
    document.fname.sheight.focus();
  }else if (h>700){
    alert(msg);
    document.fname.sheight.value=700;
    document.fname.sheight.focus();
  }
}

function checkxpos(x){
  msg='top을 0-400 사이로 하라.';
  if(x<0){
    alert(msg);
    document.fname.xpos.value=0;
    document.fname.xpos.focus();
  } else if (x>400){
    alert(msg);
    document.fname.xpos.value=400;
    document.fname.xpos.focus();
  }
}

function checkheight(y){
  msg='left를 height를 0-500 사이로 하라.';
  if(y<0){
    alert(msg);
    document.fname.ypos.value=0;
    document.fname.ypos.focus();
  }else if (y>500){
    alert(msg);
    document.fname.ypos.value=500;
    document.fname.ypos.focus();
  }
}

function closeWin(){
  if(winopen==1) newWin.close();
  winopen=0;
}

function showstatus(stats){
  for (i=0;i<stats.length;i++){
    char=stats.substring(i,i+1);
    if(char=='=') newWin.document.write(' ');
    newWin.document.write(char);
    if(char=='=') newWin.document.write(' ');
    if(char==',') newWin.document.write('<BR>');
  }
}
// 감춤 끝  -->
</HEAD>

<BODY>
<FORM name="fname">
<TABLE border=0 width=100% style="border:solid 1 aaeeff">
<TR><TD>
<TABLE border=0 width=100%>
<COL style=text-align:right><COL style=text-align:center>
<TR><TD>toolbar:</TD>
<TD><INPUT type="radio" checked name="stoolbar" value="yes">yes
  <INPUT type="radio" name="stoolbar" value="no">no</TD></TR>
<TR><TD>location:</TD>
  <TD><INPUT type="radio" name="slocation" checked value="yes">yes
  <INPUT type="radio" name="slocation" value="no">no</TD></TR>
<TR><TD>directories:</TD>
  <TD><INPUT type="radio" name="sdirectories" checked value="yes">yes
  <INPUT type="radio" name="sdirectories" value="no">no</TD></TR>
<TR><TD>status:</TD>
  <TD><INPUT type="radio" name="sstatus" checked value="yes">yes
  <INPUT type="radio" name="sstatus" value="no">no</TD></TR>
<TR><TD>menubar:</TD>
  <TD><INPUT type="radio" name="smenubar" checked value="yes">yes
  <INPUT type="radio" name="smenubar" value="no">no</TD></TR>
<TR><TD>scrollbars:</TD>
  <TD><SELECT name="sscrollbars">
    <OPTION selected value="yes">yes
    <OPTION value="no">no</SELECT></TD></TR>
<TR><TD>resizable:</TD>
  <TD><SELECT name="sresizable">
    <OPTION selected value="yes">yes
    <OPTION value="no">no</SELECT></TD></TR>
</TABLE>
</TD>

<TD><!================></TD>

<TD>
<TABLE border=0 width=100%>
<COL style=text-align:right><COL style=text-align:center>
<TR><TD>dependent:</TD>
  <TD><INPUT type="radio" name="dependent" value="yes">yes
    <INPUT type="radio" name="dependent" checked value="no">no</TD></TR>
<TR><TD>channelmode:</TD>
  <TD><INPUT type="radio" name="channelmode" value="yes">yes
    <INPUT type="radio" name="channelmode" checked value="no">no</TD></TR>
<TR><TD>fullscreen:</TD>
  <TD><INPUT type="radio" name="fullscreen" value="yes">yes
  <INPUT type="radio" name="fullscreen" checked value="no">no</TD></TR>
<TR><TD>width:</TD>
  <TD><INPUT name="swidth" value="600" size=3 OnMouseOut="checkwidth(this.value)">
    <SPAN class=brown>(100-900)</SPAN></TD></TR>
<TR><TD>height:</TD>
  <TD><INPUT name="sheight" value="500" size=3 OnMouseOut="checkheight(this.value)">
     <SPAN class=brown>(100-700)</SPAN></TD></TR>
<TR><TD>top:</TD>
  <TD><INPUT name="xpos" value="100" size=3 OnMouseOut="checkxpos(this.value)">
    <SPAN class=brown>(0-400)</SPAN></TD></TR>
<TR><TD>left:</TD>
  <TD><INPUT name="ypos" value=100 size=3 OnMouseOut="checkypos(this.value)">
     <SPAN class=brown>(0-500)</SPAN></TD></TR>
</TABLE>
</TD></TR>
<TR><TD width=48% align=right>
  <INPUT type="button" value=" 새  창       열  기 " onClick="act('새로운 창에 보일 메세지')"></TD>
<TD width=4%></TD>
<TD width=48%><INPUT type="reset" value="초기값으로 환원"></TD></TR>
</TABLE>
</FORM>
</BODY>