表作成の効率化に挑戦

Index

JavaScriptのfor文を使用することにより,テーブル作成が非常に楽になります


for文による表作成のサンプルです.

【例】

	<SCRIPT LANGUAGE="JavaScript">
	<!--
	function MakeTable(){		 	//(1)
		var i , j;
		document.write( "<TABLE BORDER>" );
		for( i = 0; i < 2; i++ ){		//(2)
			document.write( "<TR>" );
			for( j = 0; j < 7; j++ ){	//(3)									
				if( i == 0 ){
					document.write("<TD><IMG SRC='../img/btn", j , "0.gif'></TD>" );	//(4)
				}
				else{
					document.write( "<TD align=center>btn" , j , "0.gif</TD>" );
				}

			}
			document.write( "</TR>" );
		}
 		document.write( "</TABLE>" );	
	}
	MakeTable();
	//-->
	</SCRIPT>

【解説】

(1)表作成のための関数です.
(2)表の行成分を作成するためのループです.
(3)表の列成分を作成するためのループです.
(4)表に画像などを組み込む場合は,画像のファイルの名前をimg0.gif,img1.gif ....などのようにしておくとfor文で扱えるようになります.

【実行結果】


1998(C) Motonari Morikawa