iPhoneStyleのPC版「カスタム配色」にJavascriptのカラーピッカーを追加

投稿者: | 2010年3月24日

iPhone対応している無料SNS『iPhoneStyle』のPC版レイアウト用「カスタム配色」にカラーコード(6桁英数字)を入力するテキストボックスがありますが、それぞれのテキストボックス内でクリックすると、右側にJavascriptのカラーピッカーがポップアップして、色を確認しながら入力することができるようになりました。

左側のエリアに表示されている○と、右側のスライドエリアのバーを動かして、お好みの色を選んだら[OK]をクリックするだけ。
選んだ色のカラーコードはそれぞれのテキストボックスに入力されています。

prototype.js、scriptaculous、yahoo.color.jsを使用しています。