ろじぱら の
これ
を見て、JavaScript で再現できないかなと思って作ったものです。
実用性は全くありません。
一片の数をあまり大きくするとブラウザが落ちる可能性があります。
また、一部のブラウザは背景色は変化しません。
JavaScriptソース (DownLoad)
<SCRIPT type="text/JavaScript"> <!-- // カラーチャート // ColorChart.js Ver. 1.1.0, 2008/01/06 // by michi[at]ep.sci.hokudai.ac.jp // http://www.ep.sci.hokudai.ac.jp/~michi/pc/java/ // // メイン関数 // // // DHTML 出力用関数 // //--> </SCRIPT> |
HTMLソース
<FORM action="#" method="post" name="setcolorchart"> <INPUT name="size" size="4" maxlength="3" value="30"> ブロックのサイズ (%)<BR> <INPUT name="num" size="4" maxlength="2" value="12"> 一片の数 (個)<BR> <INPUT name="bg_color" size="8" maxlength="6" value="D59565"> 背景色 (#RRGGBB) <BR><BR> <INPUT type="button" value="表 示" onClick="SetColorChart()"><BR> <INPUT type="RESET" value="Clear"> </FORM> <DIV id="CC" style="text-align:center;"> <SCRIPT type="text/JavaScript"> <!-- document.write(ColorChart()); //--> </SCRIPT> </DIV> |