サイドバーをAjaxで呼び出すスクリプトを書きました

JavaScriptのオブジェクト指向とAjaxの動作原理の勉強のために、このブログのサイドバー呼び出しスクリプトをオブジェクト指向的なスクリプトに書き直しました。

コードは「外部HTMLをAjaxで読みこんで表示するAjaxViewer » RAILS PRESS」にあげてあります。(もっときれいに書く方法など、フィードバックいただけるとうれしいです)

このスクリプトを使えば、MovableTypeの再構築時のサイドバー生成の負荷を劇的に減らせます。

使い方は、このスクリプトを読み込んで、

<div id="hogehoge"></div>

というDOMに

http://example.com/menu.html

というHTMLを吐き出す時には、

var menu = new AjaxViewer('hogehoge');
menu.load('http://example.com/menu.html');

という感じでこのスクリプトを呼び出してやります。

もし気に入ったら、自由に使ってやってください。

Comments Retweet

Related Entries
ドリコムWANTEDにThickBoxを使ってみた
FireFoxとIEでは動かないAjax(Safariでは動いてた)
MovableType コメントを DISQUS に置き換えて Facebook Connect 対応
ソーシャルリファクタリングが可能な『Refactor My Code』
続Google Ajax Search API
MTでAjax!!〜XMLHttpRequestでMovableTypeの各エントリーにメニューを読み込ませる〜
Ajaxで動くネットワーク図を書きたいのですが...