Route 477(2007-12-07)
■ [javascript] サーバが一定時間応答しなかったら処理を打ち切る 探していたものとは違うものだけど、一応メモ。 IT trends By 渡辺翔太 » Blog Archive » Ajaxでタイムアウトを設定するコード ネタ元： codejanitor » AJAX Timeouts with Prototype インデントが崩れているので直したものを貼っておきますね。 function callInProgress (xmlhttp) { switch (xmlhttp.readyState) { case 1: case 2: case 3: return true; break; // Case 4 and 0 default: return false; break; } } function showFailureMessage(
prototype.jsのイベント | GENDOSU@NET
prototype.jsで、エレメントにイベントを設定する <div id="test">test</div> このタグにクリックイベントを付ける時は $('test').observe('click', function(event){ alert('testをクリック'); }); prototype.jsのイベントとして指定出来るイベント ページのイベント load ページが読み込まれた時 dom:loaded ページが読み込まれた時(イメージなどは読み込み完了していなくても発動) ※DOMツリーの構築が終わっていても描画が終わっていない場合があるので、このイベント内で$('test’).style.height のようなプロパティを見ても0やnullが入っている場合がある。 unload ページが閉じられる時 resize ページのサイズが変更された時 abort ページの読み込み
付録 prototype.js：通信を中断する
prototype.jsはデータの通信を開始した際にonLoadingイベントが発生します。この時に通信用のオブジェクトをグローバル変数に入れておきます。あとは、abort()メソッドで通信を中断することができます。ただし、この方法が良いとは考えられないので他に良い方法があるはずです。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>prototype.jsサンプル</title> <script src="prototype.js" type="text/javascript"></script> <script type="text/javascript"><!-- gHttpObj = null; function waitData()
Ajaxで通信を強制停止させる方法 | システムエンジニアの戯言
Ajaxで通信を強制停止するには XMLHttpRequestのabortを使います。 実際には、abortなんてそうそう使う機会はありません。 果たして使い道はあるのでしょうか？ 例えば、Ajax通信中に、「Now Loading・・・」なんていうメッセージをモードレスダイアログで表示し、さらにユーザが手動で通信を停止させる手段としてダイアログの右上に×ボタンを用意しておき、ボタンが押されたタイミングで、abortする、なんていうことが考えられます。 Ajax通信中に他のページに移動する際の問題 ミッションクリティカルなWebシステムでない限り、Ajax通信中に他のページへの移動を許容する事は間々あるかと思います。 例えば、最近私が作成したWebシステムでは、Topページのパフォーマンス向上のために、Ajaxで情報を遅延ロードして表示するような仕組みを採用しました。 どれぐらい、パフォー
link_to_remote - babie, you're my home
RDoc 見たら ActionView::Helpers::PrototypeHelper の link_to_remote 読めって書いてあったので訳してみたよ。★はわかんないとこ。情報求ム。 link_to_remote(name, options = {}, html_options = {}) options[:url] (url_for フォーマットで記述する) で定義されたリモートアクションへのリンクを返します。リンクをクリックするとバックグラウンドで XMLHttpRequest が呼ばれます。そのリクエストの結果が、options[:update] で指定された DOM オブジェクトに挿入されます。 例： link_to_remote "Delete this post", :update => "posts", :url => { :action => "destroy"
dom:loaded [prototype.js]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet
dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
ツールチップ｜prototype.jsベース｜Ajax｜PHP & JavaScript Room
HEAD <!-- JS --> <script type="text/javascript" src="prototype-1.5.0.js" charset="utf-8"></script> <script type="text/javascript" src="scriptaculous.js?load=builder,effects" charset="utf-8"></script> <script type="text/javascript" src="tooltips.js" charset="utf-8"></script> <!-- CSS --> <link rel="stylesheet" href="tooltips.css" media="screen" charset="utf-8" /> HTML <ul> <li><a href="#" title="ツー
Prototype系ライブラリ サンプルプログラム
このページはAjaxライブラリの1つであるPrototypeライブラリ系のライブラリの各種サンプルコードを掲載しています。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 一般的なJavaScriptに関するサンプルに関しては以下のサイトを参照してください。 JavaScript例文辞典 JavaScript例文辞典（新） Last update : 2008/7/23 PM 3:53 2008 Copyright 古籏一浩(KaZuhiro FuRuhata) ■Accordion ライブラリを読み込む アコーディオンを表示する アコーディオンを縦に表示する（横にスライドし展開表示する） 展開速度を指定する 展開処理するためのイベントを指定する 最初に表示するパネルを指定する ■DatePicker ライブラリを読み込む カレ
ツールチップ｜jQuery plugin｜Ajax｜PHP & JavaScript Room
［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions.js" type="text/javascript"></script> <script src="jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional --> <script src="jquery.cluetip.js" type="t
29分でできる！ あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
link_to_remoteにクエリー文字列を渡す - はらぐろブログラマン
link_to_remote( "label", array( 'url'=>"mymodule/index", 'with'=>"'q1=hoge&q2=poge'", 'update'=>"updateDiv") ) withの部分にクエリー文字列を書く。 注意すべきは、クエリー文字列を'〜'もしくは\"〜\"で括ること。 これはAjax.Updaterのparametersに展開されたとき parameters: 'q1=hoge&q2=poge' のようにならないと動作しないからです。 以下駄目な例 'url'=>"mymodule/index?q1=hoge&q2=poge" これだと mymodule/index/q1/hoge/q2/poge とかになってしまう。 クエリーの値が/を含んだりするとnot foundになったり。 url_for()の場合optionsにquer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.crystal-creation.com/web-appli/technical-information/web-api/google/search/
http://www.tricky-code.net/mine/javascript/js02ajax.php
layer8.sh
symfony入門（6）：symfonyプログラミング 開発のテクニック（後篇）