質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Q&A

2回答

9299閲覧

Rails コントローラ側での値(結果)によってCSSを動的に変える方法

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

0グッド

4クリップ

投稿2015/04/25 08:51

編集2022/01/12 10:55

Rails初心者です。

jsは使わない前提として例えば

lang

1-#view 2%ul 3 %li#AAA イヌ 4 %li#BBB ネコ

というviewがあるとして
コントローラ側の結果次第でCSSを変えたい
といった場合のやり方が分かりません。

view側で処理するしかないですか?

lang

1-#view 2- if @var == "イヌ" 3 :scss 4 #AAA{ color: #red; } 5- elsif @var == "ネコ" 6 :scss 7 #BBB{ color: #red; }

宜しくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

いくつかアイデアがあります。(試してはいません)
案1. views/application.html.erb で 読み込む css を if 文で切り替える。

案2. スタイルを変えたい要素の class 属性を <%= @foo_style %> で記載し, コントローラ側で @foo_style の値を設定するようにする。

案3. スタイルを変える部分を style='coloer: <%= foo_color(@var) %>' のように記載する。
ヘルパーメソッドとして foo_color(v) を定義し、v の値によって "red", "black" などを返すようにする。

いずれも view で 条件判定をたくさん書かないで済むようにする工夫のための対処案です。

参考情報:

投稿2015/04/25 22:04

katoy

総合スコア22324

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

lang

1.red { color: red; }

lang

1%ul 2 %li#AAA{class: @var == 'イヌ' ? :red : ''} イヌ 3 %li#BBB{class: @var == 'ネコ' ? :red : ''} ネコ

投稿2015/04/27 06:38

kuboon

総合スコア24

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問