PHP - 色を偏移させる - 動的に偏移させる①

1.　動的に偏移させる

1.　動的に偏移させる

　前ページの内容を動的に偏移させていきたいのです。

　1～512（512 は大きすぎかも・・・）の範囲で値を入力するとそれに対応する数分のタイルが表示されてその色が徐々に変化していくという・・・。
　色の理論無知なわたしができる範囲で何とかと・・・。

　1～7の範囲なら前ページの応用でなんとかなるのかしら・・・。
　とまぁここまで書いて、HTML のままで GET や POST を書くのはいささか無理があるので、本ページを smarty で書くこととしました。

　JavaScriput の関数と <form> の部分を下記のように記述して


function page()
{
	document.form.submit();
}



<form  name="form" action="./02.html" method="POST">
　<input type="text" id="first" name="request" value="" />
<script type="text/javascript">
document.getElementById('first').focus();
</script>
<input type="submit" class="page" value="展　開" />
</form>

　上記に、1～7 の数値をいれて、「展開」をクリックすると下に、色が展開されます。


　上記を動かすためのソースが下記になります。


$color = '';
$mycolor = array
		(
		'#FF0000',																//	赤
		'#FFFF00',																//	黄
		'#00FF00',																//	緑
		'#00FFFF',																//	シアン
		'#0000FF',																//	青
		'#FF00FF',																//	マゼンタ
		'#FF0000',																//	赤
		);

if ($request > count($mycolor))
{
	$request = count($mycolor);
}

for ($i=0; $i<$request; $i++)
{
	$color .= '　<input style="background-color: '.$mycolor[$i].'; width="100%;" />'."\n";
}

print($color);


　「$request」の変数内には、「展開」で入力した数値が入っています。

　まぁ、全然、不完全なのですがね。
　２つだったら、青と赤にしたいし、7色以上になったときのことを全然考慮していない・・・。