Ajax+PHPでインタラクティヴ・プラザを作る
実際動いているサイトはこちら plaza.jsの解説(続き) 今回は、displayresultsファンクションを掲載。解説は次回からということで…。 検索結果表示・共通処理 function displayresults(shop,xml) { ResultsDiv[shop].innerHTML = ""; items = xml.getElements…
実際動いているサイトはこちら plaza.jsの解説(続き) 今回は、小さいファンクションについて説明します。 終了時処理 function conclude(e) { for(objname in httpObj) { abortXMLHttpRequest(objname); } } このファンクションは、ページのアンロード時に呼…
その7を改定しました。
その6を改定しました。
その5を改定しました。
その4を改定しました。
その3を改定しました。
その1とその2を改定しました。
とりあえず決定しました。 過去のログを修正します。以前ご覧頂いた方々には大変申し訳ございませんが、ちょこちょこと変わっていくので、よろしくお願いいたします。
sirmiles.comのサイトには、右側に通販ブースが設けられているページが数多くあります。その部分には、これまでインラインフレームで別ページを表示させていたのですが、今回、この連載で紹介している方法を使用して、全てAjax化しました。これでiframeタグ…
実際動いているサイトはこちら plaza.jsの解説(続き) 今回は、初期処理を行うファンクションについて説明します。 初期処理。 function init(e) { localTimerId = false; Keywords = ""; Sort = ""; Amazon = false; Rakuten = false; Bidders = false; Stor…
実際動いているサイトはこちら plaza.jsの解説 plaza.jsはかなり長いため、全文掲載はせず、部分ごとに分けて掲載します。 今回は、変数の宣言部について解説します。 変数の宣言部。 // 処理連発防止タイマID var localTimerId; // 入力値保持用 var Keywor…
実際動いているサイトはこちら ajax.jsの解説(続き) 今回は、httpRequestについて解説します。 リクエスト送信ファンクション。 function httpRequest(target_url,post_data,funcitonReference) { message("検索中...しばらくお待ちください。"); makeXMLHtt…
実際動いているサイトはこちら ajax.jsの解説(続き) 今回は、httpRequestは後回しにして、他のファンクションについて解説します。 メッセージ表示ファンクション。 function message(str) { document.getElementById('msg').innerHTML = str; } これは、ind…
実際動いているサイトはこちら ajax.js 次に、AJAX方法論の基礎部分を実現するJavaScriptファイルを見てみます。いきなり、全文を掲載。 羽田野太巳氏の著作「AJAX Webアプリケーションアイデアブック」を最大限に参考していますが、丸コピではなく、趣旨に…
実際動いているサイトはこちら index.php の解説 まずはヘッダ部分。 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>イン…</meta></head></html>
実際動いているサイトはこちら 序章 sirmiles.comでは、「手抜きなショッピング・モール」というサイトを公開していました。Amazon、楽天、ビッダーズ、ストアミックスから、商品を一括検索するというページです。 ただし、このページは面白味がなく、アフィ…
