CakePHP Tips：ドラッグ＆ドロップでデータを並び替える : エクスギア Blog
マスターのメンテナンス機能やCMS系の機能を開発する際に、データの並びをユーザーが自由に設定できるようにしたいという要件はよくあります。 CakePHPとprototype.jsを使えば、ドラッグ＆ドロップでデータの並びを設定することが簡単に実装できます。 今回のサンプルはこちらで確認できます。 id, name（果物名）, position（position） の３カラムのfuruitsテーブルのデータを並び替えています。 方針 CakePHPではAjaxヘルパにドラッグ＆ドロップのメソッドが用意されていますが、普通にjavascriptを書いたほうが簡単に実装できますので、今回はあえて自前で実装していきます。 処理の概要としては、以下のような感じです。 １．レイアウト：headタグ内でprototype.js、scriptaculous.jsを読み込む ２．ビュー：並び替えの対象用の
CakePHP jQuery を使用した Ajax ファイルアップロード | Sun Limited Mt.
下記ページを参考にさせていただきました。 “jQueryを使ったAjaxファイルアップロード” フォーラム – CakePHP Users in Japan David Golding Design Blog - 上記ページでは jQuery を使用してテキストファイルをアップロードしてテキストの内容を表示するというものですが、画像をアップロードしてアップロードした画像をフォームの下に Ajax を利用して表示するというのをやってみました。 jQuery 使用準備 jquery.js と jquery.form.js を app/webroot/js/ 以下に配置します。 アップロードするビューで上記 JavaScript ファイルを読み込むため下記コードをビューに追加します。 <?php echo $javascript->link(array('jquery.js','jquery.f
データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利:phpspot開発日誌
データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利 2009年12月17日- データベースをAJAXで直接編集できるテーブルがインスタントに作れる「DHX Quick Tables」が便利そうです。 簡単にいうと、データベースとテーブルを指定すれば次のような、AJAXで即座に編集が可能なテーブルを作成することができます。 各カラムは「編集可能」や「読み込みオンリー」に指定することができて、好きなカラムのみ編集させることができます。 データの追加、削除、編集といったこともAJAXで実施することができます。 データベースを扱う部分の管理画面とかに使えるスクリプトを動的に作ることができてしまいますね。 利用には条件があって、id に auto_increment なint値を指定しているテーブルにしか使うことができません。 設置方法は、
PHPによるAjaxなどを活用したQ＆Aオープンソースシステム「Qwench」:phpspot開発日誌
PHPによるAjaxなどを活用したQ＆Aシステム「Qwench」がオープンソースとして公開されており、自分のサーバに設置してQ&Aシステムを構築することができます。 UIは次のようにスッキリ見やすいデザインです。 質問一覧や、まだ回答されてない質問、タグによる質問の分類や、質問に星をつけたりコメントしたり、回答したりと基本的なQ&Aシステムの仕組みは備えているようです。 質問画面 回答画面 質問一覧 簡単なものであればこれで構築してしまってもよいかもしれませんね。 以下のエントリを参照してください。 PHP StackOverflow Clone | anant garg
JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」:phpspot開発日誌
jQPie (Jquery PHP interface extension) JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」。 <a>のonclickイベントからPHPの関数をキックするという仕組みが簡単に実装できます。 PHP関数の返り値を alert したりすることも出来ます。 例えば、以下のコードを見てみましょう。 <a href="#" onClick="$.getJSON('handler.php', { handler: 'json', callback: 'getarray' }, function(json) { alert(json.a)})">Test 1</a> .getJSON メソッドの第一引数に、キックするPHPのソースコードを指定、第二引数に、返り値をjsonで受け取る指定と、callback として、PHPの関数
MOONGIFT: » AjaxでもSmartyテンプレート『Php AjaX with Smarty Templates』:オープンソースを毎日紹介
システム上のデータのやり取りにAjaxを利用するケースが増えてきた。利用場面は考える必要があるが、遷移しない分だけユーザのストレスが低いと言うメリットは大きい。 これで開発側の負担も低ければ言うことないが、実際は通常のWebアプリケーションの作り方と別になってしまい、二重の負担になってしまうケースも数多い。そうした問題を解消できるかも知れないライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはPhp AjaX with Smarty Templates、Ajaxの描画にSmartyテンプレートを利用できるライブラリだ。 Smartyといえば、非常に高機能なテンプレートエンジンとして、PHPによるシステム開発の際に利用される事が多い。Ajax側だけ別なレンダリング方法を選択していたなら、ぜひ検討したほうが良い。 Ajaxの仕組みはPEARのHTML_AJAXを利用して行われる。こ
Ajax - Lightweight Languages を実行するAPI : 404 Blog Not Found
2009年03月21日06:30 カテゴリLightweight Languages Ajax - Lightweight Languages を実行するAPI 今度はPerlだけではありません。 Perl だけではなく.... #!/usr/bin/perl warn time, "\n"; print ''.localtime; PHP も（誰だ、私がPHPを嫌いって言ってるのは:).... #!/usr/bin/php <?php echo date('r') ?> Python に... #!/usr/bin/python import datetime print datetime.datetime.now() Ruby に... #!/usr/bin/ruby puts Time.new Scheme (gauche) に... #!/usr/bin/gosh (use srf
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
Lingr API 用PHP ライブラリ「PEAR::Services_Lingr」:phpspot開発日誌
p4lifeのメモ - Lingr API の PHP ライブラリ，PEAR::Services_Lingr ができました Lingr (http://lingr.com) の API を PHP から利用するための PHP ラッパークラスを作りました（PHP4/5対応）． Lingr API の全てのメソッドを簡単に呼び出すことができます． Lingr API 用PHP ライブラリ「PEAR::Services_Lingr」。 Lingr のAPIが公開されましたが、早速、Pear::Services_Lingrが公開されました。 これは素早いですね。 関連エントリ AjaxベースのWeb2.0なオンラインチャットコミュニティ『Lingr』 楽天ウェブサービスをphpから簡単に使うライブラリ「Services_Rakuten」 PHPからWEB2.0なAPIサービスを使う際に便利なモジュ
Ajax/CSS/PHP等のチュートリアルまとめ:phpspot開発日誌
Tutorials Round-Up: Ajax, CSS, PHP and More | Smashing Magazine Ajax/CSS/PHP等のチュートリアルまとめが公開されてます。 英文のサイトは本当にチュートリアルが充実していますね。 Ajax AJAX Desktop Tutorial AJAX Matters Blog Ajax RSS reader AJAX Tutorial Ajax: What is it Good For? → 続きを読む CSS Advanced CSS Layouts: Step by Step Beginner’s guide from a seasoned CSS designer CSS Advanced Guide CSS and HTML examples and tutorials by Ove Klykken CSS Basic
DrasticData
Home Drasticdata wants to make data handling drastically easy. It offers some simple utilities to maintain and visualise data on the web. 7 October 2008:DrasticTools 0.6.14 released animation in cloud; multi-line text fields in grid; red and green markers in map 31 August 2008:DrasticTools 0.6.13 released scrollbar left or right; 'addparams' option; redesign style grid; performance improvements;
【レビュー】ブラウザでTerminal? Ajaxでサーバ管理も? - WebTTY (1) WebTTYとは | エンタープライズ | マイコミジャーナル
Webブラウザからシステムにログインしてターミナルを実行するサービスやプロダクトはこれまでにもあった。多くはJava Appletを活用して、AppletからシステムにSSHやTelnet経由でログインするというものだ。 ここではAjax/DHTMLなどを活用して作成されたターミナルアプリケーション「WebTTY」を紹介したい。このアプリケーションはWebブラウザ側にはJava Appletすら必要なく、JavaScript/DHTMLにさえ対応していればいい。実験的要素が強く実用アプリケーションではないが、Ajax/DHTMLの成果物としてもなかなか興味深いので紹介しておきたい。 WebTTYはターミナルプロセスをHTML要素経由であつかうためのWebアプリケーション。GNU GENERAL PUBLIC LICENSE Version 2のもとで公開されているオープンソースソフトウェア
Ajaxの真価はWebサービス連携にあり
落ち着きつつあるAjaxを取り込んだWebアプリケーション開発への取り組み。後発でもアイデアはまだまだ出尽くしていない。基本を復習して新たなサービスへとつなげてみよう。 Ajaxというと、XMLでデータを送受信するというイメージがある。 しかし、実際にはXMLである必要性はない。むしろXML形式ではないほうが、送受信データパースの手間が必要ないというケースが多いのだ。 一方で、XMLでデータをやり取りできる利点を生かせば、当然ながらWebサービスとの効果的な連携も現実的なものになってくる。今回は、Ajaxアプリケーションにおいてよく用いられる「JSON」と呼ばれるデータ形式について解説しよう。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」では、これまでにAjaxの概要（第1回）から発展系としてどのような取り組みあるのか（第2回）について解説した。このオ
【ハウツー】PHPでAjax! JavaScript不要のxajax (1) PHP Ajaxクラスライブラリ - xajax (MYCOMジャーナル)
Webアプリケーションではもはや「実装されていて当然」といわんばかりに広まった技術、Ajax。ユーザにはひろく知れ渡ったが、実装するデベロッパには実装・保守ともにまだまだ苦労が続く状況だ。ここではそのような苦労を軽減するPHPのクラスライブラリ集としてxajaxを紹介したい。 xajaxはPHPで作成されたAjaxクラスライブラリ集。xajaxを使うことでAjaxを実現するさまざまな機能をクラスとして呼びだすことができる。比較的簡単にAjaxを使ったWebアプリケーションを作成することができるほか、既存のWebアプリケーションにたいして簡単にAjax機構を実装させることが可能だ。 xajaxはxajax projectによって開発され、GNU LESSER GENERAL PUBLIC LICENSE Version 2.1のもとで公開されているオープンソースソフトウェア。現在の最新版は4
各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌
Software Development in the Real World: The Complete List of Ajax Tools Ajax has really taken off over the last two years. Ajax is really just the combination of Asynchronous JavaScript and XML. 各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。 PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。 AJAX ライブラリ Yahoo Ajax Libraries - ご存知Yahoo UI Library Google Ajax Search Yahoo Maps Ajax API -
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」:phpspot開発日誌
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 2006年11月01日- Projax Demo PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」。 JavaScriptコードを一切書くことなく、prototype.jsが使えるようヘルパー関数を提供してくれます。 次のように使います。 $projax = new Projax(); Please enter your year of birth : <?=$projax->text_field_with_auto_complete('dob',null,array('url'=>'index.php?task=ajax'));?> 個人的にはそのままJavaScriptコードを書いたほうがややこしくないと思うのですが、 Jav
【ハウツー】PHP PEARでちょい楽Ajax! (1) PEARにもAjax対応あります | エンタープライズ | マイコミジャーナル
Ajaxian.com 2006 Survey Resultsの調査結果において、もっともポピュラーなAjax言語としてPHPがあげられている。同調査では有名なAjaxフレームワークとしてPrototype.js、Script.aculo.us、Dojoなどがあげられており、さもありなんといったところだ。 こうしたAjaxに特化したフレームワークも役立つが、ここでは一般的に使用されているPHP PEARに用意されているモジュールから、とくにJavaScriptと連動するためのモジュールを2つ紹介したい。Prototype.jsなどとは少し性質が異なるが、ともに役に立つフレームワークだ。 是非とも利用法を身につけ、"ちょっと差のつく"ウェブアプリケーションを作ってみよう。
Ajaxを使ったファイルマネージャをPHPで作ろう - ＠IT
JavaScriptとPHPの通信 JavaScriptから見たPHPからのリクエストとPHPから見たJavaScriptからのリクエスト Ajaxを使わずにファイルマネージャを作ろう Ajaxを使わないでPHPファイルマネージャの概要と実装スタイル Ajaxを使ってファイルマネージャを作ろう Ajaxへの改変部分と注意点／ファイルマネージャの制限／Ajaxを用いたオープンソースのPHPアプリケーション／phpFreeChat／自前WebにphpFreeChatをコピーしてみよう JavaScriptはブラウザ上で実行されるインタプリタ言語である。PHPはサーバ上で実行されるインタプリタ言語である。JavaScriptとPHPのメッセージの流れは基本的に＠IT上のほかの記事を参考にしてもらうといいだろう。 ■JavaScriptでの実装例 下記はJavaScriptからサーバ上のURL、「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
AJAX＆PHPでクールなイメージギャラリーを実装できる「PhotoFolder」:phpspot開発日誌