【jquery】ajaxでpostする方法

ajaxをつかって非同期的にpostする方法について基本的なやり方を書いておきます。 jsではpostしたいタイミングで以下のように記述します。 $.post('post先.php', { // 送りたいデータ data1_name : data1_content data2_name : 'data2_content' }, function(…

2017-12-16

【html】チェックボックスの内容がsubmitされないとき

inputタグのチェックボックスは未チェックだとdisable属性がついてしまい、submitしてもなにも送信されません。「未チェック」という値がないということです。では、「チェックしている＝”１”」「チェックしてない＝”０”」といったふうに値を設定するにはど…

2017-12-08

【CakePHP】ページネーションの基礎の基礎

ページネーションとは？たくさん並んだデータをページ分けして、任意のページを開きやすくすることです。わかりやすい例はGoogleの検索結果です。ふつうGoogleの検索結果は、クエリにもよりますが膨大な件数で返ってきます。ところが実際に画面に表示され…

2017-12-03

【CakePHP】データベースへのsave前にデータを編集するには？

データベースへsave, 送信する前にフォームの入力内容を編集したいときってあると思います。例えば入力フォームをデフォルトからいじったとかで、入力内容のフォーマットとデータベースのカラムの型が合わなくなってしまった場合なんかが考えられます。こ…

2017-11-26

【CakePHP】その場編集(edit in place)をプラグインでやってみる

excelのセルを書き換えるときのように、テキストをクリックしたら、テキストそのものが編集フォームに置き換わる（＝その場編集、edit in place, eip）サイトがありますよね。あれをCakePHPでやろうとしたのですが、検索でヒットした方法はAjaxヘルパーやjs…

2017-11-19

【jquery】表のセルを選択可能にする

excelの表みたいに「いまここを選んでますよ」というのを表示する機能をHTMLの表で実現する方法をまとめておきます。今回は一つのセルだけ選択できるようにしたいと思います。これを実現するためにはざっくり次の２つの処理が必要になります。クリックした…

2017-11-12

【css / javascript】スクロールバーが反応しない！？

先日、こんな感じ↓のレイアウトを作ろうとしました。要素Aの子に横スクロールできる要素１があって、要素２がその下にくっついてる感じです。今回親要素にはposition: relative、要素１にはposition: absoluteが設定されてるので、要素２は要素１の高さの…

2017-11-05

【CakePHP】フォームを使ってレコードを編集したつもりが、レコードが増えてしまう現象

ドットインストールのレッスンを参考にデータベースのレコードを編集する機能を実装してみました。コントローラ、ビューのコードはこんな感じです。 public function edit($id = null) { $this->Item->id = $id; if ($this->request->is('get')) { $this->a…

2017-10-28

【CakePHP】フォームの作り方

CakePHPを使って入力フォームを作る方法を説明します。まずはコントローラでFromヘルパーを読み込んでおきます。 public $helpers = array('Form'); 続いて次の3行をビューファイルに書きます。 Form->create('Item', array('url' => 'add'));?> Form->inpu…