ajaxなページへのパーマリンクを作ってみる

はてなブックマーク - ajaxなページへのパーマリンクを作ってみる
このエントリーをはてなブックマークに追加
Share on Facebook

ajaxで表示しているページへの擬似的な直リンクを作ってみました。

こちらの記事ajaxで戻るボタンを実装する
のonloadイベント(呼び出し元htmlファイル)に以下のjsを追記することできました。

window.onload=function(){
 //onloadイベントでURLの#以降を取得
 if(location.href.match(/test.html/i)){
  var uri = location.href;
  if(uri.match(/.*?#/i)){
   hash=uri.replace(/.*?#/,"")
   //iframeのsrc部分を変更
   changeFrame(hash);
  }
 }
}

こうすることで、呼び出し元htmlファイルのonloadイベントで、
ハッシュが存在する場合iframeのsrc部分を変更し、
iframeのonloadイベントが呼ばれて―――
続きの処理はこちらの記事と同じ⇒ajaxで戻るボタンを実装する

・・・という具合になります。

戻るボタンが使えて直リンクが出来ればajaxなページに慣れていない人へのユーザビリティも大分確保できるのと思います。

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">