Code CSS 보조창 열기 예제 코드 예제 메뉴로
최초 호출 부분 보조창 여는 부분 코드 페이지 부분
화일: http://trio.co.kr/webrefer/css/csscolor.html 부분 하단

최초 호출 부분

예제


결과를 보여 줄 새 창 열기 Javascript(head 에 위치 함)
<SCRIPT language=Javascript>
function openwin() {
   newwin=window.open('cxchild.html','childWin',
      'toolbar=no,location=no,scrollbars=no,width=450,height=250')
}
function closewin() {
  newwin.close()
}
</SCRIPT>
<SCRIPT language="Javascript">nscheck()</SCRIPT>
<IMG src="../gif/rfresult.gif" alt="열기(open)" border=0>  
  <A href="Javascript:openwin()">새 창 열기</A> 
    <A href="Javascript:openwin()">열기</A><BR>
  <A href="Javascript:newwin.close()">새 창 닫기</A> 
    <A href="Javascript:newwin.close()">닫기</A>
    <SPAN class=trans>새창이 열린 상태에서 또 열거나, 
      안 열린 상태에서 닫으면 에러가 남.</SPAN>
<IMG src=../gif/rfcoding.gif border="0" alt="새 창 내용 code"> 
  <A href="ccchild.html" target="A">새 창 내용 보기</A>
최초 호출 부분 보조창 여는 부분 코드 페이지 부분
화일명: http://trio.co.kr/webrefer/css/cxchild.html의 Javascript로 보조창이 열림

보조창 여는 부분

<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<HTML lang="ko">
<HEAD>
<TITLE>Trio 홈페이지 -  CSS 매뉴얼 - CCS 예제 보조창 ...</TITLE>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<META name="keywords" content="CSS, ...">

<STYLE class="css/text">
body {
	color:blue;
	background-color:ddddff;
	background-image: url(../../gif/ball1.gif);
	background-repeat: repeat; /*  default=tile (바둑판식 배열) */
	background-position: 140 70; /* 수평위치, 수직위치 공간으로 구분 */
}
.box{border:solid; border-color:dddddd; border-width:1pt; 
   background-color:ffeedd; padding:2pt; margin:1;}
</STYLE>
</HEAD>

<BODY>
<B>Child Window</B><BR><BR>
<DIV class=box>
<IMG src="../../gif/ball1.gif">
  <A href="Javascript:self.close()"><IMG src="../../gif/arstop.gif"
    border=0 alt="현재의 보조창 닫기"> 닫기</A>(현재의 
    보조창 닫음)<BR><BR>
<IMG src="../../gif/ball1.gif">
  <A href="ccchild.html" target="A"><IMG src="../gif/rfcoding.gif" 
    border=0 alt="Code"></A>
</DIV>

</BODY>
</HTML>
최초 호출 부분 보조창 여는 부분 코드 페이지 부분
현재 페이지 http://trio.co.kr/webrefer/css/ccchild.html 부분

코드 페이지 부분

<!DOCTYPE html public "-//w3c//dtd html 4.01 transitional//en">
<HTML lang="ko">
<HEAD>
<TITLE>Trio 홈페이지 - Trio CSS 보조창 열기 예제 코드 ...</TITLE>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<META name="keywords" content="CSS,...">

<SCRIPT language="javascript" src="../../pub/pubcss.js"></SCRIPT>
<SCRIPT Language="Javascript">basicset(2,'std');</SCRIPT>

<STYLE type="text/css">
.mothercode{ background:fff8ff; color:000080; margin:5; padding:10;
      border:solid blue; border-width:1;}
.codelist{ background:eeffff; color:brown; margin:5; padding:10;
      border:solid green; border-width:1;}
.curcode{ background:ffffee; color:teal; margin:5; padding:10;
      border:solid red; border-width:1;}
</STYLE>
</HEAD>

<BODY>
<A name="top"></A>
<CENTER>

<TABLE width=100% border=1 cellspacing=0 class=head>
<TR align=center><TD class=heada><IMG src=../gif/rfcoding.gif
  border=0 alt="Code"></TD>
<TD width=70% class=heada>CSS 보조창 열기 예제 코드</TD>
<TD width=50 class=heada>
<A href="http://trio.co.kr/" target="_top"><IMG src="../../gif/ictrio.gif"
  border=0 alt="Trio 홈페이지"></A></TD>
<TD align=right width=100 bgcolor=00800 class=head>
<A href="Javascript:history.back()"><IMG src="../../gif/arback.gif"
  border=0 width=30 alt="이전 페이지"></A>
<A href="#bottom"><IMG src="../../gif/ardown.gif"
  border=0 width=30 alt="페이지 바닥"></A>
<A href="Javascript:history.forward()"><IMG src="../../gif/arnext.gif"
  border=0 width=30 alt="다음 페이지(이전 페이지로 이동 했을 때 만)"></A>
</TD></TR></TABLE>

<TABLE width=98%><TR><TD class=mothercode>
<TABLE align=center class=mumin><TR align=center>
<TD class=mumina width=20%><!A href="#top">최초 호출 부분<!/A></TD>
<TD class=mumin width=20%><A href="#backwin">보조창 여는 부분</A></TD>
<TD class=mumin width=20%><A href="#code">코드 페이지 부분</A></TD>
</TR></TABLE>

<SPAN class=blue>화일: http://trio.co.kr/webrefer/css/csscolor.html 
  부분 하단</SPAN>
<H4>최초 호출 부분</H4>
<PRE>
화일: http://trio.co.kr/webrefer/css/csscolor.html 부분 하단
반복 부분 위쪽에 있슴.

.
. 생략
.
</PRE>
</TD></TR></TABLE>

<A name=backwin></A>
<TABLE width=98%><TR><TD class=codelist>
<TABLE align=center class=mumin><TR align=center>
<TD class=mumin width=20%><A href="#top">최초 호출 부분</A></TD>
<TD class=mumina width=20%><!A href="#backwin">보조창 여는 부분<!/A></TD>
<TD class=mumin width=20%><A href="#code">코드 페이지 부분</A></TD>
<TD class=mumin width=20%><A href="#top">맨위</A></TD>
<TD class=mumin width=20%><A href="#bottom">맨아래</A></TD>
</TR></TABLE>

<SPAN class=blue>화일명: http://trio.co.kr/webrefer/css/cxchild.html의 
  Javascript로 보조창이 열림</SPAN>
<H4>보조창 여는 부분</H4>
<PRE>
화일명: http://trio.co.kr/webrefer/css/cxchild.html의 
  Javascript로 보조창이 열림
반복 부분 위쪽에 있슴.

.
. 생략
.
</PRE>
</TD></TR></TABLE>

<A name=code></A>
<TABLE align=center width=98%><TR><TD class=curcode>
<TABLE align=center class=mumin><TR align=center>
<TD class=mumin width=20%><A href="#top">최초 호출 부분</A></TD>
<TD class=mumin width=20%><A href="#backwin">보조창 여는 부분</A></TD>
<TD class=mumina width=20%><!A href="#code">코드 페이지 부분<!/A></TD>
<TD class=mumin width=20%><A href="#top">맨위</A></TD>
<TD class=mumin width=20%><A href="#bottom">맨아래</A></TD>
</TR></TABLE>
<SPAN class=blue>현재 페이지 
  http://trio.co.kr/webrefer/css/ccchild.html 부분</SPAN><BR>
<H4>코드 페이지 부분</H4>
<PRE>
전체 중복으로 생략
현재 페이지 http://trio.co.kr/webrefer/css/ccchild.html 부분

</PRE>
<TABLE align=center class=mumin><TR align=center>
<TD class=mumin width=20%><A href="#top">최초 호출 부분</A></TD>
<TD class=mumin width=20%><A href="#backwin">보조창 여는 부분</A></TD>
<TD class=mumin width=20%><A href="#code">코드 페이지 부분</A></TD>
</TR></TABLE>
</TD></TR></TABLE>

<HR size=1 width=60% color="dddddd" align=center>
<TABLE width=100% border=1><TR><TD align=center class=foot>
<A href="http://trio.co.kr/" target="_top"><IMG src="../../gif/ictrio.gif"
  border=0 alt="Trio 홈페이지"></A>
<A href="Javascript:history.back()"><IMG src="../../gif/arback.gif"
  border=0 alt="이전 페이지"></A>
<A href="#top"><IMG src="../../gif/arup.gif" border=0 alt="페이지 맨위"></A>
<A href="Javascript:history.forward()"><IMG src="../../gif/arnext.gif"
  border=0 alt="다음 페이지(이전 페이지로 이동 했을 때 만)"></A><BR><BR>
<SPAN align="center" class="trans">
  이문서(http://trio.co.kr/webrefer/css/ccchild.html)는
  자유로이 연결 사용이 가능함.</SPAN>
</TD></TR></TABLE>
</CENTER>
<A name="bottom"></A></BODY>
</HTML>
최초 호출 부분 보조창 여는 부분 코드 페이지 부분
번역문 소유자 - Trio 홈페이지 제공
이 문서(http://trio.co.kr/webrefer/css/ccchild.html)는
자유로이 연결 사용이 가능함.
 예제 메뉴로