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

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

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

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

 

デジタルゲートがお手伝い

ホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。

スポンサーリンク