Color List 256 JavaScript

大昔(25年くらい前)に作成した
JavaScriptのカラーリストを
Blog投稿上で動くようにちょっといじってみました。

Color List 256

色名をクリックすると背景がその色に変わります。
元に戻したい(白背景に変更したい)場合は
ページの再読み込みまたはこのリンクでリセットしてください。

スクリプト

スクリプトも置いておきます。
過去にUPしていた2の方です。
今見るとtd colspanでどうにかするとか適当なところがありますが目を瞑ってください。

<script><!--
document.writeln("<table style='border:0;'>");
var hex="0369cf";
for(i=0; i<hex.length; i++){
    for(j=0; j<hex.length; j++){
	document.writeln("<tr>");
	for(k=0; k<hex.length; k++){
	    var col = hex.charAt(i) + hex.charAt(i) + hex.charAt(j) + hex.charAt(j) + hex.charAt(k) + hex.charAt(k);
	    document.writeln("<td><a href=\"javascript:void(document.body.style.backgroundColor=\'#" + col + "\')\" style='text-decoration:  none;'><span style='color:#" + col + "'>■ #" + col + "</span></a></td>");
	}
	document.writeln("</tr>");
    }
    document.writeln("<tr><td colspan='" + hex.length + "'> </td></tr>");
}
document.writeln("</table>");
//--></script>

余談

25年前のスクリプトって我ながらびっくり！
というかそりゃ年とるね。
場所と内容は変えつつ名前を変えずにNoël Caféを続けていることが一番すごいかも。

で、今回Blog(Word Press)の投稿内にコードを埋め込んでみました。
本当は他のことをやろうと思ったのですがその前哨戦として。
古いコードそのままで動かなかったんですよ(笑)。
document.bgColor → document.body.style.backgroundColor
長ったらしい(笑)。

ちなみに当時はそんなに中身がわかっていなかった気がする。
今も何かの言語をきっちり習得しているわけではないけど、
必要なときに必要な言語を必要なだけ習得するのが積もり積もって
なるほどーと思ったり。
(実はこのコードの大半は弟が作ってくれたと思う。)

ということで、JavaScriptがBlog上でもうまく動作したので
次の作業へ進みますかね。