 |
Javascript로 작성 된 색상표 |
 |
색상 코드(color triplet)는 HTML 과 Javascript 에서
Internet Explorer, Netscape에서 공히 사용된다.
이 표는 Javascript로 작성되었다. 시간이 좀 걸립니다.
|
<HEAD>
<SCRIPT Language="Javascript" src="../../pub/pubcss.js"></SCRIPT>
<SCRIPT Language="Javascript">basicset(2,'cmp')</SCRIPT>
<SCRIPT Language='Javascript' src='colordb.js'></SCRIPT>
</HEAD>
<BODY>
<A name="top"></A>
<CENTER>
<TABLE width=100%><TR>
<TD align=center valign=top class=title>
<IMG src="../../gif/ictrio.gif" alt="Trio">
<SPAN class="bluemark">Javascript로 작성 된 색상표 </SPAN>
<HR size=1 width=60% color=dddddd></TD>
<TD align=right valign=top width=1%><NOBR>
<A href="Javascript:history.back()"><IMG src="../../gif/arback.gif"
border=0 alt="이전 페이지"></A>
<A href="Javascript:history.forward()"><IMG src="../../gif/arnext.gif"
border=0 alt="다음 페이지(이전 페이지로 이동 했을 때 만)"></NOBR></TD>
</TR></TABLE></DIV>
<SCRIPT>if (navi=='N') document.write(
'<DIV class=teal>Netscape에서는 시간이 약간 걸립니다.</DIV>')</SCRIPT>
<TABLE width=95%><TR><TD>
<IMG src=../gif/rfbtexm2.gif><BR><BR>
<SPAN class=brown>
색상 코드(color triplet)는 HTML 과 Javascript 에서
Internet Explorer, Netscape에서 공히 사용된다.<BR>
<A href="../htex/htxclrtbl1.html">HTML로 작성 된 색상표</A>.
<A href="xclrindex.html" target=main>
Javascript로 작성된 색상 선택 프로그램</A>.<BR><BR>
이 표는 Javascript로 작성되었다. 시간이 좀 걸립니다.</SPAN>
<CENTER>
<TABLE cellpadding=0 cellspacing=0>
<TR valign=top><TD>
<SCRIPT Language="Javascript">
<!-- 감춤
maketable();
tablestr='<TABLE border=1 cellpadding=2 cellspacing=0 width=98%><TR bgcolor=linen>'
tablestr+='<TD width=5%>#</TD><TD width=15%><B>색상</B><BR>name</TD>'
tablestr+='<TD width=25% align="left"><B>색상명</B><BR>name</TD>'
tablestr+='<TD width=5%><B>색상</B><BR>rrggbb</TD>'
tablestr+='<TD width=50%><B>rrggbb</B><BR>(triplet)</TD></TR>'
for (i = 1; i <= List.length; i++) {
if (i==71) document.write ('</TABLE></TD><TD>')
if ((i==1)||(i==71)) document.write (tablestr)
document.write ("<TR><TD>"+i+"</TD><TD bgcolor=" + List[i].str +
"> </TD><TD>"+List[i].str+"</TD>")
document.write ("<TD bgcolor=#" + List[i].trip +
"> </TD><TD>" + List[i].trip.fixed() + "</TD></TR>")
}
// 감춤 끝 -->
</SCRIPT>
</TABLE>
</TD></TR></TABLE>
<BR></CENTER>
</BODY>
중요 사항
- 배열변수를 이용한 데이터 베이스
- 자동적인 TABLE 형성: 데이터 갯수가 반이 될 때, 표의 바다과 새로은 표의 머리부분을 만듬
- for (i = 1; i <= List.length; i++) { ........ }
- this.
- 색상 이름과 RGB 수치
- 변수를 갖고다니는 function(variables)
 제공 | 이 문서(http://trio.co.kr/webrefer/jsex/xclrtbl2.html)는
자유로이 연결 사용이 가능함. |
|