railsで背景画像をクリッカブルにするにはdoしちゃいなよ

背景画像をマウスオーバーでbrinkさせるのはいいけど、それでクリックできないのは変でしょ！ってことで、背景画像もクリッカブルにしたい。

んで色々調べたけど日本語じゃなかなかでてこない。

先日のプロのググり方思い出す。
やっぱ英語のページを最初に見た方がいろいろあるのかな。stackoverflowとか。英語読むのめんどいとか言っちゃダメね。

stackoverflow.com

ほらーすぐ見つかったー

doでブロックごと囲めばよさそう。（通常のlink_toの書き方とちょっと異なるので注意）

と、いうわけでこんな感じで修正。リンクテキストをボタンっぽくしているので、対象部分のクラスは入れ子にする必要あり。

[ 修正前 ]

<div class="col-lg-4 col-md-4 col-sm-4 gallery backgroundbrink">
  <div style = "background: url(<%= anime_title.icon_url %>) 50% 0% no-repeat; width: auto; height: 250px;">
    <%= link_to anime_title.title, {:controller => "anime_titles", :action => "show", :id => anime_title.id}, {:class => "btn btn-info thumbbutton"}%>
  </div>
</div>

↓
[ 修正後 ]

<div class="col-lg-4 col-md-4 col-sm-4 gallery backgroundbrink">
  <%= link_to({:controller => "anime_titles", :action => "show", :id => anime_title.id}) do %>
  <div style = "background: url(<%= anime_title.icon_url %>) 50% 0% no-repeat; width: auto; height: 250px;">
    <div class="btn btn-info thumbbutton">
      <%= anime_title.title %>
    </div>
  </div>
  <% end %>
</div>

うまく動きました。英語のリファレンスは大切ですな。

残課題

• レイアウトよくする
• フォームの例外処理エラーとか横幅とかいろいろおかしい件
• トップからtitle/showへの遷移、２回目以降がなぜかおかしな位置（ページ中段）に遷移するので修正
• todo管理はgitとかでやればいいのに