FrontPage

Ajax

Ajaxのリンク集

Ajaxにおけるイベント処理

DWR

DWRとJSFの記事

http://www.infoq.com/jp/articles/jsf-dojo-dwr

Ajaxによるアプリケーション開発

funcs.js

Ajaxによるアプリケーション開発では、funcs.jsに有用なJavaScript関数を定義している。 そのうち、IEとその他のブラウザ別に、イベントリスナーを登録する関数は 以下のとおり。

       function setListener(observer, eventType, callFunc) {
           if(observer.attachEvent) {
               observer.attachEvent('on'+eventType,callFunc);
           }
           else if(observer.addEventListener) {
               observer.addAEventListener(eventType,callFunc,false);
           } else {
               alert("This browser does not support event listener.");
           }
       }
       setListener(window,"load",initOnLoad);
       
       function initOnLoad() {
           alert("load ivent exec");
       }

FORMに入力があったときのイベント処理

下の例で、searchAjaxは、DWRを呼び出すJavaScriptの関数。 FORMなどに対するイベントリスナーの登録は、 下記のようにinitOnLoad?関数を作ってで、初期化する必要がある。

       function setListener(observer, eventType, callFunc) {
           if(observer.attachEvent) {
               observer.attachEvent('on'+eventType,callFunc);
           }
           else if(observer.addEventListener) {
               observer.addAEventListener(eventType,callFunc,false);
           } else {
               alert("This browser does not support event listener.");
           }
       }
 
	function initOnLoad() {
         var observer = document.getElementById("search");
         setListener(observer,"keyup",searchAjax);
	}
	setListener(window,"load",initOnLoad);

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2016-08-29 (月) 21:41:06 (1269d)