呼び出し元によってタブのアクティブを変えたい

Question

ruby on railsチュートリアルを終えた程度の初心者です。

railsと言うよりjava scriptやajaxのことでしょうか？

link_toが２つあり、呼び出された画面では呼び出し元に対応するタブをアクティブにしたいのです。

いずれかのdiv classに"ab-pane active"を設定すれば良さそうですが、
その具体的な実現方法が分かりません。

考え方をご教示いただけないでしょうか？

自分で考えた所までを以下に記載致します。

【呼び出し元】

以下のように呼び出し元を識別できるパラメータ(hoge:)を与えてやるとして、

  <div class="col-sm-6">
    <h2>リクエスト</h2>
    <p><%= link_to "送ったリクエスト", reqs_path(hoge: 1) %></p>
    <p><%= link_to "もらったリクエスト", reqs_path(hoge: 2) %></p>
  </div>

【コントローラ】
この辺からどうすれば良いか分かりません（泣）

 def index
  if(params[:hoge] == "1")
    #何かビューに送る
  else
    #何かビューに送る
  end

 end
```end

【呼び出される側】
```ruby
<ul class="nav nav-tabs">
  <li class="active"><a href="#send-tab" data-toggle="tab">送ったリクエスト</a></li>
  <li><a href="#get-tab" data-toggle="tab">もらったリクエスト</a></li>

</ul>
<div class="tab-content">
  <div class="tab-pane active" id="send-tab">
    <p>送ったリクエストの情報</p>
  </div>
  <div class="tab-pane" id="get-tab">
    <p>貰ったリクエストの情報</p>
  </div>

</div>

以上です。

諸先輩方アドバイス宜しくお願い致します。

Answer 1

ちょっとやっつけ感がありDRYしたいな、という所はありますが、とりあえず。

  <div class="tab-pane<%= params[:hoge] == 1 ? ' active':'' %>" id="send-tab">
    <p>送ったリクエストの情報</p>
  </div>
  <div class="tab-pane%= params[:hoge] == 2 ? ' active':'' %>"" id="get-tab">
    <p>貰ったリクエストの情報</p>
  </div>

hogeが沢山になってきた時、これは嫌だな、という所はあります。

Comments

[pecchan]

タグの属性の中に！？
このような書き方が出来るのですね！

タグはこれ以上増えず固定なので問題ないです。

参考になりました！有難う御座います。