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

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

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

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

1回答

1065閲覧

cake phpでソートさせるボタンを押した際にそのボタンのcssのスタイルを変更したい

sekilala

総合スコア8

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2017/07/05 09:13

###cake phpでソートさせるボタンを押した際にそのボタンのcssのスタイルを変更したい
初心者なものでうまく言葉にできなくて申し訳無いのですが、
cake phpで構築されたウェブサイトでソート機能を実装したのですが、ソートされた画面が表示されている時に、その画面を出すために押したボタンのback-ground-colorを変更したいと考えております。

デフォルト状態
<button></button>←背景色が黒
<button></button>←背景色が黒

<button></button>が押された時

<button></button>←背景色が白
<button></button>←背景色が黒

<button>低が押された時
<button></button>←背景色が黒
<button></button>←背景色が白

現在ソート機能は効いており、ページも問題なく、そのボタンに応じた画面が表示されてます。

php側で制御するのでしょうか。ご教授頂けたら幸いです。

###view

<p>表示順変更</p> {strip} {foreach item=nsort key=key1 from=$nsort_data} <p>{$key1}</p> {foreach item=msort key=key2 from=$nsort} <button name="data[UsedModel][sort]" value="{$key2}"> <p>{$msort}</p> </button> {/foreach} {/foreach} {/strip} </div>

###php

$config['NSORT_LIST'] = array( 'hatubai'=>array( 'date:DESC'=>'新', 'date:ASC'=>'古' ), 'nedan'=>array( 'price:DESC'=> '高', 'price:ASC' => '安' ), 'mile'=>array( 'odo:DESC'=>'長', 'odo:ASC'=>'短' ), 'kata'=>array( 'year:DESC'=>'新', 'year:ASC'=>'旧' ) );

###contoroller

$this->set('nsort_data', Configure::read('NSORT_LIST'));

課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
jQueryでクラスをtoggleすればいいかと考えましたが、ボタンを押してリロードが終わると元に戻ってしまいます(当たり前ですが…)

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

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

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

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

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

guest

回答1

0

ボタンをおすとpostやgetされるなら、ボタンにnameをつけてサーバーに送り、
その情報から再読込の際にclassをつけてやるとかでしょうか
そうではなくajaxで読むなら、ボタンは維持されるとおもいます
とりあえず基本は押したらクラスを付けてやることですね

CSS

1button{background-Color:white;} 2.active{background-Color:black;color:white}

javascript

1$(function() { 2 $('button').on('click',function(e){ 3 $('button').removeClass('active'); 4 $(this).addClass('active'); 5 }); 6});

HTML

1<button>高</button> 2<button>低</button>

投稿2017/07/05 09:25

編集2017/07/05 09:25
yambejp

総合スコア114583

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問