表題が適切ではないかもしれません。 Ajaxアクセス先のコントローラアクションから渡した配列を、呼び出し元のページのjQueryのコード内で利用する方法です。*1 AjaxにはjQueryを、CakePHPではJsヘルパーを利用します。 もしかしたら私の書き方は変わっているかもしれませんので、参考程度に読んでいただけたら助かります。 本題 文字で説明するよりソースコードの方が分かりやすいかもしれません。 call.ctpからAjaxでexecアクションを呼んでデータベースの情報を取得。取得した情報をAjax呼び出し元のcall.ctpのjavascriptソース内で使用するイメージです。 // 略 var $helpers = array('Html', 'Form', 'Js'); /** * 呼び出し元のアクション **/ function call() { // なにも処理しない }
こんにちは、しょこたんです。 今日は、HTML5とは、少し違う方向ですが、 jqGridの紹介をしたいと思います。 というのも、ついこの間久しぶりに本家のページを訪れたところ、 この4月にメジャーバージョンアップされていたので 紹介したいなと思いました。 もちろん、 新機能の紹介も合わせて行いたいと思います。 1.jqGridってそもそもなに? jqGridは、 簡単にリッチなテーブルを作成することができるライブラリです。 javascriptライブラリの一つで、 jqueryを用いたプロダクトの一つですね。 20行程度記述し、データを入れるだけで、 というように、 ・スクロールバー ・ページング ・検索機能 ・1ページ当たりの表示行数の変更 というような機能が自動でつく優れものです。 2.テーブルを作ってみよう。 そんなの知ってるよなんて人は、 読み飛ばしてくださいね。 まずは、ソースを
jQuery で Ajax な非同期通信中に「Now Loading」的な GIFアニメ画像を表示する方法の解説です。 超小ネタですが。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" onclick="ChangeMessage();"> </form> この時、function ChangeM
2008年07月18日 jQuery Form Pluginの使い方 その1 jQuery Form Pluginについてサンプルを基に解説します。 //DOM読み込み完了時に各種設定 $(document).ready(function() { //各種プロパティの配列 var options = { target: '#output', // サーバの戻りを出力する場所を指定 beforeSubmit: hogeRequest, // 送信前に呼び出す関数 success: hogeResponse, // サーバからの応答時に呼び出す関数 url: 'hoge.php', // formタグのactionをここで変更可能 type: 'post', // postまたはget datatype:'json', //サーバ側のレスポンスのデータタイプを指定 timeout: 3000
ExtJSの勉強もしてるんですがね、jQueryの方が楽ちんすぎて今でも使っているんです。 jQueryでは.load()とか.post()とか.get()とか書けば簡単にAJAXが書けますが、フォームをAJAXで扱いたい場合は「jQuery Form Plugin」を使うわけです。 これを使えばAJAXフォームの送信もカンタンカンタン。 APIリファレンスを日本語で書いたので覚え書きに載せときます。 って言っても、たいした量でもないので、いまいち分からなかったらプラグインファイルを見た方が早いですよー。 jQuery Form Plugin のAPI ■ ajaxForm() AJAX処理したい任意のフォームを設定します。 詳細についてオプション値を設定することも出来ます(オプションについては下の方に)。 Chainable: Yes. //オプション値なし $('#myFormId')
毎日コミュニケーションズ刊「実践! Ajaxフレームワーク jQuery」をお買い求めいただきありがとうございます。本書のサンプルデータ、訂正/補足情報を、本ページに掲載してまいります。 サンプルダウンロード 本書の解説で使用しているサンプルファイルをダウンロードするには、下記のリンクをクリックしてください。各章・節、サンプル番号とフォルダ構成が一致しております。 ファイルをダウンロード(zip形式/4.5 MB) jQueryのバージョン・および対応ブラウザについて 本書では2008年5月時点で最新の「jQuery 1.2.6」 を解説の対象としております(本サイトのサンプルにjQuery 1.2.6が含まれております)。また以下のWebブラウザでの動作確認を行っています。 Internet Explorer 7(7.0.5730.11) Firefox 2(2.0.0.14) Safa
prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 rails や cakephp でアプリケーションを作っていて、セレクトタグでは日付を選択し辛いと感じていました。 また、オープンソースの Date Picker ライブラリでは機能不足、もしくはオーバースペック過ぎて手頃なものがないと感じていました。 そこで、社内で prototype.js ベースの日付選択用ライブラリを作ってみようということになり作ってみました。 今後もバージョンアップしていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。 【特徴】 *prototype.js ベース(1.5 以降)。 *シンプルで軽量。 *MIT LICNESE *16のローカライゼーションに対応。 *フォーカスでカレンダー表示。(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く