ドリコムWANTEDにThickBoxを使ってみた
categories: Drecom Ruby Rails tags: Ajax Drecom JavaScript Programming Rails Ruby Wanted
いままではRailsにデフォルトでついてるprototype.jsを使ってたんだけど、ThickBoxがなかなかよさげだったので、こいつを使うことにした。
使い方は非常に簡単で、
RAILS_ROOT/public/javascripts
にjquery.jsとthickbox.jsを入れて、
RAILS_ROOT/public/stylesheets
にthickbox.cssを入れて、
RAILS_ROOT/public/images
にloadingAnimation.gifを入れるだけ。
あとは適当にjavascriptとcssを読み込ませて、
<%= link_to "ログイン", {:action => "login", :controller => "account", :height => 300, :width => 300}, :class => "thickbox" %>
見たいに呼ぶだけ。
実際のHTMLはこんな感じ。
<a href="/account/login?height=300&width=300" class="thickbox">login</a>
widthとheightを指定して、class属性にthickboxとしてやると、それだけで使えちゃう。
デモはドリコムWANTEDをご覧ください。画面中央の「さっそくログイン！」か左上の「ログイン」をクリックすると、ThickBoxのデモが見れます。