Railsで色選択ダイアログを使う

Rails JavaScript

いくつか試してこれが一番良さそうだったのでメモ。

http://www.knallgrau.at/code/colorpicker

以下、Railsでの使い方。

上のをダウンロードして次のように配置

public
+ images
  + blank.gif
  + hline.png
  + hue.png
  + picker.png
  + pickerbg.png
  + select.gif
+ javascripts
  + builder.js
  + colorPicker.js
  + knallgrau.scriptaculous.js
  + slider.js
  + yahoo.color.js
+ stylesheets
  + colorPicker.css

ビューで必要なファイルをインクルード

<%= stylesheet_link_tag 'colorPicker' %>
<%= javascript_include_tag 'yahoo.color.js' %>
<%= javascript_include_tag 'builder' %>
<%= javascript_include_tag 'slider' %>
<%= javascript_include_tag 'colorPicker' %>

window.onLoadで色選択ダイアログと関連するフィールドを連結

#<%= text_field 'sky', 'color', :maxlength => '7', :size => '10'%>
<%= javascript_tag %Q{
  Event.observe(window, 'load', function() {
      new Control.ColorPicker('sky_color', {IMAGE_BASE:'/images/'});
  });
} %>

以上。