CakePHP 2.x JSヘルパーでajax通信（ajax helperは使わない）
本日の目標が一段落したので、 ビールのみながら技術メモです。 やりたいこと コメントフォーム。 送信ボタンを押すと、メッセージはデータベースに保存され、 リダイレクトなしで送信完了のメッセージを出す。 まぁこれは一例で、実際の使い方はいろいろ。 画面遷移せずに… •TODOリストを追加する •ON/OFFを切り替える •記事を削除する とかね。 AJAXヘルパーってあるんだけど今回は使いません。 AJAX helper こんなのあるよって教えてもらったんだけど、 更新されてないっぽいしね。2.xでも使えるのは確認してますが。 ダウンロードしてインストールする必要もある。 CakePHPに標準であるJsHelperでできるので、こっちでやります。 JsHelper コーディング jQueryはあらかじめ読み込んでおいてください。 app/view/messages/index.ctp <?
In-Place-Editor (その場で編集する UI) の jQuery プラグインを書いてみた - Cyokodog :: Diary
更新履歴 2011-07-05 Ver 0.1.5.1 リスト編集モードで値未入力時のラベル表示不具合等を修正しました 2011-06-20 Ver 0.1.5 表示テキストの整形処理を記述できる replaceLabel パラメータを追加しました。 2011-04-29 Ver 0.1.4.1 編集値の変換処理の不具合を修正しました 2011-04-21 Ver 0.1.4 リスト編集モード等の機能追加をしました jQuery exInPlace Editor にリスト編集モード等の機能追加をしました - Cyokodog::Diary 2010-07-17 Ver 0.1.3 editorType パラメータを textarea にし元テキストに br もしくは p が含まれた場合、textarea 内で改行に置換されない不具合を修正しました 2010-07-16 Ver 0.1.2
第17回 「その場編集」を実装する | gihyo.jp
「その場編集」を実装 前回はツールチップの実装方法をご紹介しました。 今回「Edit In Place」や「その場編集」と呼ばれる、テキストをクリックすると、その場で編集できるようにする仕組みを実装してみます。 今回の仕組みを考える この「その場編集」の仕組みを考えてみましょう。今回の要件は以下の通りにします。 最初はただのテキスト クリックをすると、テキストがinput要素に置き換わり編集可能に。 input要素からフォーカスが外れたら、input要素が編集後の文字に置き換わる。 フォーカス外れた時、valueの値が空なら最初の値に戻す。 本来であれば、上記の仕組みの４の後に、PHPなどでデータベースに編集後の情報を送信し、保存するという仕組みになるのですが、今回はその前のところまでの実装方法のご紹介とします。 まずは完成サンプルとソースコードを見てみましょう。 完成ソースコード jQu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery.editable