HTML로 작성 된 색상표   Javascript로 작성된 색상 선택 프로그램

이 표는 Javascript로 작성되었다. 시간이 약간 걸린다.
색상 코드(color triplet)는 HTML 과 Javascript 에서 Internet Explorer, Netscape에서 공히 사용된다.


HTML Code

<HEAD>
<LINK rel="stylesheet" type="text/css" href="../public/jscript.css">
<SCRIPT Language="Javascript" src="colordb.js"></SCRIPT>
</HEAD>


<BODY>
<TABLE width=98% border=0 align=center>
<TR><TD>
<DIV align=center>
<A href="http://trio.co.kr/webrefer/htex/htxclrtbl1.html"><SPAN class=example>HTML로 작성 된 색상표</A></SPAN>  
<A href="xclrindex.html" target=jsmain><SPAN class=example>Javascript로 작성된 색상 선택 프로그램</SPAN></A></DIV>
<P class=teal>이 표는 Javascript로 작성되었다. 시간이 약간 걸린다.<BR>
색상 코드(color triplet)는 HTML 과 Javascript 에서 Internet Explorer, Netscape에서 공히 사용된다.</P>

<TABLE border=0 cellpadding=2 cellspacing=0 width=100% align=center>
<TR valign=top><TD width=50%>
<SCRIPT Language="Javascript">
<!-- 감춤
maketable();
tablestr='<TABLE border=1 cellpadding=2 cellspacing=0 width=95% align=center>';
tablestr+='<COL style=color:teal><COL><COL style=padding-left:9><COL><COL style=padding-left:9>';
tablestr+='<TR bgcolor=eeeeee>';
tablestr+='<TD width=5% style=vertical-align:middle>#</TD>';
tablestr+='<TD width=15% style=white-space:nowrap;vertical-align:middle>색상</TD>';
tablestr+='<TD width=25% align="left"><B>색상명</B><BR>name</TD>';
tablestr+='<TD width=5%><B>색상</B><BR><FONT size=-1>rrggbb</FONT></TD>';
tablestr+='<TD width=25%><B>rrggbb</B><BR><FONT size=-1>(triplet)</FONT></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>
</TD></TR></TABLE>
</BODY>

HTML Code 화일: colordb.js(색상 데이터베이트) 내용 
<!--감춤
function newarray(n) {	// 새로운 배열변수 형성
   this.length = n;
   for (var i = 1; i <= n; i++) {
      this[i] = 0;		// 배열변수 내용 지움
   }
   return this;		// n=140
}
function Color(str,trip) {	// 색상의 두 변수 색상명(str: string literal)과 코드(trip: triplet) 정의
   this.str = str;		// this 배열변수에 저장
   this.trip = trip;
}
function maketable() {	// 140 색상 목록을 만듬
   List = new newarray(140);
   List[1] = new Color('aliceblue', 'F0F8FF');
   List[2] = new Color('antiquewhite', 'FAEBD7');
   List[3] = new Color('aqua', '00FFFF');
   List[4] = new Color('aquamarine', '7FFFD4');
   List[5] = new Color('azure', 'F0FFFF');
... 중간 생략 ...
   List[138] = new Color('whitesmoke', 'F5F5F5');
   List[139] = new Color('yellow', 'FFFF00');
   List[140] = new Color('yellowgreen', '9ACD32');
}
// 감춤 끝  -->

참고 참고 사항

Array length new for function this return if...else... 16진수


설명 중요 사항