グラフ作成test
基本動作のテストなので見栄えはアレですし画像も重たいですが....^^;;。
フォームに数字を入れてグラフボタンを押してみてください。
x,yを書き換えれば表の大きさも変えられます。(とりあえず、Netscape3.0専用)


Sample
Source
ソース
(著作権完全放棄^^バグがあっても保証しません^^;;)
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var x=20;//表の横幅 var y=5;//表の縦幅 var gx = new Array(); var gy = new Array(); function gfWrite() { //イメージの事前読み込み if(navigator.appVersion.charAt(0)>=3) { Ushionimg = new Array(); Ushionimg[0] = new Image(); Ushionimg[0].src = "USHIBATSU.GIF"; Ushionimg[1] = new Image(); Ushionimg[1].src = "USHI9.GIF"; } document.write("<TABLE BORDER='0' aline=top>") document.write("<TD>") //入力form書きだし document.write("<FORM>") for(fi=0;fi<y;fi++) { document.write(""+fi+" : <INPUT TYPE='text' SIZE='5'><BR>") } document.write("</FORM>") document.write("</TD>") document.write("</TABLE>") document.write("<TABLE BORDER='2' bgcolor='987654' aline=top>") document.write("<TD>") //表の書きだし for(gi=0;gi<y;gi++) { document.write("<NOBR>") for(gj=0;gj<x;gj++) { document.write("<IMG SRC='USHI9.GIF' NAME='"+gj+","+gi+"' WIDTH='20' HEIGHT='20'>") } document.write("</NOBR>") document.write("<BR>") } document.write("</TD>") document.write("</TABLE>") //ボタン書きだし document.write("<FORM>") document.write("<INPUT TYPE='button' VALUE='クリア' onClick='setup(1)'>") document.write("<INPUT TYPE='button' VALUE='グラフ' onClick='fiscn();gr()'>") document.write("</FORM>") } var fdata=new Array() //データ読み込み function fiscn(){ for(fi=0;fi<y;fi++){ fdata[fi]=document.forms[0].elements[fi].value if(fdata[fi]>x)fdata[fi]=x } } //グラフの書き換え function gr() { if(navigator.appVersion.charAt(0)>=3) { for(gi=0;gi<y;gi++) { for(gj=0;gj<fdata[gi];gj++) { document.images[gi*x+gj].src=Ushionimg[0].src } } } } //指定したimgNoの画像で画面を塗りつぶす(クリア用) function setup(imgNo) { if(navigator.appVersion.charAt(0)>=3) { for(cl=0;cl<x*y;cl++) { document.images[cl].src=Ushionimg[imgNo].src }; }; }; <!----> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- gfWrite() <!----> </SCRIPT> </BODY> </HTML> 
使用している画像:

USHI9.GIF
USHIBATSU.GIF
Maintained by
tato@fureai.or.jp/JavaScriptExampls works1997 Toshirou Takahashi