Googleカレンダーライクな動作を実現するにはこれ·dhtmlxScheduler MOONGIFT
GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。 カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグできないの？」なんて言われたことはないだろうか。そんな時にはdhtmlxSchedulerの採用を検討しよう。 今回紹介するオープンソース・ソフトウェアはdhtmlxScheduler、JavaScriptによるカレンダーライブラリだ。 dhtmlxSchedulerはまさにGoogleカレンダーライクな操作が可能になっている。ドラッグして予定の時間を選択すれば、タイトル入力欄に変わる。そこで予定のタイトルを入れれば完了だ。編集ももちろんできる。表示は日/週/月と切り替えるこ
ついにRFCに登場！Webサーバとの双方向通信を実現する「WebSocket」 - builder
次世代のWebアプリケーションの中核を担う技術として「HTML5」に注目が集まっているが、それと並んで期待されている技術に「WebSocket」がある。 IETFとW3Cによって仕様の策定が進められており、最初の提案以来幾度もの改訂を経て、2011年12月11日にそのプロトコル仕様がRFCのProposed Standard（RFC 6455）となった。 AjaxからComet、そしてWebSocketへ WebSocketはウェブサーバとブラウザが直接コネクションを張って双方向通信するための技術規格である。HTTPとは異なる独自の軽量プロトコルによって通信を行うため、オーバーヘッドが小さく、長時間に渡って通信する場合でもHTTPコネクションを占有する必要がないというメリットがある。 WebSocketが生まれた背景には、サーバとブラウザがもっとリアルタイムに通信して情報の配信や更新を行え
will_paginateでAjax対応 Rails3.0系 - KodaNote
基本は以下を参考にする。 http://techracho.jp/morimorihoge/2011_06_29/3859 以下、上記だけではハマったことをメモ。 RJSで Element.update が無いというエラー発生 will_pagenate のリンクをクリックすると、ブラウザのダイアログでエラーが出て驚く。 調べてみると、Element は prototype.js で定義されており、jQueryを使っている場合はそれが存在しないので自前で定義してあげる必要がある。 以下を参考に public/javascripts/application.js へ追記する。 http://d.hatena.ne.jp/spitfire_tree/20101114/1289707759?_ts=1315815358 // public/javascripts/application.js E
IEにおけるjquery.ajax() - bradtosのWEB開発日記
久々にAjaxな画面を書いたらちょっと壁に当ったのでメモ。 当たった壁というのは、タイトルどおりJquery.ajax()を使い レスポンスにJSONデータを想定した際に FF3、Safari4、ChromeはOKなのにIE7、8だと正常に動かない件。 厳密にはerrorで指定したコールバック関数が呼ばれてしまう。 他のブラウザだとsuccessで指定したコールバック関数が動くのに。 ajax()にはオプション引数のうち、dataTypeというパラメーターがあり、 json、jsonp、textなどを指定できる。 これを指定するとレスポンスに対する解釈をしてくれて データの扱いが便利になるという代物。 いろいろ試してみたがIE8標準のデバッガ「開発者ツール」には 相変わらずparseerrorの文字が。 つまり、それ以前の問題っぽい。 JqueryにおけるAjaxを解説しているサイトを調べ
jQuery.ajax(options) - jQuery 日本語リファレンス
HTTP通信でページを読み込みます。 この関数はjQueryにおけるAJAX通信の基本部分で、実際には$.getや$.postといった関数を使った方が、容易に実装できます。 但し、これらの抽象化された関数は実装の容易さと引き換えに、エラー時のコールバックなどの複雑な機能を失っています。そのような処理を実装したい場合は、やはり基幹であるこの関数を用いる必要があります。 $.ajax関数は、戻り値として XMLHttpRequestオブジェクトを返します。殆どの場合、このオブジェクトを直接操作することは無いと思われますが、例えば投げてしまったリクエストを中断する場合など、必要であれば利用して下さい。 この関数は引数をひとつだけとりますが、実際にはハッシュで、キーと値の組み合わせにより多くのオプションを受け取ります。 以下にその一覧を載せますので、参考にして下さい。 async / boolea
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
Ajaxについて - study_heroku
Ajaxの例 実際に簡単なAjaxの例を提示していく。 必要なファイル app/controller/[任意のコントローラ].rb app/view/[任意のコントローラ]/[Ajax実行ビュー].html.erb app/view/[任意のコントローラ]/_[部分テンプレート].html.erb app/view/[任意のコントローラ]/[メソッド名].js.erb ココの例題で使うファイル app/controller/ajax.rb app/view/ajax/index.html.erb app/view/ajax/_insert.html.erb app/view/ajax/add.js.erb Ajaxを実行するビューを編集 編集ファイル：app/view/ajax/index.html.erb 追加ボタンをクリックするとdivタグajax_areaが変化する。 <h1><%=
CGI不可のサーバでもできるAjaxによるHTMLの動的な整形
本稿では、多くの技術者間で注目されているキーワードの「Ajax」を、専用サーバーを持たない個人レベルのサイトで活用する方法の一例を紹介します。CGIなどが使えないレンタルサーバーを使っているサイトを想定し、Ajaxを使うことで何ができるか、どこまでできるかを考えてみましょう。 はじめに ここ最近、Web 2.0という言葉と共にクライアント側のプレゼンテーション技術としてAjaxが非常に注目されています。しかし、Ajaxという技術用語や概念の解説、または書籍が多く出版されているにもかかわらず、Ajaxを応用したコンテンツやアプリケーションは、キーワードとしてのAjaxの人気から考えれば、少ないと言えるでしょう。多くの人がGoogleなどの大手サイトでAjaxを体験しているにもかかわらず、Ajaxが使われているのは企業や大手ポータルサイトなど、限定されています。 では、Ajaxはそれほど敷居の
prototype.jsのAjax.RequestメソッドとAjax.Updaterメソッド: 大学生の見習いプログラマBlog
Ajaxを簡単に提供してくれるprototype.jsのAjax.RequestメソッドとAjax.Updaterメソッドについて。 違いはAjax.Updaterは属性が指定できて部分的に書き換えることができます。 (Ajax.Request) new Ajax.Request( "URL", {mehode:"get/poth", asynchronous:true, parameters: , onSuccess:function(request){}, onFailure: function(){} } ) (Ajax.Updater) new Ajax.Updater( "変更する属性", "URL", {mehode:"get/poth", asynchronous:true, parameters: , onSuccess:function(request){}, onFai
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Weblog Prototype 1.7.3 The new bugfix release of Prototype features lots of tiny fixes and one giant change under the hood. A foundation for ambitious web applications. Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax an
Ajax.Updater - Ajaxで指定エレメントの内容を書き換える - prototype.jsリファレンス
この機能を実行するにはprototype.jsが必要です 構文 Ajax.Updater(container, url, options) 引数: container=更新対象のエレメントＩＤ, url=Ajaxで接続するＵＲＬ, options=オプション 「Ajaxで指定エレメントの内容を書き換える」サンプルコード <html> <head> <title>Ajax.Updater - Ajaxで指定エレメントの内容を書き換える</title> </head> <!--Ajaxで指定エレメントの内容を書き換えるのサンプル--> <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { var a = new Aj
AjaxのPOSTでsessionが取得できない - 屑プログラマの憂鬱
RailsでjQueryなどの今時なライブラリを使わずにAjaxに挑んだメモ RailsでフツーのGETではsessionが取得出来てるのに、AjaxでPOSTしたときはなぜかsessionが取得できない。POSTだから？ Ajaxはセッション使えない？ まさかjQueryがその辺上手く処理してた？ そんな阿呆な。 jquery - Rails not reloading session on ajax post - Stack Overflow 上記ページによれば、リクエストのヘッダにCSRF tokenを入れましょうとのこと。CSRF tokenは、HTMLのヘッダに入っている下のヤツ。 <head> <meta name="csrf-token" content="16nHoplPHvBSpKzha3p6FRfaldfkjadkdammydammydammy="> </head> g
Rails3 Ajax では、link_to_remote じゃありません。
え、無いの？ということで調べてみると... どうやら "link_to_remote" がなくなり "link_to" , "button_to" などに ":remote = true" オプションで実装するらしい。 :remote => true - This will allow the unobtrusive JavaScript driver to make an Ajax request to the URL in question instead of following the link. The drivers each provide mechanisms for listening for the completion of the Ajax request and performing JavaScript operations once they’re compl
AJAXサイトの定期観測向け性能計測ツールを作ってみた - うなの日記
AJAXサイトの定期観測向け性能計測ツールを作ってみましたよ。 ページの読み込み時間、サーバーAPIの呼び出し時間ならJMeter、JavaScriptの実行時間ならBenchmark.jsで計測できるけど、 これらをひっくるめた読み込みを開始してから画面に情報が表示されるまでにかかる一連の時間を計測するツールとなるとFireBugくらいしか見当らないなー・・・。 FireBugでも計測はできるけど、計測対象ページがいっぱいあったり、5回計測して平均をとる、とかいう場合にはちょいシンドイ。 FireBug自体のオーバーヘッドも若干気になるし・・。 あと、IE7,8でも測らんといかんので、同じ仕組みでIEでもFireFoxでも計測できるようにしておきたい。 というのが経緯。「ログ出力監視方式」の計測ツールならこれらの要件を満たせそう && 割とさくっと作れそうじゃね?と思い立って作ってみまし
Rails not reloading session on ajax post
I'm experiencing a very strange problem with Rails and ajax using jQuery (although I don't think it's specific to jQuery). My Rails application uses the cookie session store, and I have a very simple login that sets the user id in the session. If the user_id isn't set in the session, it redirects to a login page. This works with no problems. JQuery GET requests work fine too. The problem is when I
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to insidenet.tv
IBM Developer
Polling AJAX request and sending data between javascript and server
rails's Wiki - AjaxOnRails