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);
}
}
}
//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なページに慣れていない人へのユーザビリティも大分確保できるのと思います。