CakePHPでAjaxのPOST送信
CakePHP 開発で、プルダウンメニュー（HTML の select/option タグ）が変更された場合に、Ajax リクエストで POST 送信したい機会があったのでメモ。Rails の Ajax 送信で使う remote: true のような簡単なやり方はできないっぽくて、Ajax 送信する部分の JavaScript/jQuery は自力で書く必要がありました。 — 環境 — PHP 5.5.19 CakePHP 3.1.1 管理画面のユーザー一覧ページで、role（役割）のプルダウンメニュー選択が変更された場合に（onChange イベント）、Ajax の POST 送信で role カラムの値を更新できるようにしたかった。以下このケースを例としたコードです。 テンプレートでプルダウンメニュー作成 テンプレートでは、普通に select のプルダウンメニューを作成する。後述しま
ajaxでクロスドメイン通信を実現するphp - Qiita
概要 ajaxでのクロスドメイン通信をする簡単な方法です。 phpを使用して実現します。 ネットを探していると、なんだか複雑に実装しているサンプルが多かったので、簡単・汎用なものをつくりました。 テキスト形式で取得しているので、あとから、JSONなりXMLなりレスポンスのデータ形式にあわせてパースすれば良いかと。 コード html は以下のとおり。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script> $(document).ready(function(){
ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」:phpspot開発日誌
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫：PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。 画像で実装したスクロールバーをブロック要素に付けた例 右側にプレーンな分かりやすいスクロールバーを付けてみた例 実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller = new jsScroller(docum
Accordion v1.0 Demo
Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра
MOONGIFT: » AjaxでもSmartyテンプレート『Php AjaX with Smarty Templates』:オープンソースを毎日紹介
システム上のデータのやり取りにAjaxを利用するケースが増えてきた。利用場面は考える必要があるが、遷移しない分だけユーザのストレスが低いと言うメリットは大きい。 これで開発側の負担も低ければ言うことないが、実際は通常のWebアプリケーションの作り方と別になってしまい、二重の負担になってしまうケースも数多い。そうした問題を解消できるかも知れないライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはPhp AjaX with Smarty Templates、Ajaxの描画にSmartyテンプレートを利用できるライブラリだ。 Smartyといえば、非常に高機能なテンプレートエンジンとして、PHPによるシステム開発の際に利用される事が多い。Ajax側だけ別なレンダリング方法を選択していたなら、ぜひ検討したほうが良い。 Ajaxの仕組みはPEARのHTML_AJAXを利用して行われる。こ
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
Bridge Word
This shop will be powered by Are you the store owner? Log in here
prototype.jsを10KBにする方法
2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。 prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype（“prototype-1.4.0.js”）を10キロバイト（10,453 bytes）に圧縮して、しかも（当たり前ながら）動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした（他は
【ハウツー】PythonからGWT - PythonでAjaxを実現するpyjamas (1) GWTの登場と反応…… なぜ◯◯じゃなかったのか | エンタープライズ | マイコミジャーナル
GoogleはAjax Webアプリケーションを開発するためのツールキットとしてGoogle Web Toolkit(以降、GWT)を公開している。これはJavaでアプリケーションを開発し、成果物をJavaScriptとHTMLに変換してWebアプリケーションとして使うというもの。JavaプログラミングのみでAjaxアプリケーションを開発できることから、今後の展開が期待されている。 GWTの登場を知って多くのJavaデベロッパはまた便利なWebアプリケーションフレームワークがあらわれたと感じただろう。一方、Javaを使わないデベロッパなぜ◯◯言語じゃなかったのか -- ◯◯には自分の使っているプログラミング言語、PHPやRuby、Perlなど -- と思ったのではないだろうか? pyjamasは◯◯の部分にPythonをあてはめたデベロッパのためのフレームワークだ。GWTと同じことをJav
Maple: Ajax - hatotech::kumatch
DHTML ほとんど書けないよ〜という貴方も少し背伸びをすればみんな憧れ Ajax！という胡散臭い形でなんとかしてみようという試みです。 コードずらずらで長ったらしいのでご注意を。 まずは Ajax 抜きに足し算プログラムを用意。内容としてはなんてことはない、二つの数字を入力してそれを足すだけのプログラム。 ● SumDefault_Form module <?php class SumDefault_Form { function execute() { return 'success'; } } ?> maple.ini [View] success = SumDefault/form.tpl template <html> <head></head> <body> <form method="POST" action="index.php"> <input type="hidden"
Ajaxを使ったアプリを簡単に作れるSmartyプラグイン『smarty_ajax』:phpspot開発日誌
smarty_ajax - AJAX-enabled Smarty plugins | Introduction These are simple AJAX-enabled plugins for Smarty. I don't try to develop powerful reach-applications framework. I can give you only idea how to integrate AJAX-technology into Smarty. But if you have any offers how to improve anything I've described please leave you comments on my site.Ajaxを使ったアプリを簡単に作れるSmartyプラグイン『smarty_ajax』。 チャットなんかを作るサンプ
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
グレーアウト表示ライブラリ:glayer.js:phpspot開発日誌
glayer.js - グレーアウト表示ライブラリ Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(grey＋layerで、glayer.js) グレーアウト表示ライブラリ:glayer.js。 LightBoxのように、画面全体を簡単にグレーアウトすることが出来ます。 使い方は、必要なJavaScriptとCSSを読み込ませて、divを定義した後、onclickイベントハンドラなどに、 Layer.show( divのid要素 ) Layer.hide( divのid要素 ) を仕込むだけで簡単に使えて便利です。 このライブラリを使って、ポップアップメッセージをウィンドウ内で表示するサンプルを作ってみました。 <html> <!--●必要ライブラリの読み込み--> <script type="te
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
あるＳＥのつぶやき: Ajax開発支援ツールまとめ
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ，解説記事2，正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lllcolor.com
Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
http://www.asahi-net.or.jp/~cu5m-ooym/ajax/index.htm
Efficient data transfer through zero copy
